Skip to content Skip to sidebar Skip to footer

Cara Membuat Related Post di Tengah Postingan ala Igniel


Cara Membuat Related Post di Tengah Postingan ala Igniel
Ambyarbog.com - Apa kabar? Pada kesempatan kali ini saya akan membagikan tutorial Cara Membuat Related Post di Tengah Postingan ala Igniel. Tutorial ini ingsyaallah work untuk semua jenis template dan saya mencoba memasang di template LinkMagz alhamdulillah berhasil.


Ini tampilan Related Post yang akan kita buat:
Tampilan Related Post di Tengah Postingan
www.ambyarblog.com
Langsung saja ke tutorialnya, simak baik-baik ya.

Cara Membuat Related Post di Tengah Postingan ala Igniel

1. Buka akun Blogger anda.
2. Pilih menu Tema > Edit HTML.
3. Cari kode ]]></b:skin> atau </style> dan Copy kode dibawah ini tepat DIATASNYA.

/* Related Posts by ambyarblog.com */
.ambyarRelatedPost {
 background-color: #478fbc;
     color: #fff;
    position: relative;
     margin: 35px 0 20px;
     padding: 7px 13px;
    line-height: 1.5em;
     border-radius: 7px;
     box-shadow: inset 0 0 0 99999px rgba(255,255,255,0.9);
     transition: all .3s ease;
}
.ambyarRelatedPost .judul {
 background-color: #0066a6;
 background-image: none;
 position: absolute;
 top: -15px;
 left: 15px;
 font-weight: 600;
 font-size: 14px;
 text-transform: uppercase;
 width: auto;
 height: auto;
 margin: 0;
 padding: 7px 13px;
 line-height: initial;
 border-radius: 25px;
}
.ambyarRelatedPost ul,.ambyarRelatedPost li {
 list-style: none;
    list-style-type: none;
 list-style-type: none;
 margin: 0;
 padding: 0;
}
.ambyarRelatedPost li{
 margin-top:5px;
}
.ambyarRelatedPost ul li:first-child {
 margin-top: 20px;
}
.ambyarRelatedPost li:not(:last-child){
 padding-bottom: 5px;
 border-bottom: 3px dotted rgba(0,0,0,.15)
}
4. Kemudian simpan kode dibawah ini tepat DIBAWAH kode <data:post.body/>.

<b:if cond='data:view.isPost'>
  <script> //<![CDATA[
    // Related Posts by ambyarblog.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='ambyarRelatedPost'>
    <b:if cond='data:post.labels'>
      <b:loop values='data:post.labels' var='label'>
        <b:if cond='data:view.isPost'>
          <script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=100&quot;'/>
        </b:if>
      </b:loop>
    </b:if>
    <span class='judul'><span>Baca Juga</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>
var jumlah = 4; adalah jumlah postingan yang akan ditampilkan dan anda bisa merubahnya sesuka hati. Pastikan hanya angkanya saja yang dirubah.
5. Terahkir Simpan.

Gimana mudah bukan? Selamat mencoba.

Penutup

Itulah tutorial Cara Membuat Related Post di Tengah Postingan ala Igniel. Sampai disini dulu, jika ada yang ingin ditanyakan silahkan komen dibawah. Semoga bermanfaat, sekian dan terima kasih.

Anda ingin membeli template LinkMagz yang super cepat dan desain mantul dengan harga murah, anda bisa cek disini: LinkMagz.

Post a Comment for "Cara Membuat Related Post di Tengah Postingan ala Igniel"

close