Friday, October 17, 2014

Cara Membuat Artikel Terkait (Related Post) Super Ringan Dan Simple Pada Bawah Postingan Blog


Contoh gambar

Assalamu'alaikum sahabat-sahabat semua?. apa kabar, sehat-sehat saja kan?
Ok. kali ini saya akan bagi-bagi tutorial Cara Membuat Artikel Terkait Super Ringan Dan Simple Pada Bawah Postingan Blog yang saya dapatkan dari blognya adrinpunyablog. Related Post ini akan keluar berdasarkan label yang terkait dengan postingan dan tanpa disertai gambar/thumbnails.


So Artikel ini khusus bagi anda yang mencari tutorial pasang related post di bawah artikel atau postingan blog yang pastinyanya gak pingin lemot-lemot amat lodingnya. Dengan memasang ini, pengunjung blog kita tidak buru-buru amat menutup jendela/window browser. Karena para pengunjung kita melihat artikel terkaitnya. Ini tergantung dengan apa yang anda posting. Jika yang anda posting di blog artikel menarik dan unik, pasti pengunjung blog kita betah. Baik, saya tidak bisa basa-basi lagi disini :D. Langsung saja, ini dia :

1. Pastinya kamu sudah login/masuk ke akun blogger.
2. Klik Template >> Edit Html >> Lanjutkan >> centang "Expand Template Widget".
3. Tekan CTRL + F.
4. Letakkan kode berikut ini tepat DIBAWAH kode <b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>, ato kalau sobat gak ketemu kodenya bisa cari deh kode yang ini <data:post.body/> lalu letakkan kode berikut ini tepat di bawah <data:post.body/>
<b:if cond='data:blog.pageType == &quot;item&quot;'><div class='similiar'><div class='widget-content'><h3>Artikel Terkait :</h3><div id='data2007'/><br/><br/><script type='text/javascript'>var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;;var maxNumberOfPostsPerLabel = 7;var maxNumberOfLabels = 7;maxNumberOfPostsPerLabel = 12;maxNumberOfLabels = 4;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><div style="text-align: left;"><a href="http://putupunyablog.blogspot.com/2012/12/cara-membuat-artikel-terkait-ringan.html" target="_blank"><span style="font-size: xx-small;">Copyright</span></a></div>
5. Jika sudah, klik "Simpan" dan lihat salah satu postingan blog anda yang berkategori apa saja.

Selamat mencoba..!


Seperti ini 


Comments
0 Comments

No comments:

Post a Comment

Makasih telah berkomentar