Rabu, 01 Agustus 2012

Tutorial Memasang Related post tanpa Gambar

gambar Tutorial Memasang Related post tanpa Gambar

Dalam Tutorial Memasang Related post tanpa Gambar ini, langkah-langkah yang harus anda

lakukan adalah sebagai berikut :


1. Buka Blogger - dashbor - edit HTML

2. Centang Expand widget

3. Cari kode ini (tekan Ctrl + F agar lebih mudah)
</head>
4. Copy dan pastekan kode di bawah ini diatas kode "</head>"


<!--Related Posts Scripts and Styles Start-->
<!--Remove--><b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type='text/css'>
#related-posts {
background: #F8F8F4;
float:center;
text-transform:none;
height:100%;
min-height:100%;
padding-top:5px;
padding-left:5px;
}
#related-posts .widget{
background: #F8F8F4;
padding-left:6px;
margin-bottom:10px;
}
#related-posts .widget h2, #related-posts h2{
background: #F8F8F4;
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:#383838;
}
#related-posts a:hover{
color:blue;
}
#related-posts ul{
list-style-type:none;
background: #F8F8F4;
margin:0 0 0px 0;
padding:0px;
text-decoration:bold;
font-size:15px;
text-color:#000000
}
#related-posts ul li{
background:#F8F8F4 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMB8bhTZtF6m-_Sq7BRsAxABRzuSjY0pZWV5TD5Z0F4YBMwKjwPafvb2aSNZ5hS3SIRjPZxJRo4Vf5KZT0zHDBGQ1-cHEdIhjmTXDj5sZRD4IMl2DVTbXirUg_-P8VJMTKoHPWl6rlB3N5/s1600/bullet.gif) no-repeat ;
display:block;
list-style-type:none;
margin-bottom: 3px;
padding-left: 30px;
padding-top:0px;}
</style>
<script type='text/javascript'>
var relatedpoststitle=&quot;Related Posts&quot;;
</script>
<script src='http://helplogger.googlecode.com/svn/trunk/related_posts.js' type='text/javascript'/>
<!--Remove--></b:if>
<!--Related Posts Scripts and Styles End-->
5. Setelah itu, temukan kode ini
<div class='post-footer-line post-footer-line-1'>
kalo tidak ada, coba kode yang ini
<p class='post-footer-line post-footer-line-1'>
6. setelah itu, kopi paste kan kode dibawah ini dibawah salah satu kode diatas (yang anda temukan)

<!-- Related Posts Code Start-->
<!--Remove-->
<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>
<script type='text/javascript'> var maxresults=5; removeRelatedDuplicates(); printRelatedLabels(&quot;<data:post.url/>&quot;); </script> </div> <!--Remove--></b:if> <!-- Related Posts Code End-->

Catatan :

  • Untuk menampilkan artikel lebih banyak, tinggal ganti angka 5 pada maxresults=5 dengan angka jumlah artikel yang ingin anda tampilkan

7. save, selesai...!!


Jika anda tertarik untuk menambahkan gambar pada Related Post, silahkan baca Tutorial memasang Related post dengan Gambar

Sekian posting tentang Tutorial Memasang Related post tanpa Gambar Semoga Bermanfaat...!!

Tidak ada komentar:

Posting Komentar