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

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

1. Описание
2. Код
3. Настройки и инсталиране

Описание

Тази нова притурка няма ширина по подразбиране и може да се инсталира в странична колона с всякакъв размер. Може също да се инсталира на статична страница или в тялото на публикация. Хубавото е, че няма допълнителни библиотеки и скриптове от външни ресурси.
Погледнете как изглежда притурката чрез 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 притурка;

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


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

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

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