Multi Related Post Blogger Template Igniel Clone Semua Template

Ilustrasi pemasangan kode artikel terkait di bawah kode <data:post.body/>

 Jika anda ngeblog menggunakan platform blogger / blogspot dan anda menggunakan template Igniel Versi Redisain (Clone) dan di template Igniel clone yang anda gunakan belum ada widget  RELATED POST UNTUK BLOGGERS kamu maka kamu bisa menggunakan kode RELATED POST ARTIKEL TERKAIT BLOGGER ini untuk dipasangkan ke template blogger Igniel clone kamu.

Apakah bisa kodenya digunakan selain template Igniel Versi Clone ?. Ya bisa kode multi Related Post ini bisa di pasang di semua template blogspot ya.

Jika biasanya daftar artikel terkait blogger itu muncul dalam sekaligus didalam satu paragraf tertentu.

Kali ini Related Post artikel terkait blogspot ( daftar baca juga ) ini nantinya akan muncul satu persatu di setiap beberapa paragraf tertentu artikel blog kamu.


Paragraf satu.
Paragraf dua.
<!-- Related Post -->
Paragraf tiga.
Paragraf empat.
<!-- Related Post -->
Paragraf lima.
Paragraf enam.
<!-- Related Post -->
Paragraf tujuh.
Paragraf delapan.

Menyisipkan Kode Artikel Terkait Blogspot Muncul Satu-satu

 Ingin menambahkan widget Related Post yang tampil satu per satu di artikel blogspot kamu? Gunakan kode multi related post dari Igniel versi redisain ini, cocok untuk semua template Blogger termasuk Igniel Clone. Mudah dipasang dan tampil lebih menarik!

Masuk ke edit  html template blogger kamu, lalu cari kode <data:post.body/>
Dan taruh kode artikel terkait berikut tepat di bawah kode tersebut.

<b:if cond='data:view.isPost'>
  <script> //<![CDATA[
  // Multiple Related Posts by igniel.com
  (function() {
    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}('Z i=["\\J\\v\\l\\s\\j\\E\\t\\l\\q\\x\\w\\t\\n\\14\\w\\J\\v\\l\\s\\j\\E\\t\\l\\q\\x\\w\\v","\\X\\F\\h\\n\\x\\D\\h\\k\\h\\A\\j\\l\\n\\T\\k\\k","\\k\\h\\m\\B\\j\\U","\\G\\n\\l\\u","\\q\\o\\L","\\A\\n\\h\\r\\j\\h\\K\\k\\h\\u\\h\\m\\j","\\A\\k\\r\\s\\s\\z\\r\\u\\h","\\o\\B\\m\\o\\h\\k\\M\\F\\k\\j\\o\\O\\h\\k\\r\\j\\h\\q","\\m\\l\\q\\h\\z\\r\\u\\h","\\P","\\o\\m\\s\\h\\n\\j\\R\\h\\G\\l\\n\\h","\\v\\r\\n\\h\\m\\j\\z\\l\\q\\h","\\m\\h\\N\\j\\D\\o\\t\\k\\o\\m\\B"];y p=I[i[1]](i[0]),a=C+1,b=p[i[2]]/a;c=V[i[3]]({W:C},(15,H)=>H+1);Y(y d=0;d<c[i[2]];d++){y e=c[d],f=13((b*e)),g=I[i[5]](i[4]);g[i[6]]=i[7];S(p[f][i[8]]==i[9]){p[f][i[11]][i[10]](g,p[f])}Q{p[f][i[11]][i[10]](g,p[f][i[12]])}}',62,68,'...'.split('|'),0,{}));
  })();
  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}('a 9=["\\i\\c\\l\\L\\d\\C","\\c\\l\\d\\k\\H","\\x\\c\\c\\K","\\F\\d","\\d\\w\\d\\i\\c","\\i\\w\\l\\M","\\k\\c\\i","\\z\\i\\d\\c\\k\\l\\z\\d\\c","\\C\\k\\c\\x"];a n=o p();a m=0;a f=o p();t E(u){r(a b=0;b<u[9[2]][9[1]][9[0]];b++){a j=u[9[2]][9[1]][b];n[m]=j[9[4]][9[3]];r(a h=0;h<j[9[5]][9[0]];h++){s(j[9[5]][h][9[6]]==9[7]){f[m]=j[9[5]][h][9[8]];m++;I}}}}t G(){a e=o p(0);a g=o p(0);r(a b=0;b<f[9[0]];b++){s(!B(e,f[b])){e[9[0]]+=1;e[e[9[0]]-1]=f[b];g[9[0]]+=1;g[g[9[0]]-1]=n[b]}};n=g;f=e}t B(v,y){r(a q=0;q<v[9[0]];q++){s(v[q]==y){A D}};A J}',49,49,'...'.split('|'),0,{}));
  //]]> </script>
  <b:if cond='data:post.labels'>
    <b:loop values='data:post.labels' var='label'>
      <b:if cond='data:view.isPost'>
        <script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=100"'/>
      </b:if>
    </b:loop>
  </b:if>
  <script> //<![CDATA[
    // Multiple Related Posts by igniel.com
    (function ignielMultiRelated() {
      var text = 'BACA JUGA:';
      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}('P b=[ ... ]',61,61,'...'.split('|'),0,{}));
    })();
  //]]> </script>
</b:if>

Lalu untuk mempercantik tampilan artikel terkait di postingan blogspot tambahkan kode CSS ini sebelum </style> pada pengaturan CSS template blogspot kamu.

/* Widget Artikel Terkait Berganda - Versi Parafrase */
.widgetRelatedMultiple {
  background-color: #C0392B;
  color: #fff;
  margin: 10px 0;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  transition: background-color 0.3s ease;
}

.widgetRelatedMultiple:hover {
  background-color: #252525;
}

.widgetRelatedMultiple .info {
  padding: 10px 15px;
}

.widgetRelatedMultiple .info .label {
  margin-right: 10px;
  text-decoration: underline;
}

.widgetRelatedMultiple .info a {
  color: #fff;
  text-decoration: none;
  line-height: 1.5em;
}

.widgetRelatedMultiple .icon-box {
  min-width: 50px;
  background: #E74C3C 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='%23fff'/%3E%3C/svg%3E") center / 40px no-repeat;
  transition: background-color 0.3s ease;
}

.widgetRelatedMultiple:hover .icon-box {
  background-color: #000;
}
Kemudian klik simpan dan lihat hasil tampilan multi related post artikel terkait blogger yang sudah berhasil kamu pasang.

Sebagai catatan atau disclaimer kode untuk menampilkan daftar baca juga artikel terkait postingan blogger yang saya bagikan bukan kode saya Kode ini adalah milik Igniel.

Artikel Terkait

0 Comments