Cara membuat multi related post di dalam postingan

Hohoho, selamat sore di blog AUTOGOBLOOG , di kesempatan akan menjelaskan tentang tips dan trik pes 2019 Cara membuat multi related post di dalam postingan simak selengkapnya

Cara membuat multi related post di pada postingan kita tua ke tutorial membuat multi related di pada postingan blog.

Biasanya saya menyebutnya widget melafalkan jua di pada postongan blog 

nah untuk widget related post ini tidak gap jauh dengan widget melafalkan juga.

Yang membedakannya hanya tata letak di setiap postingannya, tapi multi related postingan ini jua sudah berlimpah yang menggunakannya.

Untuk kalian yang didalam postingannya sudah terdapat widget melafalkan jua contohnya kalian menggunakan Template VioMagz karena dengan menggunakan template ini kalian sudah tidak usah melangkaukan widget melafalkan juga.

Karena didalam template viomagz ini sudah terdapat widget melafalkan jua bawaan templatenya.

Nah untuk sobat yang belum ataupun yang sudah memasang widget melafalkan juga, widget multi related post dan embuh menambahkannya agar terlihat beda.

Sebelum saya ke caranya sebenarnya jika saya menggunakan Template VioMagz dan embuh tampilan jadwal melafalkan juganya berlimpah bercokol merubah

var jumlah= misalnya didalam jadwal melafalkan jua tampil '3' jadwal melafalkan juganya dan embuh memajukan lebih dari '3' kalian bercokol merubahnya seperti 4,7,9-10 contohnya dari var jumlah=3 kalian ubah apabila jadi var jumlah=10 dan akan tampil jadwal 10 melafalkan juga, tapi bagaimana didalam kategori postingan kalian jumlah postingannya sudah melebihi 10.

Nah jika kalian embuh melangkaukan lebih berlimpah dan dengan tampilan yang berbeda bisa menggunakan multi related post cara menggunakannya bisa ikuti langkah dibawah ini.

Langkah 1: Buka dasboard blogger pilih tema dan edit html cari aba-aba seperti ini

<div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id'>
  <meta expr:content='data:post.snippet' itemprop='description'/>
 
  <div id='body-post-it'>
  <data:post.body/>
<b:if cond='data:view.isPost'>

dan kemudian kalian letakan aba-aba dibawah ini tepat dibawah aba-aba <b:if cond='data:view.isPost'> 

<script type='text/javascript'>
//<![CDATA[
// Multi Related Post
(function() var jumlah = 3;let post = document['querySelectorAll']('.post-body br, .post-body p'),a = jumlah + 1,b = post['length'] / a;c = Array['from'](length: jumlah, (redfx, blufx) => blufx + 1);
for (let d = 0; d < c['length']; d++) let e = c[d],f = parseInt((b * e)),g = document['createElement']('div');g['className'] = 'agusidnMultiRelated';if (post[f]['nodeName'] == 'P') post[f]['parentNode']['insertBefore'](g, post[f]) else post[f]['parentNode']['insertBefore'](g, post[f]['nextSibling']))();
var relatedTitles = new Array();var relatedTitlesNum = 0;var relatedUrls = new Array();function related_results_labels(nerdfx) for (var desfx = 0; desfx < nerdfx['feed']['entry']['length']; desfx++) var nefx = nerdfx['feed']['entry'][desfx];relatedTitles[relatedTitlesNum] = nefx['title']['$t'];for (var ciafx = 0; ciafx < nefx['link']['length']; ciafx++) if (nefx['link'][ciafx]['rel'] == 'alternate') relatedUrls[relatedTitlesNum] = nefx['link'][ciafx]['href'];relatedTitlesNum++;break
function removeRelatedDuplicates() var viefx = new Array(0);var labfx = new Array(0);for (var desfx = 0; desfx < relatedUrls['length']; desfx++) if (!contains(viefx, relatedUrls[desfx])) viefx['length'] += 1;viefx[viefx['length'] - 1] = relatedUrls[desfx];labfx['length'] += 1;labfx[labfx['length'] - 1] = relatedTitles[desfx];relatedTitles = labfx;relatedUrls = viefx
function contains(yelfx, yufx) for (var grefx = 0; grefx < yelfx['length']; grefx++) if (yelfx[grefx] == yufx) return true;return false
//]]>
</script>
  <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>
<script type='text/javascript'>
//<![CDATA[
(function arldzgnMultiRelated() var text = 'Baca Juga :';let r = Math['floor']((relatedTitles['length'] - 1) * Math['random']());let i = 0;let jumlah = document['querySelectorAll']('.agusidnMultiRelated');while (i < relatedTitles['length'] && i < jumlah['length']) for (let a = 0; a < jumlah['length']; a++) jumlah[a]['innerHTML'] = '<span class="content"><span class="text">' + text + '</span><a href="' + relatedUrls[r] + '" title="' + relatedTitles[r] + '">' + relatedTitles[r] + '</a></span><span class="icon"></span>';if (r < relatedTitles['length'] - 1) r++ else r = 0;i++)();
//]]>
</script>
</b:if>

Jika sudah silahkan kalian saya ke cara kemudian agar tampilannya bagus kalian pasang langakah selanjutnya.

Langkah 2: Jika aba-aba diatas sudah kalian terapkan selanjunya kalian pasang aba-aba css dibawah ini

/* Multi Related Post */
.agusidnMultiRelatedbackground:#FFF8DC;color:#fd3b3bmargin:15px auto;display:-moz-box;display:-ms-flexbox;display:flex;flex-wrap:nowrap;justify-content:space-between;border-left:4px solid #fd3b3b;transition:all .3s
.agusidnMultiRelated .content .textmargin-right:5px;font-weight:bold;
.agusidnMultiRelated .contentpadding:10px 15px
.agusidnMultiRelated .content acolor:#fd3b3b;text-decoration:none !important;line-height:1.5em
.agusidnMultiRelated .content a:hovercolor:#fd3b3b;text-decoration:underline !important

Terapkan aba-aba cssnya tepat diatas aba-aba ]]></b:skin> ataupun </style> lalu simpan kembali template yang sudah kalian edit tadi dan lihat hasilnya. untuk demo tampilannya kalian bisa lihat di blog saya.

Mungkin dari saya cukup sampe disini dulu semoga bisa bermanfaat, dan jangan lupa bahagia.

Begitulah penjelasan perihal Cara membuat multi related post di dalam postingan semoga artikel ini menambah wawasan salam

Artikel ini diposting pada label tips dan trik pes 2019, cara cek kuota xl, cara menghilangkan jerawat,

Bagikan Artikel ini