Собственная кнопка Retweet с счетчиком без плагинов

Сегодня я расскажу как сделать кнопку Retweet с счетчиком и с собственным оформлением, по сути, какую захотите такая и будет. Для этого мы будет использовать  Topsy’s Otter API.

Для начала вам нужно иметь представление как именно будет выглядеть кнопка, т.е. иметь ее дизайн. После этого можно приступать. Для примера я возьму кнопку, которую нарисовал мой друг webmozg, а я ее для него сделал.

Поскольку в кнопке используются фоновые изображения и чтобы упростить пример, я сделаю упрощенный вариант, но постараюсь максимально сохранить сходство с дизайном.

Будем считать, что кнопка уже сверстана и определено место, где она будет размещаться.

Обратите внимание, что кнопка обязательно должна размещаться в пределах Loop

Разместим в нужном месте следующий php-код:

Ниже вставьте html-код:

И, наконец, css-код:

Вот и все. Кнопка полностью сохраняет функциональность оригинального плагина. Разметка очень простая и ее легко изменить, создавая свои уникальные кнопки.

Если возникли вопросы, задавайте в комментариях, буду рад на них ответить.