Бегущая строка сообщений блога

---

Бегущая строка последних сообщений блога

Здравствуйте читатели и гости моего блога! Сегодня небольшой пост о бегущей строке для последних сообщений. Вы наверное видели или обращали внимание на многих сайтах/блогах бегущую строку под шапкой или внизу страницы. Правда оригинально, и в то же время удобно для посетителей.

Вставить такой виджет на страницу легко и быстро. Копируем код ниже и в админ панели blogger-дизайн-добавить гаджет-Html/JavaScript-вставить-сохранить.

<script type="text/javascript">function RecentPostsScrollerv2(json)

{

   var sHeadLines;

   var sPostURL;

   var objPost;

   var sMoqueeHTMLStart;

   var sMoqueeHTMLEnd;

   var sPoweredBy;

   var sHeadlineTerminator;

   var sPostLinkLocation;

   try

   {  

   sMoqueeHTMLStart = "\<MARQUEE onmouseover=\"this.stop();\" onmouseout=\"this.start();\" ";     if( nWidth)

   {

    sMoqueeHTMLStart = sMoqueeHTMLStart + " width = \"" + nWidth + "%\"";

   }

   else

   {

    sMoqueeHTMLStart = sMoqueeHTMLStart + " width = \"100%\"";

   }

   if( nScrollDelay)

   {

    sMoqueeHTMLStart = sMoqueeHTMLStart + " scrolldelay = \"" + nScrollDelay + "\"";

   }

   if(sDirection)

   {

    sMoqueeHTMLStart = sMoqueeHTMLStart + " direction = \"" + sDirection + "\"";

    if(sDirection == "left" || sDirection =="right")

    {

     //For left and right directions seperate the headilnes by two spaces.

     sHeadlineTerminator = "&nbsp;&nbsp;";

    }

    else

    {

     //For down and up directions seperate headlines by new line

     sHeadlineTerminator = "\<br/\>";

    }

   }

   if(sOpenLinkLocation =="N")

   {

    sPostLinkLocation = " target= \"_blank\" ";

   }

   else

   {

    sPostLinkLocation = " ";

   }

   sMoqueeHTMLEnd = "\</MARQUEE\>"

   

   sHeadLines = "";

   for(var nFeedCounter = 0; nFeedCounter < nMaxPosts; nFeedCounter++)

   {

    objPost = json.feed.entry[nFeedCounter];

           

   

    for (var nCounter = 0; nCounter < objPost.link.length; nCounter++)

       {

                 if (objPost.link[nCounter].rel == 'alternate')

     {

                    sPostURL = objPost.link[nCounter].href;

                    break; }

       }

      sHeadLines = sHeadLines + "\<b\>"+sBulletChar+"\</b\> \<a " + sPostLinkLocation + " href=\"" + sPostURL + "\">"  + objPost.title.$t + "\</a\>" + sHeadlineTerminator;

   }

   if(sDirection == "left")

   {

    //

    sHeadLines = sHeadLines + "&nbsp;" +  sPoweredBy;

   }

   else if(sDirection == "right")

   {

    sHeadLines = sPoweredBy +  "&nbsp;" + sHeadLines ;

   }

   else if(sDirection == "up")

   {

    sHeadLines = sHeadLines + "\<br/\>" +  sPoweredBy;

   }

   else

   {

    //For down and up directions seperate headlines by new line

    sHeadLines = sPoweredBy + "\<br/\>" +  sHeadLines;

   }

   document.write(sMoqueeHTMLStart + sHeadLines + sMoqueeHTMLEnd )

    }

   catch(exception)

   {

    alert(exception);

   }

}</script><script style=""> var nMaxPosts = 10; var nWidth; var nScrollDelay = 175; var sDirection="right"; var sOpenLinkLocation="N"; var sBulletChar="|"; </script> <script src="https://www.bdblogov.ru/feeds/posts/default?alt=json-in-script&amp;callback=RecentPostsScrollerv2"></script>

Настройки: в коде в строке var nMax Posts=15;-это количество сообщений в бегущей строке, Вы можете выставить больше или меньше; var nWidth-ширина полосы, в скрипте по умолчанию, можно выставить в пикселях var nWidth=60px; 175-скорость строки; 

left-бежит слева направо, можно настроить справа налево (right), измените все значения left на right, и наоборот; var sBulletChar="|"-вставьте свой символ; оранжевым-адрес вашего блога; Цвет текста будет такой, какой настроен в дизайнере шаблонов-дополнительно-ссылки.

На этом сегодня все, всего доброго. На все вопросы отвечу в комментариях.

Рекомендуемый контент: