Cara Membuat Artikel Terkait di blog

Fungsi dari pemasangan Artikel Terkait ini di dalam blog adalah untuk meningkatkan/menaikkan pageview blog kemudian untuk menampilkan artikel-artikel kita yang lama namun masih terkait dengan artikel baru yang masih 1 label.

Berikut cara membuat Artikel Terkait dengan border melengkung dengan Fungsi Scroll:

Seperti biasa, masuk dulu ke Akun blog anda.
Pada halaman Dasbor, cari kata “RANCANGAN” lalu klik
Pada halaman Rancangan, klik tombol “EDIT HTML”sebaik nya aman kan dulu template sobat
Beri tanda checklist pada kotak kecil yg ada di depan tulisan Expand Template Wdget yang terletak diatas kotak kode HTML template blog anda
Cari kode  ]]></b:skin> (Gunakan tombol F3 pada keyboard untuk melakukan pencarian cepat).
Copy kode dibawah ini, lalu paste DI ATAS kode  ]]></b:skin> berikut kodenya :

.rbbox{-moz-box-shadow: inset 0 0 20px #f10c0c;<br /> -webkit-box-shadow: inset 0 0 20px #f10c0c;<br /> box-shadow: inset 0 0 20px #f10c0c;<br /> .rbbox:hover{background-color:#000000);}

Selanjutnya, cari kode <data:post.body/> gunakan control F3
copy code ini di bawah <data:post.body/>

<b:if cond=’data:blog.pageType == “item”‘><br /> <br/><br /> <br/><br /> <H2>Artikel Terkait:</H2><div class=’rbbox’><div style=’margin:0; padding:10px;height:200px;overflow:auto;border:1px solid #ccc;’><div id=’albri’/><script type=’text/javascript’> var homeUrl3 = “<data:blog.homepageUrl/>”; var maxNumberOfPostsPerLabel = 4; var maxNumberOfLabels = 10; maxNumberOfPostsPerLabel = 10; maxNumberOfLabels = 3; function listEntries10(json) { var ul = document.createElement(‘ul’); var maxPosts = (json.feed.entry.length <= maxNumberOfPostsPerLabel) ? json.feed.entry.length : maxNumberOfPostsPerLabel; for (var i = 0; i < maxPosts; i++) { var entry = json.feed.entry[i]; var alturl; for (var k = 0; k < entry.link.length; k++) { if (entry.link[k].rel == ‘alternate’) { alturl = entry.link[k].href; break; } } var li = document.createElement(‘li’); var a = document.createElement(‘a’); 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 < json.feed.link.length; l++) { if (json.feed.link[l].rel == ‘alternate’) { var raw = json.feed.link[l].href; var label = raw.substr(homeUrl3.length+13); var k; for (k=0; k<20; k++) label = label.replace(“%20″, ” “); var txt = document.createTextNode(label); var h = document.createElement(‘b’); h.appendChild(txt); var div1 = document.createElement(‘div’); div1.appendChild(h); div1.appendChild(ul); document.getElementById(‘albri’).appendChild(div1); } } } function search10(query, label) { var script = document.createElement(‘script’); script.setAttribute(‘src’, query + ‘feeds/posts/default/-/’ + label + ‘?alt=json-in-script&callback=listEntries10’); script.setAttribute(‘type’, ‘text/javascript’); 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 = “<data:label.name/>”; var test = 0; for (var i = 0; i < labelArray.length; i++) if (labelArray[i] == textLabel) test = 1; if (test == 0) { labelArray.push(textLabel); var maxLabels = (labelArray.length <= maxNumberOfLabels) ? labelArray.length : maxNumberOfLabels; if (numLabel < maxLabels) { search10(homeUrl3, textLabel); numLabel++; } } </b:loop> </b:loop> </script><br /> </div><script type=”text/javascript”>RelPost();</script><br /> </div></b:if>

Jika sudah maka tinggal klik Save Templates dan lihat hasilnya.

One thought on “Cara Membuat Artikel Terkait di blog

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s