7 Langkah Cara Membuat Related Post di bawah Postingan

Tutorial blog pada postingan kali ini akan berbagi mengenai Bagaimana Cara Membuat Related Post di bawah Postingan setelah pada postingan tutorial blog yang lalu telah berbagi mengenai cara membuat permalink SEO pada blog. Bagaimana ? Apakah Anda sudah bisa memasang Permalink dalam template blog kesayangan Anda ? Jika belum bisa karena belum membaca tutorial sebelumnya, Anda bisa kembali melirik postingan terdahulu dalam blog ini mengenai Bagaimana cara membuat permalink SEO pada blog sebelum kita sama sama membahas mengenai Bagaimana Cara Membuat Related Post di bawah Postingan

Bagaimana Cara Membuat Related Post di bawah Postingan ? Saya yakin pertanyaan inilah yang banyak ditanyakan dari para sahabat blogger yang baru berjabat tangan dengan dunia blogging. Pertanyaan ini juga yang membuat saya untuk jungkir balik dan guling guling bersama eyang google karena ingin membuat Artikel terkait di bawah postingan. Setelah Naik turun lembah dan bersemedi di dalam Gowa Hantu akhirnya tulisan sederhana ini berhasil saya tumpahkan dengan mengangkat judul Bagaimana Cara Membuat Related Post di bawah Postingan

Saya masih teringat dengan pengalaman sendiri ketika awal mengenal dunia blogging yaitu saya memasang artikel terkait secara bodoh. Mengapa saya katakan bodoh ? Yaa,, karena saya tidak memasang script artikel terkait di dalam template, tapi saya membuka satu satu tiap postingan dalam blog saya kemudian menambahkan Artikel terkait di bagian akhir postingan. Waah kalau begini repot kan kalau postingannya ada lebih seratus, oleh karena itu saya menggandeng tangan eyang google untuk mencari cari informasi mengenai Bagaimana Cara Membuat Related Post di bawah Postingan

Memasang related post atau Artikel terkait merupakan salah satu usaha SEO On Page, selain artikel terkait ini disukai oleh google, dengan keberadaan artikel terkait di bawah postingan tentunya memberikan kemudahan kepada visitor blog kita untuk menemukan Artikel lain yang mungkin ingin di bacanya. Jadi memasang related post atau artikel terkait di bawah postingan selain baik di mata search engine khususnya google, juga memberikan nilai plus di mata pengunjung blog kita

Bagaimana Cara Membuat Related Post di bawah Postingan

  1. Seperti biasa kunjungi situs blogger.com dan masukkan email dan password Anda untuk bisa mengakses akun blogger  Anda
  2. Setelah itu silahkan Anda masuk ke Rancangan kemudian Edit HTML.
  3. Seperti biasa berikan tanda Centang atau ceklist pada tulisan Expand Template Widget yang berada pada sudut kiri atas
  4. Copy kode script artikel terkait di bawah ini. Insya Allah kode script dibawah ini tidak akan membuat template Anda berat karena kode scriptnya telah di compres
<b:if cond='data:blog.pageType == "item"'><div class='similiar'><div class='widget-content'><h3>Related Post</h3><div id='data2007'/><br/><br/><script type='text/javascript'>
var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;;var maxNumberOfPostsPerLabel=4;var maxNumberOfLabels=10;maxNumberOfPostsPerLabel=100;maxNumberOfLabels=3;function listEntries10(json){var ul=document.createElement(&#39;ul&#39;);var maxPosts = (json.feed.entry.length &lt;= maxNumberOfPostsPerLabel) ?
json.feed.entry.length : maxNumberOfPostsPerLabel;for(var i=0;i &lt;maxPosts; i++){var entry=json.feed.entry[i];var alturl;for(var k=0;k &lt;entry.link.length; k++){if(entry.link[k].rel==&#39;alternate&#39;) {alturl=entry.link[k].href;break;}}
var li=document.createElement(&#39;li&#39;);var a=document.createElement(&#39;a&#39;);a.href=alturl;if(a.href!=location.href){var txt=document.createTextNode(entry.title.$t);a.appendChild(txt);
li.appendChild(a);ul.appendChild(li);}}
for(var l=0;l &lt;json.feed.link.length; l++){if(json.feed.link[l].rel==&#39;alternate&#39;) {var raw=json.feed.link[l].href;var label=raw.substr(homeUrl3.length+13);var k;for(k=0;k&lt;20; k++) label=label.replace(&quot;%20&quot;, &quot;&quot;);
var txt=document.createTextNode(label);var h=document.createElement(&#39;b&#39;);h.appendChild(txt);
var div1=document.createElement(&#39;div&#39;);div1.appendChild(h);
div1.appendChild(ul);document.getElementById(&#39;data2007&#39;).appendChild(div1);}}}
function search10(query,label){var script=document.createElement(&#39;script&#39;);script.setAttribute(&#39;src&#39;, query + &#39;feeds/posts/default/-/&#39;+ label +
&#39;?alt=json-in-script&amp;callback=listEntries10&#39;);script.setAttribute(&#39;type&#39;, &#39;text/javascript&#39;);document.documentElement.firstChild.appendChild(script);}
var labelArray=new Array();var numLabel=0;<b:loop values='data:posts' var='post'><b:loop values='data:post.labels' var='label'>
textLabel = &quot;<data:label.name/>&quot;;var test=0;for(var i=0;i &lt;labelArray.length; i++)if(labelArray[i]==textLabel) test=1;if(test==0){labelArray.push(textLabel);var maxLabels = (labelArray.length &lt;= maxNumberOfLabels) ?
labelArray.length : maxNumberOfLabels;if(numLabel &lt;maxLabels){search10(homeUrl3,textLabel);numLabel++;}}
</b:loop></b:loop></script></div></div></b:if>
  1. Bagi Anda yang belum menggunakan Readmore otomatis silahan cari kode <data:post.body/> dan pastekan kode script di atas di bawah kode <data:post.body/>
  2. Bagi Anda yang sudah menggunakan template yang telah menggunakan readmore otomatis  silahan cari kode <data:post.body/> </b:if> dan pastekan kode script artikel terkait di bawah kode <data:post.body/> </b:if>
  3. Bagi Anda yang telah memasang script Permalink seperti yang telah saya bahas pada tutorial sebelumnya, maka letakkan script Artikel terkait tepat di bawah script Permalink Anda kemudian Simpan Template Anda
 
Catatan : Jika setelah memasang script di atas namun Artikel terkaitnya belum muncul muncul, silahkan Anda periksa satu persatu postingan Anda. Artikel terkait tidak akan muncul di bawah postingan jika Anda tidak memberikan label pada postingan. Jadi segera berikan label di setiap postingan yang telah Anda publish jika Artikel terkait tidak muncul di bawah postingan . Tag lebel ini bisa Anda temukan pada sisi kanan ketika melkukan editing postingan

Bagaimana ? Apakah Anda menemui kesulitan mengenai Bagaimana Cara Membuat Related Post di bawah Postingan ?  Jika saya bisa membuat related post di bawah postingan, saya yakin Anda jauh lebih bisa. 

Jika nantinya Anda sudah berhasil memasang script Artikel terkait jangan lupa untuk kembali main main dalam blog yang pasa pasan ini.  Terus ciptakan karya terindah lewat jemari Anda melalui postingan demi postingan yang berkwalitas untuk memajukan dunia blogging di Indonesia. Saya tunggu karya terindah Anda !

Dengan memasukan alamat email Anda dibawah ini, berarti Anda akan dapat kiriman artikel terbaru dari www.hayardin.com di inbox E-mail anda

Enter your email address:


Delivered by FeedBurner

3 komentar untuk "7 Langkah Cara Membuat Related Post di bawah Postingan"

Terimakasih Sudah Membaca Artikel Dalam Blog www.hayardin.com

Silahkan Tinggalkan Komentar Karena Komentar Anda adalah inspirasi saya untuk membuat goresan dalam blog ini...

Saya akan sangat berterima kasih dan menghormati Anda jika tidak melakukan SPAM. Kritik dan saran yang membangun akan saya terima dengan senang hati...

Salam SUKSES !

Hayardin, S.Pd