Cara Membuat Running Text Berjalan di Blog

Pada kesempatan kali ini, saya akan share cara membuat Running Text atau Headline Post yang dapat berjalan di blog. Menurut saya, widget ini sangat menarik untuk di coba, karena dengan adanya widget ini, pengunjung akan dapat lebih mudah mengunjungi posting kita yang lainnya jika sudah selesai membaca posting yang sedang dibaca-nya.

Selain itu, kita pun sebagai Admin dari blog tersebut akan lebih mudah untuk berpindah-pindah halaman blog kita. Jadi widget ini menarik sekali untuk dicoba karena memiliki banyak keuntungan dan dapat mempermudah pekerjaan pula.

Berikut ini adalah screenshot dari widget tersebut :

Pada widget tersebut, kita bisa juga mengganti warna latar, warna border/garis luar, jumlah posting, dll. Untuk konfigurasi dan pengaturannya, akan saya bahas nanti di bawah. Sekarang, mari kita berfokus untuk mulai membuat widget tersebut sehingga bisa berjalan pada blog kita.

Namun, jujur widget ini masih memiliki kekurangan yang belum di temukkan jalan keluarnya. Memang, kekurangannya tidak begitu fatal dan mungkin tidak begitu berpengaruh menurut saya. Yang saya maksud widget ini masih memiliki kekurangan yaitu ketika tertimpa widget eksternal lainnya, posisi widget ini berada di belakang widget eksternal tersebut. Contohnya seperti ini :

Dari gambar di atas, bisa kita lihat bahwa widget eksternal lain seperti alexa dan flagcounter berada lebih luar dari widget running teks tersebut. Padahal yang saya inginkan, dan mungkin sobat blogger inginkan, widget-widget tersebut berada di balik/di belakang widget running teks tersebut. Jika sobat ada yang tahu, boleh beri sedikit masukkan-nya.

Sekarang, jika sobat ingin menambahkan widget ini ke blog sobat, silahkan ikuti langkah – langkah berikut :

Pertama-tama, log-in ke akun blogger sobat,
Lalu, klik Tata Letak, dan Tambah Gadget,
Tambahkan Elemen Fungsional HTML/JavaScrpit,
Selanjutnya, silahkan Copy-Paste Script dibawah :

var hn_url_blog = “http://fileprofessional.blogspot.com”;
var hn_jumlah_post = 10;
var hn_warna_latar = “#EEEEEE”;
var hn_warna_garis = “#000000”;
var hn_posisi = “top”;
var hn_tampilkan_judul = true;
var hn_backlink = true;

Keterangan :

Silahkan ganti http://fileprofessional.blogspot.com dengan url blog sobat;
Untuk mengubah berapa jumlah posting yang akan ditampilkan berulang kali atau bulak balik, silahkan ganti 10 dengan jumlah post yang akan ditampilkan dalam Running Text;
Kita juga bisa mengganti warna latar dan warna border (garis yang ada diluar latar) dengan warna – warna yang kita inginkan. Untuk merubahnya, silahkan ganti tulisan berwarna violet pada script di atas. Untuk mengetahui berbagai kode warna dasar silahkan klik disini.
Kita bisa juga mengubah tempat widget tersebut diletakkan dengan cara mengganti tulisan top dengan tempat yang kita inginkan.

Setelah script diatas ditambahkan, silahkan simpan dan lihat hasilnya.

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s