Saturday, 7 January 2017

Cara Membuat Artikel Terkait / Related Post Dibawah Postingan Blogspot

Cara Membuat Artikel Terkait / Related Post Dibawah Postingan Blogspot
Cara Membuat Artikel Terkait / Related Post Dibawah Postingan Blogspot
Untuk membuat related post atau artikel terkait tepat dibawah postingan ada banyak macamnya. Ada yang suka dengan tampilan bergambar, ada pula yang hanya menyukai tulisan saja.

Modelnya pun cukup beragam, ada yang berbaris kesamping, ada pula artikel terkait yang memanjang kebawah. Untuk tutorial kita kali ini, kita akan membuat related post yang bentuknya memanjang kebawah dengan maksimal 5 tulisan.

Cara membuatnya cukup mudah, ikuti langkah-langkah berikut ini.

Pertama-tama login ke akun blogspot Anda, lalu pilih Tamplate > Edit HTML.
Setelah terbuka cari kode ini </head>. Agar mudah mencarinya tekan Ctrl F dan jika telah ketemu copy script dibawah ini tepat dibawahnya.
<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> 

Ini gambar ilustrasinya. (Lihat kotak berwarna merah). 

Jika selesai, cari lagi kode ini <data:post.body/>, lalu copy kembali script dibawah ini tepat dibawah kode diatas. Jika Anda menemukan ada dua <data:post.body/> letakkan script dibawah kode yang pertama.
.<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:blog.pageType == "item"'>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=5"' type='text/javascript'/>
</b:if>
</b:loop>
</b:if>

<b:if cond='data:blog.pageType == "item"'>
<h4>Artikel Terkait</h4>
<script type="text/javascript">
removeRelatedDuplicates();
printRelatedLabels();
</script>
</b:if>  

Ini gambar ilustrasinya.

Khusus tulisan berwarna merah pada script bisa diganti sesuai keinginan. Setelah semua beres, jangan lupa menyimpannya dengan menekan tombol Simpan Template, lalu kembali ke blog Anda. Refrest dan kini related post atau artiker terkait akan segera muncul.

Download Juga ini Siapa Tau Butuh : 
Download IDM Terbaru Full Version Gratis 
Download WinRAR 5.50 Full Version Gratis
PEMBERI TAHUAN SOFTWARE YANG GRATISAN HANYALAH BAJAKAN .
PABILA TERJADI ERROR ATAU TIDAK BERFUNGSI DENGAN BAIK  JANGAN DI PROTES KARENA EMANK BAJAKAN.
UNTUK KESEMPURNA'AN FITUR NYA SILAHKAN KUNJUNGI PENGEMBANG ASLINYA - ALIAS  BELI VERSI ORIGINALNYA .
KAMI SHARE SEMATA-MATA HANYA MENGUJI COBA DAN BERTUJUAN MENINGKATKAN KINERJA BLOG INI
SEDIKIT INFO PENTING

1. Dilarang Gombal 😂
2. Dilarang Melarang 😏
3. Dilarang Memasang Togel 😎
4. Di Perbolehkan Link Aktif Asal Deskripsi Tidak Panjang . Jika Panjang di Delete
5. Komentar Harus Sesuai Dengan Artikel Di atas
6. Bisa Kirim Gambar Dengan Link Gambar
7. Cari Sendiri 😂
EmoticonEmoticon

 THEBOEGIS.COM