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
</head>
4. Copy dan pastekan kode di bawah ini diatas kode "</head>"
5. Setelah itu, temukan kode ini
<!--Related Posts Scripts and Styles Start-->
<!--Remove--><b:if cond='data:blog.pageType == "item"'>
<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, “Times New Roman”, 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="Related Posts";
</script>
<script src='http://helplogger.googlecode.com/svn/trunk/related_posts.js' type='text/javascript'/>
<!--Remove--></b:if>
<!--Related Posts Scripts and Styles End-->
<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 == "item"'>
<div id='related-posts'> <b:loop values='data:post.labels' var='label'> <b:if cond='data:label.isLast != "true"'> </b:if> <b:if cond='data:blog.pageType == "item"'> <script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels&max-results=6"' type='text/javascript'/></b:if></b:loop>
<script type='text/javascript'> var maxresults=5; removeRelatedDuplicates(); printRelatedLabels("<data:post.url/>"); </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