Iklan 300 x 250

Random Post

Recent Post

 

Membuat Related Post Blogger

Text Resizer: Click for Resizer
Alhamdulillah sekarang postinganku sudah agak banyakan dikit hehehehe (Masih Blogger Baru).Ok dech lanjut ngepoting tutorial blogger yang baru lagi nie,kali ini aku akan menjelaskan tentang membuat related post blogger.Seperti Gambar Disamping contoh related post yang akan kita buat.Oh ya sebenarnya apa sich fungsi related post itu???Sebenarnya Related Post itu memudahkan pengunjung blog yang datang untuk menemukan artikel-artikel lama yang terkait pada postingan yang sedang ditampilkan.Related post diharapkan juga dapat meningkatkan page view pada blog kita, karena jika pengunjung melihat satu halaman maka akan tampil posting yang berkaitan yang mudah-mudahan Agar pembaca Blog Lebih senang Mampir Ke Blog kita.Manfaat related post lainnya adalah mempercantik tampilan blog agar lebih hidup dan kreatif atraktif smile.Udah Pahamkan oh ya kli ini kita akan belajar membuatnya.Bagaimana Mau???

1.Seperti biasa log in dulu ke blog Anda
2.Pilih Rancangan kemudian pilih Edit HTML jangan lupa centang Expand Template Widget
3.Pada menu edit Html Lalu cari kode berikut <data:post.body/>
4.Ok sudah ketemu bukan,Kemudian Letakkan script dibawah ini di bawah kode diatas ( apabila anda telah membuat read more, biasanya kode ini ada dua. Taruh kode di bawah kode yang pertama ).

<b:if cond='data:blog.pageType == "item"'>
<div class='similiar'>


<div class='widget-content'>
<h3>Related Posts by Categories</h3>
<div id='data2007'/><br/><br/>
<script type='text/javascript'>
var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;;
var maxNumberOfPostsPerLabel = 4;
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>

5.Oh ya jangan lupa Klik Simpan Template kawan
6.Selesai

Ket :
Setelah jadi, jika kamu ingin merubah tulisan "Related Posts by Categories" maka cari kode tersebut di HTML, trus ganti dengan text/tulisan yg kamu suka.

( Sumber : http://trik-tips.blogspot.com )


Artikel Terkait:

Nobi Noku Ditulis oleh : Arga Anggriawan | BLOG : This Is My Art
Dalam Judul : Membuat Related Post Blogger
Dalam Kategori :
Saya hanyalah blogger pemula yang ingin belajar dan berbagi dengan sahabat, Semua artikel blog ini bersumber dari pengalaman saya dari dunia blogger.

5 komentar:

z33s mengatakan... Reply Comment

Semangat Terus postingnya.. lama-kelamaan jadi banyak..

Keep smile n happy blogging

mantap sob,, maju terus , tapi jangan kebanyakan javascript yah nanti berat (karena saya koneksi lemot)

@z33s Thanks Gan

@oooohhhh tapi itu dah dari sumbernya gan Thanks ya atas kunjungannya ^_____^

kok gagal to gan,aku juga bingung ada apa dengan templateq,cara menghapus data di template yang ga berguna gamana thank,,,,,dari pembaca setia

arifin mengatakan... Reply Comment

sipp bang...ke blog ane jg yh..

:a: :b: :c: :d: :e: :f: :g: :h: :i: :j: :k: :l: :m: :n: :o: :p: :q: :r: :s: :t: :u: :v: :w: :x: :y: :z:

Posting Komentar

Bagi sobat-sobat silahkan comment disini, Insya Allah saya comment balik di blog anda.Blog ini Blog Do Follow,Trims atas kerja samanya

 
 
 

Temukan Kami Dalam FB

Sahabat Blogger

http://nobinoku.blogspot.com/

Tukeran Link Yuk..!! Silahkan copy kode di atas..!!
Saya akan segera link balik..!! Link & Banner Teman
powered by PRBbutton Powered by  MyPagerank.Net backlink Site Meter http://www.wikio.com Free Automatic Backlink
Check Google Page Rank
Cerita Seks Panas Dewasa 17Tahun
free counters
 
Copyright 2010 - 2011 © This Is My Art | Didukung Oleh : Blogger
Template Name : Evolution Magazine Template | Modification by : Argabluesky