AGUS IDN: TEMPLATE

Hallo, berjumpa kembali di blog AUTOGOBLOOG , sesi kali ini akan menjelaskan tentang https://www.blogger.com/ AGUS IDN: TEMPLATE simak selengkapnya

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

Biasanya kita menyebutnya widget melafalkan juga di dalam postongan blog 

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

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

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

Karena didalam template viomagz ini telah terdapat widget melafalkan juga bawaan templatenya.

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

Sebelum kita ke caranya faktual jika kita memakai Template VioMagz dan ingin tampilan daftar melafalkan juganya banyak tinggal merubah

var jumlah= misalnya didalam daftar melafalkan juga tampil '3' daftar melafalkan juganya dan ingin menampilkan kian dari '3' kalian tinggal merubahnya seperti 4,7,9-10 contohnya dari var jumlah=3 kalian ubah misalnya menjadi var jumlah=10 dan akan tampil daftar 10 melafalkan juga, tapi bagaimana apa|dengan jalan apa} didalam kategori postingan kalian jumlah postingannya telah melampaui 10.

Nah jika kalian ingin melangkaukan kian banyak dan dengan tampilan yang berbeda bisa memakai 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 selanjutnya 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 telah silahkan kalian kita ke aturan selanjutnya agar tampilannya bagus kalian pasang langakah selanjutnya.

Langkah 2: Jika aba-aba diatas telah 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> atau </style> lalu menahan kembali template yang telah 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 pembahasan perihal AGUS IDN: TEMPLATE semoga artikel ini berfaedah salam

Artikel ini diposting pada tag https://www.blogger.com/, tips dan trik psikotes,

Bagikan Artikel ini