Очередной пост о твиттере, точнее не совсем о нём. Мой предыдущий пост о твиттере за два дня, прошедших с момента его написания, для многих стал не актуален. В этом посте вы узнаете: как сделать свою форму написания твитов
как сделать такое всплывающее сообщение при написании ника пользователя
Сначала про то, что нам потребуется: - аккуант в твиттере;
- свой сайт.
Первым делом идём на 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
|