Cara Membuat Recent Post Terkait DiPostingan

 

Kali ini share mengenai bagaiman cara buat recent post di bawah postingan terkait di blog, fungsin cara ini adalah untuk pengujung blog kita agar mudah membaca artikel terkait postingan dan juga meningkatkan page view blog kita.

Langsung aja caranya ia ,Copy script ini :

<b:if cond='data:blog.pageType == &quot;item&quot;'> 
<p style='font-style:bold;'>ARTIKEL KEREN:</p> 
<div class='rbbox'> 
<div style='margin:0; padding:10px;height:150px;overflow:auto;border:1px solid #ccc;'> 
<div id='albri'/> 
<script type='text/javascript'> 
var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;; 
var maxNumberOfPostsPerLabel = 4; 
var maxNumberOfLabels = 15; 
maxNumberOfPostsPerLabel = 5; 
maxNumberOfLabels = 5; 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;albri&#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> 
<script type='text/javascript'>RelPost();</script> 
</div> 
</b:if>

Masuk blog dan edit template,Cari Code <data:post.body/> , 

Untuk mempercepat pencarian kode tekan CTRL +F  ,Untuk penempatan di kode kedua dari <data:post.body/> .

Paste kode script yang ada di scrol kota di atas di bawah kode <data:post.body/> , 

Selanjutnya kalian cari kode ini ]]></b:skin>

.rbbox{border: 1px solid #000000;padding: 5px; 
background-color: #F2F2F2;-moz-border-radius:5px; margin:5px;} 
.rbbox:hover{background-color: #EFFBEF;} 
.rbbox ul li { 
display : block; 
background : url(http://s125.photobucket.com/user/Bonbon_Gear/media/wIh5w7Dw_zps38dcc2d8.jpeg.html) no-repeat 0px 0; 
margin-left : -10px; 
padding-top : 0; 
padding-right : 0px; 
padding-bottom : 1px; 
padding-left : 20px; 
margin-bottom : 5px; 
line-height : 1em; 
border-bottom:1px dotted #cccccc;}

Paste kode script di atas tepat di atas kode ]]></b:skin>

Klik save, Selesai

Untuk keterangan:
ARTIKEL KEREN : Bisa diubah sesuka kalian.
maxNumberOfPostsPerLabel = 5 : Ini keterangam jumlah posting artikel kalian
maxNumberOfLabels = 5 :Jumlah label yang mucul
background-color: #F2F2F2 :Warna background
background-color: #EFFBEF : Bg untuk artikel bial klik akn mucul warna
http://s125.photobucket.com/user/Bonbon_Gear/media/wIh5w7Dw_zps38dcc2d8.jpeg.html) :Ini Gambar icon yang muncul tiap judul label.


Semoga memberi pencerhan buat rekan bloger ,Kalo ada waktu yang tinggal di jakarta ayoo kumpul atau hunting di jakarta mau sekalian sharing gtu biar tambah bagus hidup kita.Salam jalan jalan +Trip_ID