Социализация блога. Добавление социальных закладок
Автор: Westblogger, 2012 год. 263Решил провести небольшую социализацию блога. А именно, добавляю кнопочки расшарить в социальных сетях. Как-то давно у меня стоял плагинчик с закладками (типа бобрдобр и т.п.), но я его снес за неактуальностью. Думаю соц. сети будут более востребованы
Первое что нужно понять, это то, какие способы так называемого расшаривания существуют и самое главное, где их можно найти в соц. сетях. Ответ конечно же нашел быстро с помощью поисковиков :О
Так как я принципиально не хочу иметь дело со скриптами (снизится скорость загрузки), то мне требуется прямая ссылка для кнопочки. Хорошо, что такая возможность есть практически везде.
Для Вконтакте:
<a href="http://vkontakte.ru/share.php?url=http://mysite.com" target="_blank">Поделиться статьей в Вконтакте</a> |
Для FaceBook ссылка будет выглядеть так:
<a href="http://www.facebook.com/sharer.php?u=http://mysite.com" target="_blank">Поделиться статьей в FaceBook</a> |
Для однокласников:
<a href="http://www.odnoklassniki.ru/dk?st.cmd=addShare&st.s=1&st._surl= http://mysite.com" target="_blank">Поделиться статьей в Одноклассниках</a> |
Для соц. сети от Яндекса – Ya.ru:
<a href="http://wow.ya.ru/posts_share_link.xml?url=http://mysite.com" target="_blank">Поделиться статьей в Ya.Ru</a> |
Для ЖивогоЖурнала:
<a href="http://www.livejournal.com/update.bml?event=http://mysite.com">Поделиться статьей в ЖивомЖурнале</a> |
Вместо mysite.ru нужно вставлять требуемую переменную, которая зависит от движка сайта, чтобы отсылались именно нужные статьи, а не статичный урл. (в wordpress это the_permalink)
Вот в принципе и все, немного покопавшись в фотошопе, сграбил картинки соц. сетей себе на хостинг. Их и использовал. Полоску с закладками расположил вверху, над постами, у меня там как раз место полно справа от даты и месяца.
Единственное чего я не смог найти, это аналогичный урл для твиттера. На самом сайте ничего нету, кроме кнопки скрипта.
Не забудь поставить нофоллоу, а то уменьшат индекс страниц в Гугле.
Комментарий от Orcinus Orca — 30.03.2012 @ 17:22 (мск)
А что если кнопки в один ряд поставить, а то на главной, да и на записи как то картину портят
Комментарий от Вадим — 30.03.2012 @ 19:51 (мск)
Оркинус, уже поставлено.
Вадим, а они не в ряд стоят?
Комментарий от West Blogger — 30.03.2012 @ 20:07 (мск)
По горизонтали то есть)
Комментарий от Вадим — 30.03.2012 @ 21:32 (мск)
Вадим, насколько я вижу они стоят в ряд по горизонтали, у тебя иначе ? )
Комментарий от West Blogger — 31.03.2012 @ 06:48 (мск)
Таааакк, щас глянул в IE, действительно все снизу, по вертикали :/ В FireFox все нормально отображается.
Комментарий от West Blogger — 31.03.2012 @ 06:54 (мск)
В Firefox и Opera все наверху и по горизонтали — смотрится клева, а в гугл хром наоборот все внизу и как список оформлено — смотрится не очень
Комментарий от Вадим — 31.03.2012 @ 11:09 (мск)
Самое странное, в htmlbook показано что кроссбраузерность по идее должна соблюдаться для всех браузеров. Придеться хаки выдумывать :О
Upd: на browserlab.adobe.com все показывается нормально, что на IE 8, что через Chrome13,14. А если смотреть через браузер на компе (IE8) то некорректно
Upd: все поправил. По началу не придал значения, у меня условный комментарий для CSS был задан в теме. (по-крайней мере для IE. для хрома надо еще проверить)
Комментарий от West Blogger — 31.03.2012 @ 11:22 (мск)
Да в эксплорере, что-то много что не так показывается, я вот с 7 по 9 эксплорер не могу заставить курсор вставать после добавленного текста.
Комментарий от Orcinus Orca — 31.03.2012 @ 20:26 (мск)
Я заметил вещь интересную — если хром на винде, то все показывает норма, если на люниксе — возникают баги
Комментарий от Вадим — 04.04.2012 @ 06:34 (мск)
Вадим у тебя все равно вертикально и внизу поста?
Комментарий от West Blogger — 04.04.2012 @ 08:37 (мск)
Теперь вертикально и вверху))) Это видимо, как уже упомянул потому что на линухе сижу — с винды все норм становится на том же Crome
Комментарий от Вадим — 05.04.2012 @ 08:14 (мск)
О боже :О
Комментарий от West Blogger — 05.04.2012 @ 10:29 (мск)