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

Търсене

Breaking

Притурки. Последни публикации с превъртане

Последни публикации с превъртане
Добър ден, приятели. Днес имам за вас една динамична притурка за последните публикации в блога с превъртане. Не бива да се бърка с притурката на популярни публикации с ефект на MARQUEE ( движещ се текст ), въпреки че принципът е почти същият.




    Описание

    Тази нова притурка няма ширина по подразбиране и може да се инсталира в странична колона с всякакъв размер. Може също да се инсталира на статична страница или в тялото на публикация. Хубавото е, че няма допълнителни библиотеки и скриптове от външни ресурси.
    Погледнете как изглежда притурката чрез HTML редактор от главното меню, като впишете в него кода ѝ.

    Код


    <style>.titolo{
    font-weight:bold;
    margin-top:12px;
    }
    .more{
    margin-bottom:10px;
    padding:12px;
    }
    #widgclass{
    padding-bottom:2px;
    background-color:#DDEEFF;
    padding:4px;
    border:1px solid #003366;
    }
    </style>
    <script language="javascript">
    var numeropost = 10; /* брой на статиите*/
    var speed = 2; /*скорост */
    var sommario = true;


    var numerocaratteri = 120;
    var widalt = 250; /* височина на притурката*/
    var IPCEIart = false;
    function showrecentposts(json) {
      document.write('<marquee id="IPCEIWd" direction="up" width="100%" scrollamount="' + speed + '" height="' + widalt + 'px" align="top" onMouseOver="stop()" onMouseOut="start()">');
      for (var i = 0; i < numeropost; i++) {
        var entry = json.feed.entry[i];
        var IPCEItk = entry.title.$t;
        var IPCEItc;
        if (i == json.feed.entry.length) break;
        for (var k = 0; k < entry.link.length; k++) {
          if (entry.link[k].rel == 'alternate') {
            IPCEItc = entry.link[k].href;
            break;
          }
        }
        IPCEItk = IPCEItk.link(IPCEItc);
        var IPCEIms = "подробно>>";
        IPCEIms = IPCEIms.link(IPCEItc);
        var IPCEIart = entry.published.$t;
        var anno = IPCEIart.substring(0,4);
        var mese = IPCEIart.substring(5,7);
        var giorno = IPCEIart.substring(8,10);
        var mese2 = new Array();
        mese2[1] = "Gen";
        mese2[2] = "Feb";
        mese2[3] = "Mar";
        mese2[4] = "Apr";
        mese2[5] = "Mag";
        mese2[6] = "Giu";
        mese2[7] = "Lug";
        mese2[8] = "Ago";
        mese2[9] = "Set";
        mese2[10] = "Ott";
        mese2[11] = "Nov";
        mese2[12] = "Dic";
        if ("content" in entry) {
          var post1 = entry.content.$t;
        } else
          if ("summary" in entry) {
          var post1 = entry.summary.$t;
          } else var postcontent = "";
        var re = /<\S[^>]*>/g;
        post1 = post1.replace(re, "");
          document.write('<div class="titolo">');
        document.write('');
        document.write(IPCEItk);
        if (IPCEIart == true) {
          document.write(' <span class="data">[' + giorno + '.' + mese2[parseInt(mese,10)] + ']</span>');
        }
        document.write('</div><div class="contenuto">');
        if (sommario == true) {
          if (post1.length < numerocaratteri) {
            document.write(post1);
          } else {
            post1 = post1.substring(0, numerocaratteri);
            var post2 = post1.lastIndexOf(" ");
            post1 = post1.substring(0,post2);
            document.write(post1);
            document.write(' <span class="more">... ' + IPCEIms + '</span>');
           }
        }document.write('<br/>');
         document.write('</div>');
      }document.write('</marquee>');
    }
    </script>
    <script src="https://
    www.blogzablogove.com/feeds/posts/default?
    orderby=published&alt=json-in-script&callback=showrecentposts">
    </script>

    Настройки и инсталиране


    ➤Показва заглавието на статиите с кратък анонс и бутон „read more“;

    ➤Вие избирате необходимия брой на показващите се публикации и скоростта им на превъртане;

    ➤Заменете синия адрес с вашия адрес на блога;

    ➤Инсталирайте готовия код на избраното място;

    ➤Ако е в тялото на публикация, след като я напишете, в HTML режим впишете кода на нужното място;

    ➤За страничната колона изберете HTML / JavaScript притурка;

    ➤Всички необходими настройки са маркирани с коментари в самия код;


    Една оригинална притурка за последните публикации с превъртане и с минимални настройки.

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

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

    BGtop






    4 коментара:

    1. Страхотен урок. Мисля да го внедря в блога си само да му намеря точното приложение!

      Благодаря, +1!

      ОтговорИзтриване
      Отговори
      1. Благодаря за оценката. Ако имате колебание за мястото на притурката, споделете. Мога да съм полезна със съвет.

        Изтриване
    2. Пелагия Василева10:36

      Здравейте, следя вашия блог редовно. Тази притурка ми допадна, инсталирах я и се получи много добре. Благодаря!

      ОтговорИзтриване
      Отговори
      1. Радвам се за вас, вземете още нещо, стига да ви допада. Притурката наистина е интересна.

        Изтриване