Cara Membuat Related Post / Artikel Terkait Dalam Blogger / Blogspot

Cara Membuat Related Post / Artikel Terkait Dalam Blogger / Blogspot sebenarnya susah susah mudah. Dulu pernah nyoba pakai blogger lama, tapi lupa scriptnya. Yang sekarang ini Script buat blogger baru. apakah bisa buat blogger lama belum pernah dicoba. tapi langsung aja ya pakai template blogger baru. berikut ini cara praktisnya:

1.Login blogger>>Rancangan>>Edit HTML  centang expand widget
2. cari kode ]]></b:skin>
3. copy kode berikut lalu paste di atas kode ]]></b:skin> tersebut

/* Mulai Kode Artikel Terkait */
#underpost{
font-family:Arial, Tahoma, Verdana, Sans-serif;/* Jenis font. */
font-size:small;/* Ukuran font. */
color:#991500;/* Warna teks. */
background:#ffffff;/* Warna latar belakang. */
clear:both;
float:left;
width:359px;/* Lebar area artikel terkait. Sesuaikan dengan lebar main-wrapper (kolom posting) anda. */
-moz-border-radius:10px;
border:0;
height:auto;
margin:0 auto;
padding:10px;
}
#underpost h2{
font-family:'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif;/* Jenis font heading. */
font-size:small;/* Ukuran font heading. */
color:#991500;/* Warna teks heading. */
margin-bottom:5px;
border-bottom:1px solid #991500;/* Warna garis pembatas dibawah teks heading. */
padding:0 0 5px;
}
#underpost a,#underpost a:link,#underpost a:active,#underpost a:visited{
color:#0B243B;/* Warna link */
text-decoration:none;
}
#underpost a:hover{
text-decoration:underline;
}
#artikel-terkait{
overflow:auto;
width:auto;
height:180px;/* Tinggi dari artikel terkait */
padding:10px;
}


Mau tampilan Related Post seperti ini? Wanna have Related Post? Go to http://facebook-download-video.blogspot.com





4. cari kode <data:post,body/>  kalau gak ada cari kode p<data:post,body/>p
5. copy kode berikut lalu paste di bawah <data:post,body/> tersebut

<b:if cond='data:blog.pageType == "item"'>
<div id='underpost'>

<div class='similiar'>
<div class='widget-content'>
<h2><blink>Related Post / Artikel Terkait:</blink></h2>
<div id='artikel-terkait'>

<div id='relposts'/><br/><br/>

<script type='text/javascript'>


var homeUrl3 = "<data:blog.homepageUrl/>";


var maxNumberOfPostsPerLabel = 4;


var maxNumberOfLabels = 10;



maxNumberOfPostsPerLabel = 100;


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('relposts').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>


</div>


</div>






</div>


</div>


</b:if>




Mau tampilan Related Post seperti ini? Wanna have Related Post? Go to http://facebook-download-video.blogspot.com



6.simpan lalu coba

selamat mencoba semoga manfaat

Related Post