Tulisan ini adalah hasil karya David Khoirul. Add Facebook David di sini. Jika Anda ingin menjadi Guest Blogger baca peraturannya.

~~~

“Artikel Terkait”untuk Blogspot

WordPress mempunyai plugin untuk Related Posts. Plugin ini menciptakan tautan yang mengarah pada artikel-artikel yang berkaitan. Ini membantu meningkatkan penengokan halaman (page view). Cara kerja plugin ini sederhana. Semisal Anda menulis sebuah posting berjudul Pengaruh Facebook, maka di bawah artikel tersebut, blogmu akan secara otomatis menciptakan daftar tautan judul posting lainnya yang berkatian dengan Facebook, seperti: Pengharaman Facebook, Facebook Membuat Gila, dsb.

Sayangnya, ini hanya ada pada wordpress. Anda, yang ngeblog di blogspot, tidak dapat menikmati plugin-pluginan seperti di wordpress. Ini sering membuat kendala. Dan ini menyebabkan banyak blogspotter berpindah ke mesin wordpress, yang konon sangat fleksibel.

Namun sekarang ada satu cara untuk membuat tautan Related Posts di blogspot. Seperti halnya Related Post di wordpress, blogmu di blogspot akan menciptakan link dari judul-judul artikel di halamanmu yang mempunyai kaitan satu sama lain. Kaitan tersebut didasari dengan kategori. Setiap posting, yang memiliki kategori yang sama dengan posting lain, akan tampil pada daftar related post di bawah artikelmu.

Berikut langkah sederhananya:

Login ke dashboard blogspotmu

Tekan layout dan kemudian Edit HTML

Beri centanng pada Expand Widget Templates

Temukan kode berikut <p><data:post.body/></p>

Setelah ketamu, paste kode berikut, tepat dibawah kode diatas:

<b:if cond=’data:blog.pageType == &quot;item&quot;’><br /> <H2>Artikel Terkait:</H2><br /> <DIV class=’rbbox’><br /> <DIV style=’margin:0; padding:10px;height:200px;overflow:auto;border:1px solid #ccc;’><br /> <DIV id=’albri’/><br /> <SCRIPT type=’text/javascript’><br /> var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;;<br /> var maxNumberOfPostsPerLabel = 4;<br /> var maxNumberOfLabels = 10;<br /> maxNumberOfPostsPerLabel = 100;<br /> maxNumberOfLabels = 3;<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 /> 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 /> 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;albri&#39;).appendChild(div1);<br /> }<br /> }<br /> }<br /> function search10(query, label) {<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 /> var labelArray = new Array();<br /> var numLabel = 0;<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 /> 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 /> <script type=”text/javascript”>RelPost();</script><br /> </DIV><br /> </b:if></p> <p>

Sekarang temukan kode ]]></b:skin>

Setelah ketemu, paste kode berikut dibawahnya:

/*—————————–<br /> kode related post optimal<br /> visit http://www.davidjuly.co.tv<br /> ——————————*/<br /> .rbbox{border: 1px solid rgb(192, 192, 192);padding: 5px;<br /> background-color: #f0f0f0;-moz-border-radius:5px; margin:5px;}<br /> .rbbox:hover{background-color: rgb(255, 255, 255);}<br />

Selesai

Artikel Terkait

Olahraga Apa Yang Cocok Untuk Blogger?

Pentingnya Kursi Bersandar Sebagai Sarana Menulis Konten Berkualitas

Cara Cerdas Menjadi Blogger Handal