Cara Membuat Atau Menampilkan Title Postingan Yang Berkaitan

Seringkali mungkin anda menemukan blog pada blogspot yang hanya menampilkan judul-judul postingan biasanya terletak dibawah artikel atau postingan yang saat itu sedang dibuka. Judul-judul postingan yang dimaksud diatas lebih dikenal luas oleh para blogger dengan istilah related posts atau artikel-artikel yang berkaitan. Disebut artikel berkaitan sebab mereka tampil berdasarkan label atau category yang sama.

Tujuannya agar para visitor yang berkunjung lebih mudah meloncat dari satu halaman ke halaman yang lain dan yang lebih penting lagi adalah mereka juga bisa mengetahui hal apa saja yang anda tulis berkaitan dengan category tertentu dan yang pasti blog anda akan lebih mudah terindeks oleh mesin pencari. Menarik bukan ? Tertarik untuk membuatnya ? Okelah kalau begitu, . . Simak cara membuat related posts atau cara membuat artikel terkait berdasarkan label atau category di blogspot berikut ini :

• Login ke Blogger → Dashboard → Tata letak → Edit Html, kemudian beri tanda centang di bagian sudut kanan atas kolom notepade.
  
• Cari kode <data:post.body/>
  Jika blog anda menggunakan fungsi read more, akan ada 2 kode seperti di atas, pilih yang pertama dari atas.
  
• Copy kode berikut dan letakan persis dibawah kode di atas :
  
  
  <b:if cond='data:blog.pageType == &quot;item&quot;'><div class='similiar'><div class='widget-content'><h2>Artikel Terkait :</h2><div id='data2007'/><br/><br/><script type='text/javascript'>var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;;var maxNumberOfPostsPerLabel = 1;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>
  
  
  
• Setelah itu klik simpan.

Penting : Setelah sobat menggunakan fungsi di atas, lakukan verifikasi terhadap label atau category di setiap postingan sobat sebelumnya, agar kiranya artikel yang di tampilkan benar-benar sesuai dengan thema masing-masing postingan.

Selamat Mencoba