среда, 7 сентября 2011 г.

PostHeaderIcon Как добавить виджет от ГУГЛА

     Многие из нас встречают блоги в Интернете на которых сбоку катается виджет от ГУГЛА с RSS подписчиками и количеством читателей на ТВИТТЕРЕ. А как это сделать у себя на блоге, многие не знают, можно долго в интернете искать как сделать виджет, но толком там статей об этом нету, вот я решил в помощь написать не большую статью, как добавить виджет от ГУГЛА на свой блог.
     Для начала нам надо узнать ссылку своей рассылки от feedburner. Если вы не знаете как это сделать я опушу это в следующем уроке "Как сделать подписку на RSS от feedburner". Вот наша ссылка http://feeds.feedburner.com/blogspot/PDKyj из нее нам понадобиться только последняя ее часть blogspot/PDKyj. Ну и конечно наименование вашего твиттер аккаунта http://twitter.com/#!/PashaZolot от сюда нам тоже понадобиться только последняя часть PashaZolot.

     Теперь когда мы знаем все ссылки приступим к установке виджета на блог, я буду описывать на примере блога на бесплатной площадке http://www.blogger.com/.

Переходим во вкладку Дизайн - Изменить HTML.

Находим тег <head>и сразу после него вставляем следующий код:



<script src='https://apis.google.com/js/plusone.js' type='text/javascript'/>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.js' type='text/javascript'/>
<script src='http://xn--d1abk8adchn9g.xn--p1ai/simple/jquery.qtip-1.0.0-rc3.min.js' type='text/javascript'/>
<script type='text/javascript'>
  var scUserOptions = {
    position: &#39;right&#39;,
    delta: -240,
    dgv: &#39;vertical&#39;,
    feedBurner: {
      id: &#39;СВОЙ ФЕЕДБЕРН&#39;,
      imgUrl: &#39;http://xn--d1abk8adchn9g.xn--p1ai/simple/feedburner.png&#39;,
      hint: &#39;Подпишитесь на рассылку сайта <strong><data:blog.title/></strong> для получения последних новостей и изменений сайта!&#39;,
      hintImg: &#39;http://xn--d1abk8adchn9g.xn--p1ai/simple/feedburner-hint.png&#39;
    },
    twitter: {
      id: &#39;СВОЙ ТВИТТЕР&#39;,
      imgUrl: &#39;http://xn--d1abk8adchn9g.xn--p1ai/simple/twitter.png&#39;,
      hint: &#39;Совместно используйте и узнавайте  то, что происходит прямо сейчас на сайте <strong><data:blog.title/></strong>!<br/>Присоединяйтесь ко мне на Twitter!&#39;,
      hintImg: &#39;http://xn--d1abk8adchn9g.xn--p1ai/simple/twitter-hint.png&#39;
    }
  };
</script>
<script src='http://xn--d1abk8adchn9g.xn--p1ai/simple/excanvas.js' type='text/javascript'/>
<script src='http://xn--d1abk8adchn9g.xn--p1ai/simple/sc.js' type='text/javascript'/>

Обратите ваше внимание на СВОЙ ФЕЕДБЕРН и СВОЙ ТВИТТЕР. Сюда вставляем ссылки которые мы находили в самом начале статьи.

Сохраняем шаблон и все.






6 коммент.:

Рысёнок комментирует...

уже сделала, благодарю Павел! помогли!

Павел комментирует...

Всегда рад помочь, если есть вопросы пишите в комментариях!

Elena комментирует...

Окей, Паша, ценный совет. Спасибо.

Александр комментирует...

За что я и люблю ваш блог, всегда много полезной конкретной информации

remont комментирует...

Хотела сделать, но не нашла нужный тег. Придется обращаться в личку :)

z_coffee комментирует...

Как раз думала, как его на Блогспот запихнуть. Спасибо, Павел, как раз вовремя со своим постом. =)

Читатели