Membuat Post Tanpa Gambar Atau Image

 Jika sebelumnya saya pernah mengulas tentang cara membuat related posts with thumbnails dan untuk kali ini saya akan mengulas serupa tapi tak sama yakni "pasang related post tanpa gambar".  Berhubung Update PR sebentar lagi jadi selama 3 bulan ini saya selalu posting setiap hari dan mudah mudahan peringkatku naik  kembali dengan hasil kerjaku ini, doain ya ! terima kasih kawan atas do'a nya he...he...he.
Oke sambut kembali blog tutorial ini dan inilah "Widget Related Posts"

Setelah anda login pada blogger .com temukan kode dibawah ini :

</head>

Ganti dengan kode di bawah ini :

<!--Related Posts Scripts and Styles Start-->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style>
#related-posts {
float:center;
text-transform:none;
height:100%;
min-height:100%;
padding-top:5px;
padding-left:5px;
}
#related-posts .widget{
padding-left:6px;
margin-bottom:10px;

}
#related-posts .widget h2, #related-posts h2{
font-size: 1.6em;
font-weight: bold;
color: black;
font-family: Georgia, &#8220;Times New Roman&#8221;, Times, serif;
margin-bottom: 0.75em;
margin-top: 0em;
padding-top: 0em;
}
#related-posts a{
color:blue;
}
#related-posts a:hover{
color:blue;
}
#related-posts ul{
list-style-type:none;
margin:0 0 0px 0;
padding:0px;
text-decoration:bold;
font-size:15px;
text-color:#000000
}
#related-posts ul li{
background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPtg_p3x9F1g-evWY6yP2QOCtbOoxSyZVZHP2i0zxmAOZqOc8wf79XQ5HcQG7IR5yv5qYWNp-2R9j7Nos1budmngHDqRwy9PYRqgSLnefHzGeqabkjpH0FG4bWuDwgYkv9tvbaNPyuwsU/s200/greentickbullet.png) no-repeat ;
display:block;
list-style-type:none;
margin-bottom: 13px;
padding-left: 30px;
padding-top:0px;}
</style>

<script type='text/javascript'>
var relatedpoststitle="Related Posts";
</script>
<script src='http://mastergomaster.googlecode.com/files/related.js' type='text/javascript'/>

</b:if>
<!--Related Posts Scripts and Styles End-->
</head>

**Tulisan Related Posts bisa anda ganti sesuai keinginan anda

Sekarang temukan kode dibawah ini :

• <div class='post-footer-line post-footer-line-1'>

Bila anda tidak menemukannya coba yang satu ini :

• <p class='post-footer-line post-footer-line-1'>

Sisipkan kode dibawah ini dibawah kode di atas :

<!-- Related Posts Code Start-->

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>

<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=6&quot;' type='text/javascript'/></b:if></b:loop><a href='http://www.mastergomaster.com/2010/03/related-posts-tanpa-gambar-atau-image.html' style='display:none'>Related Posts Widget</a>

<script type='text/javascript'>
var currentposturl=&quot;<data:post.url/>&quot;;

var maxresults=5;

removeRelatedDuplicates(); printRelatedLabels();
</script>
</div>

</b:if>
<!-- Related Posts Code End-->

**Pada var maxresults=5; gantilah angka 5 sesuai kebutuhan jumlah posting anda
Simpanlah  dengan mengklik Save Template, Sekarang pekerjaan anda tentang cara pemasangan Related Post Di Blogspot telah selesai. Sekian dan sampai jumpa pada artikel selanjutnya terima kasih.