Cara Membuat Related Post/Artikel Terkait Di Dlm Postingan Blog

Kali ini mimin akan membagikan tips blogger mengenai cara memasang artikel terkait di dlm postingan blog. Utk lebih detail nantinya artikel terkait ini berada di tengah postingan blog anda. Jika sebelumnya anda sudah pernah menggunakan related post di bawah postingan, mungkin artikel ini akan menjadi solusi yg sempurna utk mencari cara membuat artikel terkait berada di tengah postingan.

Cara Membuat Related Post/Artikel Di Dlm Postingan Blog

Widget related post ini berfungsi sbg artikel terkait, artikel yg terkait yg dimaksudkan yaitu artikel yg memang ketika itu topik pembicaraannya mengenai topik yg sama namun beda solusi. Selain itu widget ini juga memiliki kegunaan utk pengunjung yg memungkinkan utk menjelejahi semua artikel terkait pd postingan blog anda. Tentunya juga pageviews anda akan bertambah bila menggunakan widget ini.

Cara Membuat Widget Related Post / Artikel Terkait di Tengah atau di Dlm Postingan

Sebelum melaksanakan dan menerapkan tutorial ini, adakalanya anda harus mengunduh atau memback-up template anda biar tidak terjadi suatu hal yg tidak di inginkan.
Langkah Pertama

Tambahkan arahan di bawah ini sempurna di atas arahan </head>

<b:if cond='data:blog.pageType == &quot;item&quot;'> <script type="text/javascript"> //<![CDATA[ var relatedTitles = new Array(); var relatedTitlesNum = 0; var relatedUrls = new Array(); function related_results_labels(json) { for (var i = 0; i < json.feed.entry.length; i++) { var entry = json.feed.entry[i]; relatedTitles[relatedTitlesNum] = entry.title.$ t; for (var k = 0; k < entry.link.length; k++) { if (entry.link[k].rel == 'alternate') {relatedUrls[relatedTitlesNum] = entry.link[k].href; relatedTitlesNum++; break;}}}} function removeRelatedDuplicates() { var tmp = new Array(0); var tmp2 = new Array(0); for(var i = 0; i < relatedUrls.length; i++) { if(!contains(tmp, relatedUrls[i])) { tmp.length += 1; tmp[tmp.length - 1] = relatedUrls[i]; tmp2.length += 1; tmp2[tmp2.length - 1] = relatedTitles[i];}} relatedTitles = tmp2; relatedUrls = tmp;} function contains(a, e) { for(var j = 0; j < a.length; j++) if (a[j]==e) return true; return false;} function printRelatedLabels() { var r = Math.floor((relatedTitles.length - 1) * Math.random()); var i = 0; document.write('<ul>'); while (i < relatedTitles.length && i < 20) { document.write('<li><a href="' + relatedUrls[r] + '">' + relatedTitles[r] + '</a></li>'); if (r < relatedTitles.length - 1) { r++; } else { r = 0;} i++;} document.write('</ul>');} //]]> </script>   </b:if>

Langkah Kedua

Cari arahan <data:post.body/> dengan menggunakan tombol CTRL + F. Setelah anda temukan ganti arahan tersebut dgn arahan di bawah ini.

<div expr:id='&quot;post1&quot; + data:post.id'/> <div class='post-terkait'> <b:if cond='data:post.labels'> <b:loop values='data:post.labels' var='label'> <b:if cond='data:blog.pageType == &quot;item&quot;'> <script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=3&quot;' type='text/javascript'/> </b:if> </b:loop> </b:if> <h4>Baca Juga</h4> <script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels(); </script> </div> <div expr:id='&quot;post2&quot; + data:post.id' class='artbody' itemprop='articleBody description'><data:post.body/></div> <script type='text/javascript'> var obj0=document.getElementById(&quot;post1<data:post.id/>&quot;); var obj1=document.getElementById(&quot;post2<data:post.id/>&quot;); var s=obj1.innerHTML; var t=s.substr(0,s.length/3); var r=t.lastIndexOf(&quot;&lt;br&gt;&quot;); if(r&gt;0) {obj0.innerHTML=s.substr(0,r);obj1.innerHTML=s.substr(r+4);} </script>

Baca juga artikel mengenai :

  1. Script Anti Adblock dan UC Browser.
  2. Cara Membuat Blog AGC Terlengkap.
  3. Cara Mencari HPK (High Paying Keywords).
  4. Script utk memperbanyak pengunjung blog atau visitor.

Langkah Ketiga

Tambahkan Kode CSS di bawah ini sempurna di atas arahan ]]</b:skin> atau </syle>

/* CSS Related Post */ .post-terkait {position:relative;background:#fff;padding:0;margin:10px 15px 0 0;float:left;width:165px;border:1px solid #1b71bc} .post-terkait h4{background:#1b71bc !important;padding:5px 0 !important;margin:0;text-align:center !important;font-size:15px !important;font-weight:400;text-transform:uppercase;color:#fff !important} .post-terkait ul {margin:0;padding:0} .post-terkait ul li {list-style:none !important;padding:7px 0;margin:0 7px;border-bottom:2px dotted #ddd;line-height:1.4em !important;text-align:left !important} .post-terkait ul li:last-child{border:none !important} .post-terkait a {color:#1b71bc;font-size:13px !important} .post-terkait a:hover {text-decoration:underline}
 

Langkah Keempat

Simpan template

Demikianlah cara membuat related post di dlm postingan. Semoga bermanfaat

Loading...

Tags: #Blog #Cara #Membuat #Post/Artikel #Postingan #Related #Terkait

author
Author: 
    Lirik Lagu Ada Hati Raya Menjadi-Jadi-Ayda Jebat (LAGU RAYA BARU)
    Lirik Lagu Ada Hati Raya Menjadi-Jadi-Ayda Jebat Lagu Raya Ayda Jebat 2019, Lagu
    Sinopsis Telefilem Tiga Lima; Cereka Ahad TV3
    SINOPSIS TIGA LIMA Halim, baru kematian ayahnya, Daud. Kini ibunya, Hasnah perlu menyara
    Tuuuu…diaaa Pak Tam Sekyen 14 Shah Alam
    Tuuuu…diaaa Pak Tam Sekyen 14 Shah Alam | Hai korang, aduh-aduh sejak bulan
    GOT7 Terbang Tinggi Ke Luar Angkasa Pakai Baju Astronot Di Dance Practice ‘Eclipse’!
    Sepertinya  GOT7 baru saja mendarat dr luar angkasa, dan terjun utk melapor kepada

    Leave a reply "Cara Membuat Related Post/Artikel Terkait Di Dlm Postingan Blog"