Кнопки социальных сетей для блога
Ну да, и я туда же. А что, без этих социальных сетей теперь никуда (я, кстати, и сам подсел на twitter и google+). Добрая часть интернет пользователей подсела на них, а у этой доброй части пользователей, еще более добрая 🙂 часть друзей, с которыми можно делиться всем интересным. Вот и постами нашими они могут поделиться с друзьями своими, а чтоб упростить им задачу нужны кнопки, о них сегодня и поговорим.
В этом посте Вы найдете коды для размещения кнопок, которые установил себе я, найдете ссылки на официальные кнопки и описание того, как эти социальные кнопки установить на свой блог (сайт), а ниже, как обычно, Вас ждет жирный бонус и сладкое. Спасибо за Ваши комментарии и
не забудьте поделиться материалом с друзьями!
Большинство популярных соц.сетей предлагает свои настраиваемые под наши нужды скрипты кнопок. У этих кнопок, понятное дело, свои преимущества — интерактивность и счетчик кликов, последнее очень важно. Но вместе с тем есть и минусы. Благодаря этим скриптам скорость загрузки страниц значительно падает, а как известно поисковики уже это дело учитывают.
Кнопки собственного производства являются полной противоположностью. Они быстро загружаются, так как находятся на одном сервере с самим сайтом и не обращаются к сторонним серверам за какой-либо информацией, например статистикой кликов, что также является минусом одновременно.
Я тут кстати на досуге, прежде чем писать этот пост, спросил у Вас какие кнопки социальных сетей выбрать для pervushin.com, ответов не много (спасибо большое тем, кто откликнулся), но выбор таки остановился на своего собственного производства кнопках. Здесь я все же затрону оба вида:
Готовые скрипты от социальных сетей
Вконтакте | Facebook | Mail.ru (Мой мир) | Я.ру (ya.ru) | Google Buzz | Одноклассники | Google +1
[ads1]
Кнопки своего производства
Вконтакте | Facebook | Mail.ru (Мой мир) | Я.ру (ya.ru) | ЖЖ (livejournal) | Одноклассники | Google Buzz | Google +1
Кнопка ВКонтакте
Ооочень популярная сеть, возможно самая популярная, среди сеошников (да и не только среди них). Я там тоже есть, присоединяйтесь. Код кнопки вконтакте.
Стиль кнопки предполагает всевозможные варианты: кнопка, кнопка без счетчика, текстовая ссылка, ссылка без иконки, просто иконка. Углы кнопки можно сделать прямыми или закругленными. Текст на кнопке можно написать какой угодно, ну например «Ух ты!» :):
[ads2]
Настроили? Теперь забираем готовый код кнопки и прописываем его в шаблон нашего движка. Обратите внимание, в контакте предлагает нам два кода для вставки, один из них (первый) необходимо вставить между тегами <head></head> , второй в нужном месте шаблона.
Я работаю на wordpress, потому обо всех манипуляциях буду рассказывать применительно к этому движку, но не думаю что для пользователей других движков задача как-то усложняется.
Тег можно найти только в одном файле шаблона, в шапке блога, у меня этот файл обзывается header.php:
Предлагаемый код можно добавить сразу перед закрывающим тегом head, вот так:
<script type="text/javascript" src="http://pervushin.com/vkontakte.ru/js/api/share.js?11" charset="windows-1251"></script> |
Переходим ко второму коду, тут два варианта, его можно воткнуть как в одиночную запись, так и на главную для каждого поста в отдельности, как кнопка retweet сейчас у меня стоит. Начнем с одиночной записи, в wordpress шаблонах обычно этот файл зовется single.php, если Вы, как я сейчас, планируете ставить социальные кнопки в конце поста (под ним), тогда ищем строку <?php the_content(); ?> и после неё вставляем код кнопки вконтакте:
<script type="text/javascript"><!-- document.write(VK.Share.button({url: "<?php the_permalink() ?>"},{type: "round", text: "Ух, ты!"})); --></script> |
Само собой Вы можете использовать дополнительные стили форматирования, дабы расположить эти кнопки как-то посимпатичнее :).
Теперь по главной, здесь не много сложнее, мне пришлось попотеть…минут десять, чтобы разобраться, в итоге получился вот такой код:
<script type="text/javascript"> <!-- document.write(VK.Share.button({ url: '<?php the_permalink() ?>', title: '<?php the_title(); ?>', noparse: false })); --> </script> |
Где: url — ссылка на пост, так как на главной много постов (анонсы), то кнопке необходимо сообщать каждый урл в отдельности, для этого и прописываем the_permalink. title — название поста, тоже самое, что и с URL, the_title возвращает название каждого поста. noparse: false — разрешаем выхватывать описание и картинку поста по его url, описание автоматически берется из тега description, картинку выхватывает первую в посте.
Код этот вставляем по аналогии с кнопкой ретвит, в файл index.php, это в случае с вордпрессом. Себе эту кнопку на главной обязательно поставлю, просто надо ее вписать как-то посимпатичней, над этим и думаю. С ВКонтакте разобрались, идем дальше.
Кнопка facebook
В рунете набирает обороты и эта социальная сеть, а значит мы там должны быть, я уже есть :), присоединяйтесь. Код кнопки facebook. [ads3]Здесь примерно тоже самое, только в ничего вставлять не придется. Настройка также проста, кстати, там все на английском и кнопка в том числе, но когда она будет подгружаться уже у Вас на сайте, все будет на нашенском :).
В отличие от вконтакте, эту кнопку можно сделать коробкой (box count), как ретвит сбоку у меня, — это плюс, но есть большой минус — текст на этой кнопке не редактируется, если горизонтальная кнопка смотрится с текстом «Мне нравится» отлично, то коробочная версия кнопки разъезжается и выглядит ужасно, именно это является причиной того, что ее до сих пор нет под кнопкой retweet в моих постах.
После настройки всех параметров жамкаем кнопку «Get Code», facebook дает нам два вида кода, я взял первый. Обратите внимание, здесь также необходимо подставить <?php the_permalink() ?>. Выглядеть это будет примерно так:
<iframe src="http://pervushin.com/www.facebook.com/plugins/like.php?app_id=102378703198105&href=<?php the_permalink() ?>&send=false&layout=button_count&width=450&show_faces=false&action=like&colorscheme=light&font&height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:21px;" allowTransparency="true"></iframe> |
Но вот с главной страницей проблема, кнопку установил, она видна и собирает статистику к каждой записи, но при нажатии на кнопку, записи не передаются в фейсбук…странно, если справлюсь с этой проблемой сообщу и Вы не забудьте здесь отписать, если имеете решение. Ну а для одиночной записи устанавливаем по аналогии с вышеописанной вконтакте.
Кнопка mail.ru
Вы не поверите, я и там есть :). Код кнопки mail.ru.
Здесь нас можно сказать обделили, имею ввиду по типу кнопки, их всего два: кнопка (как на картинке выше) и ссылка с иконкой. Для одиночной записи в код добавлять ничего не надо, просто вставляем его в single.php. А для главной требуется добавить уже знакомый нам <?php the_permalink() ?>. Готовый код для главной будет выглядеть так:
<a target="_blank" href="http://pervushin.com/connect.mail.ru/share?url=<?php the_permalink(); ?>" rel="{'type' : 'button', 'width' : '150'}">Рекомендую</a> <script src="http://pervushin.com/cdn.connect.mail.ru/js/loader.js" type="text/javascript" charset="UTF-8"></script> |
Кнопка я.ру
Еще одна кнопочка, позволяющая Вашим читателям делиться ссылками на материалы сайтов с друзьями на блогах и в клубах ya.ru. По статистике яндекс.блогов на я.ру зарегистрировано почти 2 миллиона пользователей, я кстати один из них, такому количеству пользователей нужно только помогать, потому эта кнопка нужна не меньше других.
Классная кнопка. Кажется разработчики подумали обо всем. На странице получения кода трудно что-либо сделать не так.
После настройки всех опций, код без каких-либо изменений можно сразу размещать в одиночной записи. А для главной делаем все как обычно, т.е. добавляем <?php the_permalink() ?> и для title (заголовок) <?php the_title(); ?>. Для этого прям на той же странице выбираем в поле «Ссылка на публикацию» опцию «Произвольный URL» и прописываем <?php the_permalink() ?>, а в поле «Заголовок» «Произвольный заголовок» и пишем <?php the_title(); ?>.
У Вас должен получиться вот такой код:
<a counter="yes" type="button" size="large" share_url="<?php the_permalink() ?>" share_title="<?php the_title(); ?>" share_text="Рекомендую" name="ya-share"> </a><script charset="utf-8" type="text/javascript">if (window.Ya && window.Ya.Share) {Ya.Share.update();} else {(function(){if(!window.Ya) { window.Ya = {} };Ya.STATIC_BASE = 'http://pervushin.com/img-css.friends.yandex.net/';Ya.START_BASE = 'http://pervushin.com/my.ya.ru/';var shareScript = document.createElement("script");shareScript.type = "text/javascript";shareScript.async = "true";shareScript.charset = "utf-8";shareScript.src = Ya.STATIC_BASE + "/js/api/Share.js";(document.getElementsByTagName("head")[0] || document.body).appendChild(shareScript);})();}</script> |
Кнопка google buzz
Очень популярный сервис, но в рунете на него как-то слабовато внимание обращают, мне кажется зря. В твиттер тоже не сразу все бросились, а сейчас многие локти кусают, что не сразу там о себе заявили :). Код кнопки google buzz. Я на google buzz.
На этой странице все также как и на предыдущих, Вы уже опытные :), настраиваем внешний вид кнопки и закидываем готовый код в single.php.
А для главной (index.php), что добавляем? Правильно — < ?php the_permalink() ?>, выбираем опцию «Персонализированный» в выпадающем меню пункта «Отправляемый URL» и прописываем этот тег.
Кнопка Одноклассники
Про эту кнопку я узнал случайно. Сколько сайтов в день «объезжаю» — не видел, а на одном увидел и решил себе поставить. Сеть очень популярная, а значит и оттуда при правильном подходе можно неплохой трафик получить. Код кнопки одноклассники. Я … а нет, меня на одноклассниках нет :), но надо будет и там появиться.
Смею предположить, что кнопку эту я не встречал, потому что разработчики не удосужились толком поработать над предложением установить их кнопку. Нет никаких настроек дизайна, есть только три строчки кода, а поверхностное описание установки этого кода усложняет ее распространение по сети.
Давайте установим, этот код ставим между тегами :
<link href="http://pervushin.com/stg.odnoklassniki.ru/share/odkl_share.css" rel="stylesheet"> <script src="http://pervushin.com/stg.odnoklassniki.ru/share/odkl_share.js" type="text/javascript" ></script> |
Следующий код ставим в нужном месте шаблона. Его можно воткнуть как в одиночную запись, так и на главную.
<a class="odkl-klass-stat" href="<?php the_permalink() ?>" onclick="ODKL.Share(this);return false;" ><span>0</span></a> |
Кнопки сервисов мы изучили, перейдем к кнопкам собственного производста, но не забудьте установить кнопку от Google +1. Поверьте, она на многое влияет.
Свои социальные кнопки
… устал. А Вы? Ничего, чуть-чуть осталось. Сейчас быстренько отдам Вам кнопки, они у меня в gif формате, и код готовый к употреблению установке.
Забирайте этот файл и распакуйте его в папку с изображениями Вашей темы (для вордпресс обычно это wp-content/themes/ваша_тема/images), а затем пропишите коды в single.php после < ?php the_content(); ?>.
ВКонтакте
<a onclick="window.open('http://pervushin.com/vkontakte.ru/share.php?url=<?php the_permalink(); ?>', 'vkontakte', 'width=626, height=436'); return false;" href="http://pervushin.com/vkontakte.ru/share.php?url=<?php the_permalink(); ?>" rel="nofollow"><img src="<?php bloginfo('template_url'); ?>/i/social/vkontakte.gif" width="88" height="21" title="Поделиться с друзьями ВКонтакте"></a> |
<a onclick="window.open('http://pervushin.com/www.facebook.com/sharer.php?u=<?php the_permalink(); ?>', 'facebook', 'width=626, height=436'); return false;" rel="nofollow" href="http://pervushin.com/www.facebook.com/sharer.php?u=<?php the_permalink(); ?>"><img src="<?php bloginfo('template_url'); ?>/i/social/facebook.gif" width="76" height="21" title="Поделиться с друзьями в Facebook"></a> |
Мой мир на mail.ru
<a onclick="window.open('http://pervushin.com/connect.mail.ru/share?share_url=<?php the_permalink(); ?>', 'mmir', 'width=626, height=436'); return false;" rel="nofollow" href="http://pervushin.com/connect.mail.ru/share?share_url=<?php the_permalink(); ?>"><img src="<?php bloginfo('template_url'); ?>/i/social/mailmir.gif" width="100" height="21" title="Поделиться с друзьями Моего Мира на Mail.ru"></a> |
Я.ру
<a onclick="window.open('http://pervushin.com/wow.ya.ru/posts_share_link.xml?url=<?php the_permalink(); ?>&title=<?php the_title(); ?>', 'yaru', 'width=626, height=436'); return false;" rel="nofollow" href="http://pervushin.com/wow.ya.ru/posts_share_link.xml?url=<?php the_permalink(); ?>&title=<?php the_title(); ?>"><img src="<?php bloginfo('template_url'); ?>/i/social/yaru.gif" width="100" height="21" title="Поделиться с друзьями на Я.ру"></a> |
ЖЖ (livejournal)
<a onclick="window.open('http://pervushin.com/www.livejournal.com/update.bml?event=<?php the_permalink(); ?>&subject=<?php the_title(); ?>', 'lj', 'width=626, height=436'); return false;" rel="nofollow" href="http://pervushin.com/www.livejournal.com/update.bml?event=<?php the_permalink(); ?>&subject=<?php the_title(); ?>" title="Опубликовать в своем блоге livejournal.com"><img src="<?php bloginfo('template_url'); ?>/i/social/livejournal.gif" alt="Опубликовать в своем блоге livejournal.com" width="100" height="21"></a> |
Одноклассники
<a onclick="window.open('http://pervushin.com/www.odnoklassniki.ru/dk?st.cmd=addShare&st.s=1&st._surl=<?php the_permalink(); ?>', 'odkl', 'width=626, height=436'); return false;" rel="nofollow" href="http://pervushin.com/www.odnoklassniki.ru/dk?st.cmd=addShare&st.s=1&st._surl=<?php the_permalink(); ?>"><img src="<?php bloginfo('template_url'); ?>/i/social/odkl.gif" width="69" height="21" title="Поделиться с друзьями в Одноклассниках"></a> |
Живая лента (Google Buzz)
<a onclick="window.open('http://pervushin.com/www.google.com/reader/link?url=<?php the_permalink(); ?>&title=<?php the_title(); ?>&srcURL=http://pervushin.com//', 'buzz', 'width=626, height=436'); return false;" rel="nofollow" href="http://pervushin.com/www.google.com/reader/link?url=<?php the_permalink(); ?>&title=<?php the_title(); ?>&srcURL=http://pervushin.com//"><img src="<?php bloginfo('template_url'); ?>/i/social/googlebuzz.gif" width="100" height="21" title="Добавить в Google Buzz"></a> |
Для наглядности покажу, как эти коды размещены у меня:
<div align="center"> <a onclick="window.open('http://pervushin.com/vkontakte.ru/share.php?url=<?php the_permalink(); ?>', 'vkontakte', 'width=626, height=436'); return false;" href="http://pervushin.com/vkontakte.ru/share.php?url=<?php the_permalink(); ?>" rel="nofollow"><img src="<?php bloginfo('template_url'); ?>/i/social/vkontakte.gif" width="88" height="21" title="Поделиться с друзьями ВКонтакте"></a> <a onclick="window.open('http://pervushin.com/www.facebook.com/sharer.php?u=<?php the_permalink(); ?>', 'facebook', 'width=626, height=436'); return false;" rel="nofollow" href="http://pervushin.com/www.facebook.com/sharer.php?u=<?php the_permalink(); ?>"><img src="<?php bloginfo('template_url'); ?>/i/social/facebook.gif" width="76" height="21" title="Поделиться с друзьями в Facebook"></a> <a onclick="window.open('http://pervushin.com/connect.mail.ru/share?share_url=<?php the_permalink(); ?>', 'mmir', 'width=626, height=436'); return false;" rel="nofollow" href="http://pervushin.com/connect.mail.ru/share?share_url=<?php the_permalink(); ?>"><img src="<?php bloginfo('template_url'); ?>/i/social/mailmir.gif" width="100" height="21" title="Поделиться с друзьями Моего Мира на Mail.ru"></a> <a onclick="window.open('http://pervushin.com/wow.ya.ru/posts_share_link.xml?url=<?php the_permalink(); ?>&title=<?php the_title(); ?>', 'yaru', 'width=626, height=436'); return false;" rel="nofollow" href="http://pervushin.com/wow.ya.ru/posts_share_link.xml?url=<?php the_permalink(); ?>&title=<?php the_title(); ?>"><img src="<?php bloginfo('template_url'); ?>/i/social/yaru.gif" width="100" height="21" title="Поделиться с друзьями на Я.ру"></a> <a onclick="window.open('http://pervushin.com/www.livejournal.com/update.bml?event=<?php the_permalink(); ?>&subject=<?php the_title(); ?>', 'lj', 'width=626, height=436'); return false;" rel="nofollow" href="http://pervushin.com/www.livejournal.com/update.bml?event=<?php the_permalink(); ?>&subject=<?php the_title(); ?>" title="Опубликовать в своем блоге livejournal.com"><img src="<?php bloginfo('template_url'); ?>/i/social/livejournal.gif" alt="Опубликовать в своем блоге livejournal.com" width="100" height="21"></a> <a onclick="window.open('http://pervushin.com/www.odnoklassniki.ru/dk?st.cmd=addShare&st.s=1&st._surl=<?php the_permalink(); ?>', 'odkl', 'width=626, height=436'); return false;" rel="nofollow" href="http://pervushin.com/www.odnoklassniki.ru/dk?st.cmd=addShare&st.s=1&st._surl=<?php the_permalink(); ?>"><img src="<?php bloginfo('template_url'); ?>/i/social/odkl.gif" width="69" height="21" title="Поделиться с друзьями в Одноклассниках"></a> <a onclick="window.open('http://pervushin.com/www.google.com/reader/link?url=<?php the_permalink(); ?>&title=<?php the_title(); ?>&srcURL=http://pervushin.com//', 'buzz', 'width=626, height=436'); return false;" rel="nofollow" href="http://pervushin.com/www.google.com/reader/link?url=<?php the_permalink(); ?>&title=<?php the_title(); ?>&srcURL=http://pervushin.com//"><img src="<?php bloginfo('template_url'); ?>/i/social/googlebuzz.gif" width="100" height="21" title="Добавить в Google Buzz"></a></div> |
Готово! Теперь по нажатию на одну из кнопок, пользователю во всплывающем окне даже делать ничего не придется, ну разве что только нажать кнопку публикации. Делиться Вашими постами с друзьями в социальных сетях стало еще проще и удобнее.
Удачи Вам в Ваших начинаниях!
Snapshot / @pervushin_com в twitter и в Google+
Сладкое на сегодня: молоденькая мадам на гитаре жжет, наслаждайтесь
честно говоря, он некоторых кнопках не знал, спасибо!
Всегда рад!
Спасибо! Наконец-то нашёлся человек, который выложил код кнопки к одноклассникам! Очень долго искала. Все остальные давно к себе установила, а вот с этой кнопкой никак разобраться не могла :(((
Спасибо большое!
Блин, я просто счастлив что смог помочь Вам!
Хорошая статья и хорошие кнопки. Но вот сегодня одну проблемку обнаружил. Где-то в 10-12 по Москве сайт Вконтакте не открывался, и мой сайт куда я установил кнопки грузился в Opere минуты 2, потом ссылка ВКонтакте пропала. При следующей попытке открыть та же песня. Этого явления как-то можно избежать?
Какая кнопка стоит, от «вконтакте с цифрами»? Поставьте «свои» кнопки, которые не будут обращаться за статистикой к сторонним серверам, в общем выше все написано 🙂
Интересная и полезная статья, но пока не осилил… Большая)
Вопрос чайника, не ругайте сильно и отнеситесь серьезно:
Скажите плс, а вот вы жирный бонус вы выкладываете, а в чем соль того, что бы оставлять там свою ссылочку? траффик или что то еще?)
трафика там нет, ну так проскочит человек-два, а на самом деле вес (тИЦ)
Вот и я задумала появитья на «Одноклашках» продвижения своих услуг для. Но неудачно: зарегиться зарегилась, а войти не моги 🙂
Сюда прибрела в поисках кода для ихной кнопки, каковой ряд нашенских надо было пристроить к панельке от SexyBookmarks (да, лишние скрипты и запросы, но пока она мне нравится, а там посмотрим, — в случае чего, Ваш мануальчик у меня под рукой).
Благодаря Вашим подробнейшим разъяснениям, я таки смогла преодолеть и победить 🙂
Спасибо!
Я рад, спасибо.
спасибо! я тоже болею кнопками, хорошо что все кнопки описаны в одном месте
Спасибо Вам!
Круто! Использовал для регистрации твиттер в дискусе!
У меня 3 вопроса:
1. Есть ли в дискусе возможность вставлять смайлики??
2. Как Вы вставили подписку на email, ретвит и rss в кнопки? Можете поподробнее расказать!
3. Оффтоп: Вы можете посоветовать кого-нибудь для создания сложной авторской темы с неплохим функционалам по макету? У нас блог примерно 1000 чел в сутки и сейчас думаем над рестайлингом.
Спасибо.
1. Пока нет.
2. Кнопка retweet — http://pervushin.com/twitter-r…
Подписка на емайл — от feedburner? Идете в свой аккаунт, вкладка «Публикуй», в меню слева «Подписка по электронной почте», там выбираете язык и забираете код формы, который вставляете в нужном месте шаблона.
rss кнопка аналогично.
3. Мне делали ребята из блогоарт http://blogoart.ru/, недорого и делают хорошо. Кстати они же Вам и повтыкают по Вашему желанию все вышеуказанные фишки (подписка, rss и т.д.).
Отличный контент и всё доступно. Спасибо!
У меня тоже сайт на wordpress, но к сожалению нет single.php и куда вставлять коды совершенно непонятно теперь :(. Есть footer.php, header.php, sidebar.php, comments.php, index.php, functions.php, page.php
Порекомендуйте, пожалуйста, что можно сделать?
В index.php смотрите, у Вас общий шаблон и одиночная запись в одном файле значит.
Спасибо!
Спасибо за коды) Воспользуюсь когда-нибудь
Хм может, кто сталкивался у меня facebook и mail.ru кнопки не отображаются в Firefox 3,5 ?
Пользовал стандартные конструкторы.
Еще есть соц-кнопка «в Кругу друзей» — с ней правда та же проблемка, с остальными кнопками проблем не заметил
спасибо. так лень было собирать эти коды по страницам 🙂
Ответил Вам на e-mail.
Эти кнопки можно вставить на любой сайт. Достаточно скопировать HTML код и разместить его в нужном месте сайта. К сожалению, я никогда не работал с указанной Вами программой, но подозреваю, что Ваш сайт состоит из статичных HTML страничек. В таком случае Вам придется вставлять код кнопок на все страницы имеющиеся у Вас.
Наконец-то нашел. Спасибо.
спс
Дельные советы.
Сегодня испытаю.
У меня небольшая проблемка с кнопкой «ВКонтакте» — ее словно разорвало на некоторые части по горизонтальной линии (один блок в одном углу, само тело дальше, закрывающая скобка дальше). Попробовал поставить тег толку нет.
Подскажите что делать, я в этих делах не профессионал…..
Адрес сайта пожалуйста, где проблема.
Здравствуйте! Подскажите пожалуйста, про добавлении записи на «Фейсбук» вмсесто букв в тексте одни кракозябры. Другие соц кнопки работают без проблем, а с фейсом такая вот беда. Почему так может быть, ведь фейс как раз самая нужная для меня кнопка.
Проблема в кодировке. Лучше использовать UTF-8, у меня по крайней мере с этой кодировкой никогда проблем не возникало. Обратитесь к Вашему хостеру, думаю они поправят.
ээх, как раз у меня эта кодировка даж в скрипте прописана….такая же беда с кнопкой «мне нравится» от фейсбука….вообщем все кнопки нормально работают, а фейсбуковские не хотят(
Здравствуйте!
У меня картинки кнопок не отображаются, хотя работают, и вместо названия статьи кракозябры кода. Подскажите, с чем это связано? движок — друпал (вообще он во многом глючит, н-р, не могу rss к фидбернеру подключить), может из-за него?
Как с этим бороться?
С уважением, Ольга
>>У меня картинки кнопок не отображаются
Пути к картинкам верно указали?
>>вместо названия статьи кракозябры
Проблемы с кодировкой. Вероятно база отдает в какой-то другой кодировке. К хостеру обратитесь, он может поправить.
Спасибо. Я думала, за такие моменты создатели движка отвечают…
Доброго, что там у Вас за окном.
Вопрос немного не по статье, тут все идеально получилось, за что большое спасибо.
А вопрос такой — у Вас в виджетах есть табы. Это Вы какой плагин использовали?
>>в виджетах есть табы. Это Вы какой плагин использовали?
Нет, это css+html. Мастера из блогоарт делали.
>>как у Вас реализован блок «мне нравится» с facebook?
Вот так: http://pervushin.com/facebook-i-like-page-friend.html
Вопрос не по теме — как убрать в списке постов ( архиве) на главной и тд, вывод ЭТИХ кнопок и соответственно других кодов подписки и и т.д — то есть хочется что вот ТАКИЕ панели выше были внутри поста а не выводились в списке постов на главной и т.д, не очень получается просто. Где-то видела в интернете инструкцию да вот забыла записать. Заранее спасибо.
Если в wordpress, тогда добавляйте их в файле single.php. Этот файл отвечает за вывод одиночной записи.
Вообще ресурс прекрасный, для людей….
Спасибо за полезную информацию и готовые скрипты для создания кнопок. Главное, что все это работает и легко доступно!
прикольно
Спасибо за подборку. У меня стоит скрипт, сгенерированый share42, кнопки не очень подходят, возможно потом заменю.
Если бы вы привели пример, как вышеприведенные скрипты грузить в пост-загрузке, то было бы очень полезно. Сейчас получается, что страница подтормаживает, т.к. бразуер качает скрипты с нескольких хостов…
Под пост-загрузкой я подразумеваю что-то вроде такого:
function dynLoadJs(url)
{
var js = document.createElement(‘script’);
js.src = url;
var head = document.getElementsByTagName(‘head’)[0];
head.appendChild(js);
}
Хорошая идея, надо подумать.
Или еще один вариант для ускорения — это слить все внешние скрипты в один файл и разместить его локально на своем хосте. Явно будет быстрее грузиться. Хотя конечно работоспособность такого надо проверить…
Работать будет, но ускорить этим способом не получиться. Скрипт в любом случае будет обращаться к своим серверам за данными (сколько по кнопкам кликнули, кликнули ли Вы сами и т.д.), отсюда тормоза. Пост загрузка это выход, но надо это родить.
Я иногда сталкивался с тем, что если код кнопки вставлен в тело страницы, а удаленный внешний сервере тормозит, то это тормозит загрузку всего того, что идет в теле страницы после скрипта.
Т.е. суть в том, чтобы реализовать неблокирующую загрузку внешних скриптов.
А если все слить в один файл локально, то может ускорение и не будет таким существенным, но тем не менее оно будет, т.к. нет расходов на установку N соединений, а будет только одно с локальным сервером. В случае с недоступностью удаленных серверов это тоже поможет избежать задержки в отрисовке страницы.
У меня все кнопки если и можно где поставить, то только на форуме…но вставить хотелось бы … интересно, это возможно? Форум на бесплатном хостинге…просто я в этом такой «чайник»…
Спасибо! Помогли!
Прикольно! Спасибо, очень помогло. А вот ещё бы хорошо было бы если бы автор тут описали такой инструмент «Опубликовать от имени…» )))
Очень толковая статья и сайт тоже замечательный. Большое спасибо за разъяснения.
Спасибо Вам!