Безплатен блог на платформата Blogger (blogspot). Създаване, водене, персонализиране, дизайн, притурки в примери. Препоръки и съвети за начинаещи и напреднали блогъри.

Търсене

Breaking

Още една притурка Последни публикации

Притурка последни публикации
Здравейте читатели и посетители на блога ми! Не за първи път ви запознавам с начин да представите последните си публикации в блога. В съдържанието на Блог за блогове има няколко варианта в раздел Притурки със заглавие "Автоматизирана притурка Новини".


    С превъртане или във вид на слайдер. Остарели са вече, някои от кодовете не работят, и то след преминаването на блоговете от протокол Http на Https.

    Описание

    Вероятно сте видели или обърнали внимание, че в много сайтове и блогове има движещ се текст, под заглавката или в долната част на страницата, с различно съдържание. С поздравителен текст, новини, последни публикации или нещо друго. Истински оригинален и същевременно удобен за посетителите.
    Движещия се текст, който ви предлагам днес, въпреки относителната си античност, все още е популярен, особено за начинаещи блогъри. Защото е във вариант на автоматично запълване с активните хипервръзки на последните ви публикации.

    Код - за да върви отдясно наляво

    Ще показва първо най-новите публикации и ще завършва с по-старите, ето така:






    <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 == "right")
    {
    //
    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 = 15; var nWidth; var nScrollDelay = 175; var sDirection="left"; var sOpenLinkLocation="N"; var sBulletChar=""; </script> <script src="https://#### /feeds/posts/default?alt=json-in-script&amp;callback=RecentPostsScrollerv2"></script>


    Код - за да върви отляво надясно

    Ще показва първо по-старите публикации и ще завършва с най-новите, ето така:







    <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 sBulletChar="&#10187"; var sDirection="right"; var nMaxPosts = 15; var nWidth; var nScrollDelay = 175; var sOpenLinkLocation="N";  </script> <script src="https://####/feeds/posts/default?alt=json-in-script&amp;callback=RecentPostsScrollerv2"></script>


    Настройки и пояснения


    реда var nMax Posts = 15; определя броят на публикациите в движещия се текст, а вие можете да зададете по-малко;

    Ако зададете по-голям брой от 20, се получава грешка в кода.

    var nWidth - в скрипта е по подразбиране, но може да бъде зададен в пиксели така var nWidth = 60px;

    ➤var nScrollDelay = 175; - определя скоростта на движение на текста;

    var sDirection="left" - е посоката на движение - отляво надясно;


    Препоръчвам да не се променя, защото така показването на публикациите започва с най-старата по дата, а най-новите, така или иначе, са на главната ви страница.


    left - текстът върви отляво надясно, но можете да го регулирате отдясно наляво (right), като промените всички стойности left на right, и обратното;

    var sBulletChar="➤"; - е символът, който отделя хепервръзките на публикациите една от друга. Въведете символ по ваш избор;

    #### - е адресът на вашия блог;

    ➤Цветът на текста ще бъде същият, както е конфигуриран в стиловете на темата ви;

    Инсталиране


    За да ви е удобно кодовете по-горе са готови за ползване. Дала съм ви и двата варианта - отдясно наляво и отляво надясно. Избирайте.


    ➤Вграждането на тази притурка на страницата е бързо и лесно;

    ➤От администраторския панел на blogger ➔ Оформление ➔ добавяне на притурка - Html / JavaScript ➔ вписвате в тялото ѝ кода, посочен по-горе ➔Запаметяване;

    ➤Изберете позиция на притурката, която ви допада, над заглавката, под нея, в долната част на
    страницата или страничната колона, ако там имате място;

    На всички въпроси ще бъде отговорено в коментарите.

    Ще съм благодарна да оцените моя труд и кликнете върху звездичките по-долу. Или гласувайте за блога ми на:
    BGtop

    Здраве за всички вас! Не забравяйте да правите добро на други хора!

    9 коментара:

    1. Пелагия Василева11:36

      Е, това е най-удачната за мен притурка за новините. Взимам я! Поздравявам ви! +1!

      ОтговорИзтриване
      Отговори
      1. Наистина е удачна и лесна за инсталиране. Благодаря ви!

        Изтриване
    2. Здравейте!

      Кодът е чудесен, но с var sDirection="left" ми се движи от дясно на ляво и показва най-новите статии. При смяна с "right", започва с "undefined" и после заглавието на най-старата тема. Дали имате идея от къде идва това разминаване?

      Иначе +1 естествено от мен!

      ОтговорИзтриване
      Отговори
      1. Здравейте, редът if(sDirection == "left" || sDirection =="right") определя посоката - от ляво на дясно, като започва с най-старата тема, което е добре, защото най-новите така или иначе са на главната страница. Кодът е конструиран така и при смяна на посоката се появява "undefined". Когато го проучвах ми се стори логично да се движи от дясно към ляво, променях много стойности в него, но така и не получих приличен краен резултат. Поради което в публикацията тези съм дала някои уточнения в Настройки и Инсталиране.

        Изтриване
    3. Кодът съм го копирал 1:1 с този тук като съм добавил само сайта. И върви от дясно на ляво с най-новата публикация. Първо пробвах да разменя if(sDirection == "left" || sDirection =="right"),но нямаше ефект и затова пробвах другото описано от мен по-горе. Явно грешката е някъде при мен или сайта...

      ОтговорИзтриване
      Отговори
      1. Не е имало ефект, защото ВСИЧКИ значения "left" ( те са на няколко места ) трябва да се заменят с "right" и обратното. Но не разбрах искате да промените посоката или нещо друго?

        Изтриване
    4. Кодът съм го копирал 1:1 без да го променям, но върви от дясно на ляво, а не както е описано тук, че върви от ляво на дясно. Започва с най-новата публикация, а не с най-старата. Не разбирам защо е така!

      Затова исках да му сменя посоката както е описано тук. След промяната започна да върви както при вас в сайта (от ляво на дясно), но започва с въпросното "undefined" и след това се показва името на най-старата публикация.

      Извинявам се за повторенията. Ако пак не съм успял да обясня както трябва здраве да е. Помогнали сте ми не малко и съм ви благодарен!

      ОтговорИзтриване
      Отговори
      1. Добре, ще редактирам и ще публикувам кода, както е при мен - отляво надясно, започващ с най-старата публикация. За да има избор.

        Изтриване
    5. Здравейте отново,

      Сега кодът се получи без грешка!

      ПП: Искам да дам мнение за плитурката за коментарите в сайта ви. Не знам дали само при мен е така, но изпитвам трудност да отговоря на ваше мнение с "под отговор", когато пиша през компютъра. Така трябва да пускам отделен коментар както се получи в тази тема. Сега пиша през мобилната версия на сайта и нямам проблем.

      ОтговорИзтриване