Dec 9, 2010

Membuat Related Post Model SCROLL di Blogspot

Posted by Jingga at 15:43 233 comments
Beruntunglah teman2 para pengguna wordpress yang notabene menyediakan berbagai fasilitas plug-in, tapi bagi pengguna blogspot, beberapa script tambahan harus dibubuhkan secara manual pada file .html-nya. Salah satu plug-in yang cukup populer di kalangan blogger adalah fasilitas Related Posts. Alasan utama menggunakan Related Posts tentu saja untuk memudahkan pembaca menemukan artikel2 yang memiliki tema/topic serupa dengan postingan yang sedang dibaca.



Bagi teman2 pengguna blogspot yang ingin menambahkan Related Posts di bawah postingannya, tutorial berikut ini bisa diterapkan. Related Posts (Postingan Terkait) berikut ini dibuat dalam bentuk scroll. Dengan scrolling, tentunya tampilan blog kita bisa menjadi lebih lengkap, informatif, dan rapi.

1. Sebelumnya backup dulu template teman2 dengan mendownloadnya (untuk berjaga-jaga kalau tidak berhasil, teman2 dapat mengembalikan template asli).
2. Login blogger >> layout >> edit html
3. Beri tanda centang pada Expand Template Widget.
4. Silahkan teman2 cari kode berikut dalam html teman2

]]></b:skin>

(gunakan tomblo Ctrl + F untuk pencarian)

5. Pastekan script berikut diatas kode tadi (pada nmr 4) :

/* Related Post */
#underpost{
font-family:Arial, Tahoma, Verdana, Sans-serif;
font-size:small;
color:#cc6600;
background:#f1f1f1;
clear:both;
float:left;
width:450px;
-moz-border-radius:10px;
border:0;
height:auto;
margin:0 auto;
padding:10px;
}

Dec 9, 2010

Membuat Related Post Model SCROLL di Blogspot

Beruntunglah teman2 para pengguna wordpress yang notabene menyediakan berbagai fasilitas plug-in, tapi bagi pengguna blogspot, beberapa script tambahan harus dibubuhkan secara manual pada file .html-nya. Salah satu plug-in yang cukup populer di kalangan blogger adalah fasilitas Related Posts. Alasan utama menggunakan Related Posts tentu saja untuk memudahkan pembaca menemukan artikel2 yang memiliki tema/topic serupa dengan postingan yang sedang dibaca.



Bagi teman2 pengguna blogspot yang ingin menambahkan Related Posts di bawah postingannya, tutorial berikut ini bisa diterapkan. Related Posts (Postingan Terkait) berikut ini dibuat dalam bentuk scroll. Dengan scrolling, tentunya tampilan blog kita bisa menjadi lebih lengkap, informatif, dan rapi.

1. Sebelumnya backup dulu template teman2 dengan mendownloadnya (untuk berjaga-jaga kalau tidak berhasil, teman2 dapat mengembalikan template asli).
2. Login blogger >> layout >> edit html
3. Beri tanda centang pada Expand Template Widget.
4. Silahkan teman2 cari kode berikut dalam html teman2

]]></b:skin>

(gunakan tomblo Ctrl + F untuk pencarian)

5. Pastekan script berikut diatas kode tadi (pada nmr 4) :

/* Related Post */
#underpost{
font-family:Arial, Tahoma, Verdana, Sans-serif;
font-size:small;
color:#cc6600;
background:#f1f1f1;
clear:both;
float:left;
width:450px;
-moz-border-radius:10px;
border:0;
height:auto;
margin:0 auto;
padding:10px;
}
 

Diary Jingga Copyright © 2009 Paper Girl is Designed by Ipietoon Sponsored by Online Business Journal