Cara melaksanakan multi related post di di postingan

Hohoho, bertemu kembali di blog AUTOGOBLOOG , di kesempatan akan membawa pembahasan mengenai cara bobol wifi Cara membuat multi related post di dalam postingan simak selengkapnya

Cara melaksanakan multi related post di dalam postingan kita lanjut ke tutorial membuat multi related di dalam postingan blog.

Biasanya kita menyebutnya widget melisankan juga di dalam postongan blog 

nah untuk widget related post ini tidak beda jauh dengan widget melisankan juga.

Yang membedakannya hanya tata lokasi di setiap postingannya, tapi multi related postingan ini juga sudah banyak yang menggunakannya.

Untuk kalian yang didalam postingannya sudah diperoleh widget melisankan juga semisal kalian menggunakan Template VioMagz karena dengan menggunakan template ini kalian sudah tidak usah menambahkan widget melisankan juga.

Karena didalam template viomagz ini sudah diperoleh widget melisankan juga bawaan templatenya.

Nah untuk sobat yang belum atau yang sudah memasang widget melisankan juga, widget multi related post dan ingin menambahkannya agar terlihat beda.

Sebelum kita ke caranya sebenarnya andaikata kita menggunakan Template VioMagz dan ingin tampilan daftar melisankan juganya banyak berdiam merubah

var jumlah= misalnya didalam daftar melisankan juga tampil '3' daftar melisankan juganya dan ingin menampilkan lebih dari '3' kalian berdiam merubahnya seperti 4,7,9-10 semisal dari var jumlah=3 kalian ganti andaikan menjadi var jumlah=10 dan akan tampil daftar 10 melisankan juga, tapi bagaimana apa|dengan jalan apa} didalam kategori postingan kalian jumlah postingannya sudah melampaui 10.

Nah andaikata kalian ingin menambahkan lebih banyak dan dengan tampilan yang berlainan 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 berikut 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 kita ke cara berikut 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 */
.agusidnMultiRelatedbulat #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> atau </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 nir- lupa bahagia.

Sekian detil tentang Cara membuat multi related post di dalam postingan semoga info ini menambah wawasan terima kasih

Artikel ini diposting pada label cara bobol wifi, cara membuat slime, bloggerlampung,

Bagikan Artikel ini