Будь в курсе событий!

27.12.2013

Виджет гугл плюс активности, или виджет слайдер новостной ленты.

Leave a Comment


Привет друзья следом за рассказом о виджетах перевода, решил рассказать о виджете гугл плюс активности, или виджете слайдере новостной ленты. И так чем виджет примечателен принцип у него такой же как и у виджета Агрегатор новостей,(Слайдер) о котором я рассказывал, в одной из статей. Но если агрегатор новостей берет новости из фида блога,  то виджет гугл плюс активности берет новости прямиком из вашего профиля гугл плюс. А дело в том, что у меня думаю так же как и у многих из вас друзья блог связан с профилем гугл плюс, и новости с блога попадают в ленту гугла, а от туда в ваш виджет гугл плюс активности.Из этого следует простой вывод что у виджета гугла схожие характеристики с агрегатором новостей (Слайдером). Но с тем лишь с различием что в ленту активности попадают новости не только с блога, но и из ютуба к примеру если вы например отметили на утубе лайком какой то ролик , или прокомментировали какой либо ролик. Все это попадет к вам в ленту гугл +, и соответственно отобразиться в вашем виджете. Но и это не все,) если Агрегатор новостей,(Слайдер) прокручивает новости горизонтально, то виджет гугл плюс активности прокручивает новости вертикально. Помимо того вы дорогие мои читатели вы можете как прокручивать новости как с самой ленты гугл плюс, так и из страницы гугла+  просто поменяв идентификационный номер с вашего профиля на страницу, или наоборот.
И первое с чего надо начать это зайти в свой профиль, гугл плюс и скопировать идентификационный номер из браузерной строки такого вида 114835836186367171329 . А далее в скрипте я укажу в каком месте скрипта надо добавить этот номер, и так вот первый скрипт ленты гугл плюс активности,в черном оформлении как на скриншоте выше.Да и сверху я отметил красным маркером скрипт jquery , и разместил его чуть выше основного скрипта,а сделал я это потому что если у вас в блоге установлен скрипт jquery то вам сам скрипт нужен без него. Установка проста,заходим в блог вкладка меню дизайн далее добавить гаджет HTMLjawascript

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>



<link href="http://knocksuperbuzz.coffeecup.com/google%2Bactivity.css?r=397"rel="stylesheet" type="text/css" />
 <link href="http://googleplus-activity-widget.googlecode.com/svn/v1/light.css?r=392" rel="stylesheet" type="text/css" />
<script src="http://googleplus-activity-widget.googlecode.com/files/jquery.googleplus-activity-1.0.min.js" type="text/javascript">
<script type="text/javascript">
//<![CDATA[
jQuery.fn.googlePlusActivity.defaults.api_key = 'AIzaSyAIRzs0iAQSenDSFzkdmGHyRLvFvzjm98Q';/*zarnakoom*/
//]]>
</script>

<script type="text/javascript">
//<![CDATA[
   jQuery(document).ready(function($) {
      $('#gpaw').googlePlusActivity({
        api_key : 'AIzaSyAIRzs0iAQSenDSFzkdmGHyRLvFvzjm98Q'/*zarnakoom*/
         ,user:'114835836186367171329'
         ,image_width:75
         ,image_height:75
         ,body_height:350
      });
   });
//]]>
</script><script>
<!--
document.write(unescape("%3C%64%69%76%20%69%64%3D%22%67%70%61%77%22%3E%0A%20%20%20%3C%61%20%63%6C%61%73%73%3D%22%67%70%61%77%2D%69%6E%66%6F%22%20%68%72%65%66%3D%22%68%74%74%70%3A%2F%2F%77%77%77%2E%6B%6E%6F%63%6B%73%75%70%65%72%62%75%7A%7A%2E%62%6C%6F%67%73%70%6F%74%2E%63%6F%6D%22%20%74%61%72%67%65%74%3D%22%5F%62%6C%61%6E%6B%22%3E%47%6F%6F%67%6C%65%2B%20%41%63%74%69%76%69%74%79%20%57%69%64%67%65%74%3C%2F%61%3E%0A%3C%2F%64%69%76%3E"));
//-->
</script>





Зеленым маркером, я отметил то место где надо подставить свой  идентификационный номер или(ID)
          ,image_width:75 -Изображение _ ширина
         ,image_height:75 -Изображение _ высота
         ,body_height:350-Тело _ высота


Второй виджет выглядит так, он белого цвета.

И скрипт установки у него почти такой же, так что устанавливаем по инструкции выше.

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>


<link href="http://knocksuperbuzz.coffeecup.com/google%2Bactivity.css" rel="stylesheet" type="text/css" />
 <link href="http://googleplus-activity-widget.googlecode.com/svn/v1/light.css" rel="stylesheet" type="text/css" />
<script src="http://googleplus-activity-widget.googlecode.com/files/jquery.googleplus-activity-1.0.min.js" type="text/javascript">
<script type="text/javascript">
//<![CDATA[
jQuery.fn.googlePlusActivity.defaults.api_key = 'AIzaSyAIRzs0iAQSenDSFzkdmGHyRLvFvzjm98Q';/*zarnakoom*/
//]]>
</script>

<script type="text/javascript">
//<![CDATA[
   jQuery(document).ready(function($) {
      $('#gpaw').googlePlusActivity({
        api_key : 'AIzaSyAIRzs0iAQSenDSFzkdmGHyRLvFvzjm98Q'/*zarnakoom*/
         ,user:'114835836186367171329'
         ,image_width:75
         ,image_height:75 ,body_height:350
      });
   });
//]]>
</script><script>
<!--
document.write(unescape("%3C%64%69%76%20%69%64%3D%22%67%70%61%77%22%3E%0A%20%20%20%3C%61%20%63%6C%61%73%73%3D%22%67%70%61%77%2D%69%6E%66%6F%22%20%68%72%65%66%3D%22%68%74%74%70%3A%2F%2F%77%77%77%2E%6B%6E%6F%63%6B%73%75%70%65%72%62%75%7A%7A%2E%62%6C%6F%67%73%70%6F%74%2E%63%6F%6D%22%20%74%61%72%67%65%74%3D%22%5F%62%6C%61%6E%6B%22%3E%47%6F%6F%67%6C%65%2B%20%41%63%74%69%76%69%74%79%20%57%69%64%67%65%74%3C%2F%61%3E%0A%3C%2F%64%69%76%3E"));
//-->
</script>

0 коммент. :

© 2012-2017 Cash's from program