Очередной пост о твиттере, точнее не совсем о нём. Мой предыдущий пост о твиттере за два дня, прошедших с момента его написания, для многих стал не актуален.
В этом посте вы узнаете:
как сделать свою форму написания твитов
как сделать такое всплывающее сообщение при написании ника пользователя
Сначала про то, что нам потребуется:
- аккуант в твиттере;
- свой сайт.
Первым делом идём на http://twitter.com/apps и нажимаем Register a new application
.
Заполняем поля:
Application Name - название приложения.
Description - описание вашего приложения.
Application Website - адрес вашего сайта (должен начинаться с http://).
Organization - название вашей компании (я это поле незаполнял, так же как и ).
Application Type - выбираем тип приложения: браузерное или десктопное, мы выбираем Browser.
Callback URL - адрес вашего сайта (должен начинаться с http://) на который твиттер будет возвращать пользователя, после авторизации.
Default Access Type - выберите Read & Write
.
Нажимаем Save application и оказываемся на странице с деталями вашего, только что созданого, приложения. Список своих приложений, вы всегда сможете найти на странице: http://twitter.com/apps.
Далее, вставляем этот код между <head> и </head>:
<script src="http://platform.twitter.com/anywhere.js?id=APIkey&v=1" type="text/javascript"></script>.
Для создания формы написания твитов в нужном месте ставим:
<div id="tbox"></div>
<script type="text/javascript">
twttr.anywhere(function (T) {
T("#tbox").tweetBox({
label: "Заголовок",
height: 60,
width: 450,
defaultContent: "Текст твита"
});
});
</script>
Для автоматического превращения ников в ссылки на аккаунты в твиттере вставляем этот код между <head> и </head>:
<script type="text/javascript">
twttr.anywhere(function (T) {
T.linkifyUsers();
infer: true
});
</script>
Для того чтобы появлялись всплывающие сообщения над никами пользователей вставляем этот код между <head> и </head>:
<script type="text/javascript">
twttr.anywhere(function (T) {
T.hovercards({ expanded: true });
})
</script>
Всё. Не забываем фоловить меня: @OlesBykov