Сходни публикации в средата на постовете в 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

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





    OpenCloseComments

    4 Komentar

    Cancel