Excalibur
Info

Selamat Datang

Selamat Datang Di Blog Roy Lichtenstein- Saya Senang Anda Berada Di Sini, Dan Berharap Anda Sering Datang Kembali. Silakan Berlama - Lama Di Sini Dan Membaca Lebih Lanjut Tentang Artikel Yang Saya Susun. Ada Banyak Hal Dapat Anda Pelajari, Anda Mungkin Akan Menemukan Sesuatu Yang Menarik

Sekilas Tentang Roy

Nama saya Roy Lichtenstein, Saya Bukan Seorang Blogger, Hacker, Desainer Atau Apapun Tapi Saya Hanya Seseorang Yang Ingin Selalu Belajar Dan Ingin Tau Sesuatu Yang Baru...

Social Icons

xtreme5-roylichtenstein.blogspot.com

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.


Tidak ada komentar:

Posting Komentar

Berikan Komentar Anda Dibawah Sini Jika Belum Punya Akun Google/Blogger Anda Bisa Pilih Anonymous