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 danflagcounter 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 :
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 danflagcounter 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 :
Keterangan :<script type="text/javascript">
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;
</script>
<script src="http://hostfileprofessional.16mb.com/files/runningtek.js?nmid=282023943">
</script>
- 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.
Halaman arsip ini, sebenarnya hampir sama dengan daftar isi blog yang pernah dibuat sebelumnya. Persamaannya, sama - sama menampilkan daftar posting yang pernah kita tulis di blog. Perbedaannya terletak pada tampilan yang lebih baik dan tidak akan ada duplicate atau posting ganda di halaman arsip ini.
Halaman arsip ini memiliki kelebihan yaitu kita bisa menurutkan posting dari A-Z atau sebaliknya, kita juga bisa mengurutkan tanggal posting dari posting terbatu atau posting terdahulu. Fitur tersebut menggunakan pengkodean javascript. Jadi, browser yang tidak mendukung javascript, tak akan bisa menggunakan fitur ini. Berikut adalah screeh shoot dari halaman arsip, atau bisa dilihat langsung pada link berikut ini.
Untuk membuatnya pun cukup mudah, kita hanya perlu membuat sebuah posting atau halaman baru dan menambahkan kode berikut ini :
<div id="bp_toc">
Loading....</div>
<script src="http://hostfileprofessional.16mb.com/files/arsiphalaman_fileprofessional.blogspot.com.js" type="text/javascript"></script> <script src="/feeds/posts/summary?alt=json-in-script&max-results=500&callback=loadtoc" type="text/javascript"></script>
Setelah kode tersebut selesai ditambahkan, simpan atau terbitkan. Maka selesailah halaman arsip untuk blog kita. Jika kita ingin memasukkan daftar isi blog lain, kita bisa ganti <script src="/feeds/posts/ dengan feed blog yang bersangkutan. Kita juga bisa mengganti max-results=500 dengan jumlah posting maksimal yang ingin ditambahkan.
Mungkin sekian, posting untuk cara membuat halaman arsip di blog. Semoga bermanfaat bagi sobat semua dan dapat dipergunakan dengan baik. Sekian dan Terima Kasih.
0 komentar:
Posting Komentar