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

Търсене

Breaking

Сходни публикации в средата на постовете в Blogger

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


    Макар, че в Blogger няма отделна притурка за тях, има много скриптове, чрез които можем да ги изведем в края на всяка наша публикация.
    Но днес ви предлагам да инсталирате сходни публикации под формата на блок в средата на даден ваш пост.
    Този урок всъщност е много често срещан. Но аз досега не съм го предлагала на обсъждане. Как да покажем сходни публикации ( Related Posts ) в средата на съдържанието на дадена публикация?
    Преди да напуснете бързо тази страница, изчакайте една минута. Тук ще ви покажа как да използвате скрипт за вмъкване на сходни публикации в средата на самостоятелно изработена статия. И то без да променяте кода на темата. Така че е по-добре да опитате и да го инсталирате в една от публикациите си, защото резултатите могат да се различават от използвания до сега от вас скрипт.

    Как да го направим?

    Запазете някъде в компютъра си кода по-долу. Можете да го промените, за да го приспособите към темата на блога си, като използвате HTML редактор от главното меню.


    <style>
    .ignielRelatedMiddle {background-color:#f5f5f5; border:1px solid #e5e5e5; display:-webkit-box; margin:20px 0px; padding:10px 20px;}
    .ignielRelatedMiddle .judul {color:#f44336; font-size:120%; font-weight:200; text-transform:uppercase}
    .ignielRelatedMiddle ul {margin:00px 0px 0px !important; padding:0px !important;}
    .ignielRelatedMiddle ul li {list-style:none; padding:5px 0px !important; border-bottom:4px dotted #2288bb !important; text-align:left !important; line-height:1.25em !important;}
    .ignielRelatedMiddle ul li:first-child {padding-top:0px; !important;}
    .ignielRelatedMiddle ul li:last-child {padding-bottom:10px; padding-top:10px !important; border:0px !important}
    .ignielRelatedMiddle ul li a:before{content:''; display:inline-block; width:17px; height:17px; margin-right:3px; vertical-align:-3px; background:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z' fill='%23333'/%3E%3C/svg%3E") center / 20px no-repeat;}
    </style>
    Първата част на вашия текст
    <b:if cond='data:view.isPost'>
    <script> //<![CDATA[
    // Related Posts Middle by igniel.com
    var jumlah = 4;
    eval(function(p,a,c,k,e,d){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--){d[e(c)]=k[c]||e(c)}k=[function(e){return d[e]}];e=function(){return'\\w+'};c=1};while(c--){if(k[c]){p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c])}}return p}('c a=["\\e\\d\\s\\Q\\f\\C","\\d\\s\\f\\h\\W","\\B\\d\\d\\I","\\V\\f","\\f\\k\\f\\e\\d","\\e\\k\\s\\S","\\h\\d\\e","\\r\\e\\f\\d\\h\\s\\r\\f\\d","\\C\\h\\d\\B","\\h\\r\\s\\I\\F\\U","\\B\\e\\F\\F\\h","\\m\\O\\e\\l","\\T\\h\\k\\f\\d","\\m\\e\\k\\l\\m\\r\\K\\C\\h\\d\\B\\P\\w","\\w\\K\\f\\k\\f\\e\\d\\P\\w","\\w\\l","\\m\\D\\r\\l\\m\\D\\e\\k\\l","\\m\\D\\O\\e\\l"];c g=x y();c v=0;c j=x y();z R(H){u(c b=0;b<H[a[2]][a[1]][a[0]];b++){c p=H[a[2]][a[1]][b];g[v]=p[a[4]][a[3]];u(c q=0;q<p[a[5]][a[0]];q++){A(p[a[5]][q][a[6]]==a[7]){j[v]=p[a[5]][q][a[8]];v++;18}}}}z X(){c n=x y(0);c o=x y(0);u(c b=0;b<j[a[0]];b++){A(!J(n,j[b])){n[a[0]]+=1;n[n[a[0]]-1]=j[b];o[a[0]]+=1;o[o[a[0]]-1]=g[b]}};g=o;j=n}z J(G,L){u(c t=0;t<G[a[0]];t++){A(G[t]==L){M 1b}};M Y}z 19(){c i=N[a[10]]((g[a[0]]-1)*N[a[9]]());c b=0;E[a[12]](a[11]);Z(b<g[a[0]]&&b<1c){E[a[12]](a[13]+j[i]+a[14]+g[i]+a[15]+g[i]+a[16]);A(i<g[a[0]]-1){i++}1a{i=0};b++};E[a[12]](a[17])}',62,75,'||||||||||_0x22c4|_0x6c56x6|var|x65|x6C|x74|relatedTitles|x72|_0x6c56x11|relatedUrls|x69|x3E|x3C|_0x6c56xa|_0x6c56xb|_0x6c56x7|_0x6c56x8|x61|x6E|_0x6c56xf|for|relatedTitlesNum|x22|new|Array|function|if|x66|x68|x2F|document|x6F|_0x6c56xd|_0x6c56x5|x64|contains|x20|_0x6c56xe|return|Math|x75|x3D|x67|related_results_labels|x6B|x77|x6D|x24|x79|removeRelatedDuplicates|false|while|||||||||break|ignielBacaJuga|else|true|jumlah'.split('|'),0,{}));
    //]]></script>
    <div class='ignielRelatedMiddle'>
    <b:if cond='data:post.labels'>
    <b:loop values='data:post.labels' var='label'>
    <b:if cond='data:view.isPost'>
    <script src="https://www.blogzablogove.com/feeds/posts/default/-/Blogger?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=100"></script>
    </b:if>
    </b:loop>
    </b:if>
    <span class='judul'><span>ПРОЧЕТЕТЕ ОЩЕ</span></span>
    <script> //<![CDATA[
    eval(function(p,a,c,k,e,d){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--){d[e(c)]=k[c]||e(c)}k=[function(e){return d[e]}];e=function(){return'\\w+'};c=1};while(c--){if(k[c]){p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c])}}return p}('L b=["\\i\\p\\e\\i\\a\\c\\K\\a\\c\\m\\d\\a\\h\\J\\i\\h\\h\\c\\a","\\p\\a\\d\\S\\c\\a\\s\\a\\e\\d\\j\\v\\r\\R\\c\\m\\j\\j\\t\\m\\s\\a","\\x\\n\\f\\j\\d\\y\\o\\f\\h\\r\\u\\o\\k\\Q\\u\\x\\n\\f\\j\\d\\y\\o\\f\\h\\r\\u\\n","\\P\\D\\a\\k\\r\\w\\a\\c\\a\\E\\d\\f\\k\\F\\c\\c","\\c\\a\\e\\p\\d\\G","\\e\\f\\h\\a\\t\\m\\s\\a","\\C","\\i\\e\\j\\a\\k\\d\\v\\a\\H\\f\\k\\a","\\n\\m\\k\\a\\e\\d\\t\\f\\h\\a","\\e\\a\\I\\d\\w\\i\\o\\c\\i\\e\\p"];O();(N(){A q=z[b[1]](b[0])[0];B(q){A g=z[b[3]](b[2]),l=M(g[b[4]]/2);B(g[l][b[5]]==b[6]){g[l][b[8]][b[7]](q,g[l])}T{g[l][b[8]][b[7]](q,g[l][b[9]])}}})()',56,56,'||||||||||x65|_0x9301|x6C|x74|x6E|x6F|_0xa209x2|x64|x69|x73|x72|_0xa209x3|x61|x70|x62|x67|_0xa209x1|x79|x6D|x4E|x20|x42|x53|x2E|x2D|document|let|if|x50|x75|x63|x41|x68|x66|x78|x4D|x52|var|parseInt|function|ignielBacaJuga|x71|x2C|x43|x45|else'.split('|'),0,{}));
    //]]> </script>
    </div>
    </b:if>

    Втората част на текста


    След редакцията впишете кода пак тук, за да видите какво сте сътворили.

    Уточнения

    ➤Всичко, което лесно може да се промени е маркирано в червено;
    ➤Кодът се вписва в Html редактора на избраната публикация след изображението и вмъкването на прехода към нова страница ( прочети повече );
    ➤Разделете целия текст на публикацията си на две части;
    ➤Впишете двете части на текста на отбелязаните в кода места;
    ➤Не забравяйте да запазите промените и ще видите резултата след публикуване;

    Изпробвах кода тук, разгледайте.

    Съществуването на сходни публикации в средата на постовете ни е много важно за намаляване на степента на отпадане на посетители и привличането им да четат други статии в нашия блог.

    Очаквам вашите мнения и предложения. Ще съм благодарна да оцените моя труд и гласувате за блога ми на:

    BGtop

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





    4 коментара:

    1. Илияна Петкова8:05

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

      ОтговорИзтриване
      Отговори
      1. Радвам се за вас! Очаквайте скоро още информация по тази тема. Благодаря, че четете Блог за блогове!

        Изтриване
    2. Лидия петранова10:39

      Много добре ми се получи. Благодаря за урока.

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