Monday, September 27, 2010

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

No comments:

Post a Comment