Cara Menambah widget Related Post untuk Blogspot

1. Klik Blogger Dashboard >> Template >>Edit HTML;
2. Centang "Expand widgets template" box;
3. Cari (CTRL + F) kode ini :

</head>

4. Copy  paste code ini  sebelum </head>

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

#related-posts h2{
font-size: 18px;
letter-spacing: 2px;
font-weight: bold;
text-transform: none;
color: #5D5D5D;
font-family: Arial Narrow;
margin-bottom: 0.75em;
margin-top: 0em;
padding-top: 0em;
}
#related-posts a{
border-right: 1px dotted #DDDDDD;
color:#5D5D5D;
}
#related-posts a:hover{
color:black;
background-color:#EDEDEF;
}
</style>
<script type='text/javascript'>
var defaultnoimage=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjz6yM5_sHh6qYRSPr2RATjf9RHm_rXTTv2k3ax_W4L5wl-cG1IGFhWNhHlntCt2Bm27fpqGVUIkil4ltmlM3U3khmukKHiGCFI_fl961nQ2MAhFgIht32X5pPkFxcrwosAC5apabTTzaio/s1600/no_image.jpg&quot;;
var maxresults=5;
var splittercolor=&quot;#DDDDDD&quot;;
var relatedpoststitle=&quot;Related Posts&quot;;
</script>
<script src='http://helplogger.googlecode.com/svn/trunk/related-posts-with-big-thumbnails.js' type='text/javascript'/>
<!-- remove --></b:if>
<!--Related Posts with thumbnails Scripts and Styles End-->

Note:
- Untuk mengubah default gambar, ganti URL dengan warna biru dengan  punya Anda sendiri
- Untuk menampilkan lebih dari 5 posting, ganti 5 nilai dari "var maxresults = 5;"
- Menghapus kode warna ungu jika Anda ingin posting terkait yang akan ditampilkan dalam homepage juga

5. Sekarang cari kode ini :
<div class='post-footer'>

6. Dan copy kode dibawah ini sebelum kode diatas:

<!-- Related Posts with Thumbnails 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>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=6&quot;' type='text/javascript'/></b:loop>
<script type='text/javascript'>
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs(&quot;<data:post.url/>&quot;);
</script>
</div><div style='clear:both'/>
<!-- remove --></b:if>
<b:if cond='data:blog.url == data:blog.homepageUrl'><b:if cond='data:post.isFirstPost'>
<a href='http://helplogger.blogspot.com'><img alt='Blogger Tricks' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQXXAjtZ1v_0k2u2ADGgX-2Kq0jU_qHebB95zTOK9vI4BiyKpcwrM8VSBiMgwUZkGOmo7Ba_5TxWIgkwOkPJGKgB_jQcH_CNcEPPa6lFTQITh65yYizPEZcWp96_O-adphpOec7ILpwPSY/s1600/best+blogger+tips.png'/></a>
</b:if></b:if>
<!-- Related Posts with Thumbnails Code End-->

Note:
- change the 6 value from max-results=6 with the number of posts you want to be displayed.
- If you want the related posts to be displayed on homepage too, remove the code in violet.
- Mengubah nilai 6 dari max-results = 6 dengan jumlah posting yang ingin ditampilkan.
- Jika Anda ingin related posts ditampilkan pada homepage juga, hapus kode di violet.

7. Simpan templates

Read More

Buat Running Text Berita

SekarangTelevisi yang ada sudah banyak menyertakan running teks yang berisi headline berita. Kita dapat mengetahui headline atau berita terbaru secara singkat. Sekarang kita akan membuat running teks yaitu tulisan berjalan yang isinya judul tulisan-tulisan terbaru blog kita.

Akan semakin menarik pembaca untuk mengetahui headline yang kita tulis di blog kita, judul-judul tulisan kita akan berjalan layaknya running teks yang ada di TV. Dan pengunjung dapat mengklik judul untuk melihat isinya secara lengkap.

Cara Membuat Running Teks Berita dari Blog Kita
1. Login ke blogger
2. Pilih Rancangan kemudian Tambah Gadget
3. Pilih HTML/JavaScript
4. Masukan kode HTML berikut ini:

<script type="text/javascript"> var hn_url_blog = "http://paknetyas71.blogspot.com/"; var hn_jumlah_post = 10; var hn_warna_latar = "#000000"; var hn_warna_garis = "#FF0000"; var hn_posisi = "bottom"; var hn_tampilkan_judul = true; var hn_backlink = false; </script> <script src="http://headlinenews.googlecode.com/files/Headlinenews-MasDhani.js"> </script>

Ganti http://paknetyas71.blogspot.com/  dengan url blog kita sendiri-sendiri, Selain itu kita juga bisa mengganti jumlah post, warna latar belakang, warna garis dan posisi sesuai dengan selera kita.

5. Simpan jika sudah selesai.

Read More