Alternatif Mudah Untuk Membuat Related Article Atau Artikel Terkait

Tampilan artikel terkait dibutuhkan untuk mendorong pengunjung blog tertarik membaca artikel atau posting dalam blog kita. Seorang pengunjung bisa saja sebelumnya tidak memiliki ketertarikan untuk menelusuri isi blog kita secara menyeluruh, tetapi dengan mereka melihat judul dari related article atau artikel terkait yang kebanyakannya ditampilkan dibawah posting yang menurut mereka menarik dari cuplikan judulnya akhirnya mereka tertarik membacanya.

Untuk membuat artikel terkait pada blog bisa dilakukan dengan berbagai cara. Cara yang termudah adalah dengan memanfaatkan jasa website penyedia widget artikel terkait, seperti LinkWithin dan juga nRelate. Dengan memanfaatkan kedua situs tersebut, maka kita dapat menampilkan artikel terkait dengan sangat mudah.

Namun, atas alasan tertentu membuat artikel terkait dengan cara seperti diatas mungkin dirasa kurang memuaskan bagi sebagian blogger.

Bagaimana caranya untuk membuat artikel terkait tanpa harus melibatkan pihak/situs lain? Untuk melakukannya kita cukup menambahkan sedikit script/kode pada template kita.

Masuk ke Dashboard blogger

Pilih Design

Lalu klik Edit HTML

Beri centang pada Expand Widget

Cari kode berikut: <div style='clear: both;'/> <!-- clear for photos floats -->

Copy kode dibawah ini, kemudian paste tepat diatas kode tadi.

<b:if cond='data:blog.pageType == &quot;item&quot;'><br /><div class='similiar'><br /><br /><br /><div class='widget-content'><br /><br/><br /><h3>Related Articles</h3><br /><div id='data2007'/><br/><br/> <br /><script type='text/javascript'><br /><br />var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;;<br />var maxNumberOfPostsPerLabel = 4;<br />var maxNumberOfLabels = 10;<br /><br />maxNumberOfPostsPerLabel = 100;<br />maxNumberOfLabels = 3;<br /><br /><br />function listEntries10(json) {<br />var ul = document.createElement(&#39;ul&#39;);<br />var maxPosts = (json.feed.entry.length &lt;= maxNumberOfPostsPerLabel) ?<br />json.feed.entry.length : maxNumberOfPostsPerLabel;<br />for (var i = 0; i &lt; maxPosts; i++) {<br />var entry = json.feed.entry[i];<br />var alturl;<br /><br />for (var k = 0; k &lt; entry.link.length; k++) {<br />if (entry.link[k].rel == &#39;alternate&#39;) {<br />alturl = entry.link[k].href;<br />break;<br />}<br />}<br />var li = document.createElement(&#39;li&#39;);<br />var a = document.createElement(&#39;a&#39;);<br />a.href = alturl;<br /><br />if(a.href!=location.href) {<br />var txt = document.createTextNode(entry.title.$t);<br />a.appendChild(txt);<br />li.appendChild(a);<br />ul.appendChild(li);<br />}<br />}<br />for (var l = 0; l &lt; json.feed.link.length; l++) {<br />if (json.feed.link[l].rel == &#39;alternate&#39;) {<br />var raw = json.feed.link[l].href;<br />var label = raw.substr(homeUrl3.length+13);<br />var k;<br />for (k=0; k&lt;20; k++) label = label.replace(&quot;%20&quot;, &quot; &quot;);<br />var txt = document.createTextNode(label);<br />var h = document.createElement(&#39;b&#39;);<br />h.appendChild(txt);<br />var div1 = document.createElement(&#39;div&#39;);<br />div1.appendChild(h);<br />div1.appendChild(ul);<br />document.getElementById(&#39;data2007&#39;).appendChild(div1);<br />}<br />}<br />}<br />function search10(query, label) {<br /><br />var script = document.createElement(&#39;script&#39;);<br />script.setAttribute(&#39;src&#39;, query + &#39;feeds/posts/default/-/&#39;<br />+ label +<br />&#39;?alt=json-in-script&amp;callback=listEntries10&#39;);<br />script.setAttribute(&#39;type&#39;, &#39;text/javascript&#39;);<br />document.documentElement.firstChild.appendChild(script);<br />}<br /><br />var labelArray = new Array();<br />var numLabel = 0;<br /><br /><b:loop values='data:posts' var='post'><br /><b:loop values='data:post.labels' var='label'><br />textLabel = &quot;<data:label.name/>&quot;;<br /><br />var test = 0;<br />for (var i = 0; i &lt; labelArray.length; i++)<br />if (labelArray[i] == textLabel) test = 1;<br />if (test == 0) {<br />labelArray.push(textLabel);<br />var maxLabels = (labelArray.length &lt;= maxNumberOfLabels) ?<br />labelArray.length : maxNumberOfLabels;<br />if (numLabel &lt; maxLabels) {<br />search10(homeUrl3, textLabel);<br />numLabel++;<br />}<br />}<br /></b:loop><br /></b:loop><br /></script><br /></div><br /><br /></div><br /></b:if>

Note:
Jangan lupa memberikan centang pada Expand Widget agar kode tersebut muncul saat anda
mencarinya. Gunakan Ctrl+F untuk memudahkan pencarian.