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

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

1. Описание
2. Код - за да върви отдясно наляво
3. Код - за да върви отляво надясно
4. Настройки и пояснения
5. Инсталиране

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

Описание

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

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

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



➤ Притурки. Бутони за придвижване нагоре и надолу по страницата в Blogger  ➤ Притурка Revolver Maps  ➤ Нова инициатива на Google  ➤ Коледна украса за блог на Blogger  ➤ Бутон "отвори-затвори" за коментарите в блог на Blogspot   ➤ Показване или скриване на притурки от различни страници на блога   ➤ Да разположим публикациите в две колони  ➤ Публикация на отделни страници с навигационни номера  ➤ Теми за Blogger в стил WordPress за професионалисти  ➤ Признаци, че блогът ви е остарял  ➤ Автоматично актуализиране на датата и авторските права в шаблоните на Blogger  ➤ Инсталиране на Progress Scrollbar в Blogger  ➤ Rainbow Progress Bar в Blogger с помощта на CSS  ➤ Стилен Progress Scrollbar за Blogger блог  ➤ Правила и препоръки за оформлението на дизайна на вашия блог    undefined

<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>

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

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

undefined  ➤ Притурки. Бутони за придвижване нагоре и надолу по страницата в Blogger  ➤ Притурка Revolver Maps  ➤ Нова инициатива на Google  ➤ Коледна украса за блог на Blogger  ➤ Бутон "отвори-затвори" за коментарите в блог на Blogspot   ➤ Показване или скриване на притурки от различни страници на блога   ➤ Да разположим публикациите в две колони  ➤ Публикация на отделни страници с навигационни номера  ➤ Теми за Blogger в стил WordPress за професионалисти  ➤ Признаци, че блогът ви е остарял  ➤ Автоматично актуализиране на датата и авторските права в шаблоните на Blogger  ➤ Инсталиране на Progress Scrollbar в Blogger  ➤ Rainbow Progress Bar в Blogger с помощта на CSS  ➤ Стилен Progress Scrollbar за Blogger блог  ➤ Правила и препоръки за оформлението на дизайна на вашия блог  

<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 ➔ вписвате в тялото ѝ кода, посочен по-горе ➔Запаметяване;

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

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

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

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