Membuat Recent Post type teks berjalan tetap diatas atau dibawah screen

Membuat blog lebih informatif merupakan hal yang bisa dilakukan agar pembaca bisa memperoleh informasi/artikel secara mudah, Recent Post / Artikel terbaru adalah salah satu alternatif dimana kamu bisa menghemat tempat dengan isi yang sama.

Untuk lebih lengkapnya ikuti langkah berikut.

Langkah Pertama

• Login ke akun Blogger kamu.
  
• Dari halaman dashboard, pilih Edit HTML.
  
• Pada halaman Edit HTML, centang "Expand Template Widget", cari kode ]]></b:skin> pada script template blog kamu. Tekan Control F atau F3 untuk mencarinya.
  
• Copykan script berikut dan letakkan di bawah kode ]]></b:skin> tersebut..

<script src='http://hdesign-ideas.googlecode.com/files/Hdi-Headline.js'>
</script>

Simpanlah hasil editing tersebut.

Langkah Kedua

• Pilih tab Elemen Halaman ( Page Element ).
  
• Klik pada bagian Tambah Gadget dan pilih HTML/JavaScript.
  
• Copykan script berikut dan letakkan pada kotak Content ( dimana saja bisa ) yang tersedia :

<script type="text/javascript">
var hn_url_blog = "http://ALAMAT BLOG.blogspot.com/";

var hn_jumlah_post = 20;

var hn_warna_latar = "#000000";

var hn_warna_garis = "#084B8A";

var hn_posisi = "bottom";

var hn_tampilkan_judul = true;
var hn_backlink = true;
</script>

<script src="http://hdesign-ideas.googlecode.com/files/Hdi-Headline.js">
</script>

Keterangan :
Warna merah :

• http://ALAMAT BLOG.blogspot.com/ = > ganti alamat blog yang dimaksud
• var hn_jumlah_post = 20 = > ganti jumlah posting yang ingin ditampilkan
• var hn_warna_latar = "#000000" = >  warna background teks sesuai kebutuhan
• var hn_warna_garis = "#084B8A" =  > warna border teks sesuasi kebutuhan
• var hn_posisi = "bottom" = posisi widget ( UP dan BOTTOM, pilih salah satu )

Untuk mengganti kode warna bisa kamu lihat disini KODE WARNA atau Menggunakan kode warna dalam blogging