Cara Membuat Related Post Didalam Postingan Blog

Cara Membuat Related Post Didalam Postingan Blog - Membuat Related Post atau artikel terkait didalam postingan atau bisa saja di tengah postingan blogspot tidak susah, sobat hanya mengikuti langkah-langkah cara membuat related post/artikel terkait dalam postingan dibawah ini :

1. Login Akun Blog Sobat

2. Menuju Template

3. Edit Html

4. Centang Expand Template Widget

Cari kode </head> (gunakan CTRL + F). Kemudian letakkan kode berikut tepat diatas kode  </head>

<style> #related-posts { float : left; width : 300px; margin-top:2px; margin-left : 5px; margin-bottom:20px; font : 11px Arial;  color:#FF0080;margin-bottom:5px; } #related-posts .widget { list-style-type : none; margin : 5px 0 5px 0; padding : 0; } #related-posts .widget h2, #related-posts h2 { font-size : 20px; font-weight : normal; margin : 5px 7px 0; padding : 0 0 5px; } #related-posts a { color:#116f9e;text-decoration : none; } #related-posts a:hover { text-decoration : none; } #related-posts ul { border : medium none; margin : 10px; padding : 0; } #related-posts ul li { display : block; background : url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgluchBvMjyM4hW_XwOgoLaVlOdSltsWSMF6CksqsCWZW4xDso082Bzew-Bf8XBdHbSekI9wH9IFJRPIQWuhNfj2mSii9aB99NMu99UYlamyUq0SqWn6QGEn3vlepYbSlhBdl1SKuakm7U/s320/titik.png") no-repeat 0 0; margin : 0; padding-top : 0; padding-right : 0; padding-bottom : 1px; padding-left : 10px; margin-bottom : 5px; line-height : 1.5em; border-bottom:1px dotted #cccccc; } </style> <script src='http://yourjavascript.com/52251105243/relatedposts.js' type='text/javascript'/>

Cari Kode  <data:post.body/>
Jika sobat menemukan 2 kode <data:post.body/>. Maka pilihlah yang kedua.
Lalu, ganti kode <data:post.body/> dengan kode di bawah ini :

<div expr:id='"iklan1" + data:post.id'></div>
<div style="clear:both; margin:10px 0">
<!-- Related Post Dalam Postingan -->
<div style='float:left; margin : 0px 10px 0px 0px'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='related-posts'>
<font face='Arial' size='2'><b> TERKAIT : </b></font><font color='#FFFFFF'><b:loop values='data:post.labels' var='label'><data:label.name/><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if><b:if cond='data:blog.pageType == &quot;item&quot;'>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=5&quot;' type='text/javascript'/></b:if></b:loop> </font>
<script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels();
</script>
</div></b:if>
</div>
<!-- Related Post Dalam Postingan -->
</div><div expr:id='"iklan2" + data:post.id'><data:post.body/></div>
<script type="text/javascript">
var obj0=document.getElementById("iklan1<data:post.id/>");
var obj1=document.getElementById("iklan2<data:post.id/>");
var s=obj1.innerHTML;
var t=s.substr(0,s.length/2);
var r=t.lastIndexOf(" ");
if(r>0) {obj0.innerHTML=s.substr(0,r);obj1.innerHTML=s.substr(r+1);}
</script>

Tambahan !
Karena Setiap Template blog berbeda, mungkin cara diatas tidak bisa berfungsi pada blog sobat, seperti pada blog saya ini, Ternyata kode <data:post.body/> Pada blog saya ada 4.
Jika sobat menemukan 4 kode <data:post.body/> juga pada blog sobat. Maka pilihlah yang ketiga.
Lalu, ganti kode <data:post.body/> dengan kode di bawah ini :

<div expr:id='"iklan1" + data:post.id'></div>
<div style="clear:both; margin:10px 0">
<!-- Related Post Dalam Postingan -->
<div style='float:left; margin : 0px 10px 0px 0px'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='related-posts'>
<font face='Arial' size='2'><b> TERKAIT : </b></font><font color='#FFFFFF'><b:loop values='data:post.labels' var='label'><data:label.name/><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if><b:if cond='data:blog.pageType == &quot;item&quot;'>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=5&quot;' type='text/javascript'/></b:if></b:loop> </font>
<script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels();
</script>
</div></b:if>
</div>
<!-- Related Post Dalam Postingan -->
</div><div expr:id='"iklan2" + data:post.id'><data:post.body/></div>
<script type="text/javascript">
var obj0=document.getElementById("iklan1<data:post.id/>");
var obj1=document.getElementById("iklan2<data:post.id/>");
var s=obj1.innerHTML;
var t=s.substr(0,s.length/2);
var r=t.lastIndexOf(" ");
if(r>0) {obj0.innerHTML=s.substr(0,r);obj1.innerHTML=s.substr(r+1);}
</script>

Dan simpan, Semoga Bermanfaat.

Tweet

Subscribe to receive free email updates: