Cara Memasang Widget Random Post Bergerak Pada Blog

Cara Memasang Widget Random Post Bergerak - Secara default, blogger menyertakan beberapa instruksi script yang dapat dipakai untuk memasang widget. Script tersebut eksklusif dapat dipakai pada 'Add a gadget' di sajian layout. Diantara widget yang ada ialah popular post, untuk menampilkan postingan yang populer. Widget label, untuk menampilkan tag label atau boleh diistilahkan sebagai kategori. Ada pula widget profile blogger, search box dan lain-lain. Akan tetapi, default blogger ternyata tidak menyertakan instruksi script untuk random posts.

Widget Random Post

Random post dapat diartikan sebagai postingan acak. Para pengembang telah menciptakan beberapa instruksi script untuk menampilkan random posts ini ke dalam blog dalam bentuk widget. Beragam bentuk widget telah banyak beredar. Salah satunya ialah widget random post yang bergerak.

Artikel gres Featured Post, Widget Blogger Terbaru (Fungsi, Manfaat dan Cara Pemasangannya).

Cara Memasang Widget Random Post Bergerak

Fokus tutorial kali ini ialah bagaimana menciptakan dan memasang widget random post ke dalam blog. Bagi sahabat para blogger, silakan simak ulasan yang sangat praktis ini. Untuk hasilnya, silakan cek demo.

• DEMO

Berikut tahap pembuatannya:
1. Masuk ke akun blogger.

2. Menuju ke sajian layout. Pilih Add a gadget. Pilih HTML/Javascript.

3. Masukkan instruksi berikut ke dalam area HTML.

<style type="text/css"> /*widget*/ #rp_plus_img{overflow:hidden;border:solid 1px #ddd;padding:10px; background-color:none;line-height:1.7em;} #rp_plus_img ul{list-style-type:none;margin:0;padding:0;} #rp_plus_img li{border:0; margin:0; padding:0; list-style:none;} #rp_plus_img li{height:70px;padding:1px;list-style:none;} #rp_plus_img a{color:#3366ff;} #rp_plus_img .news-title{display:block;font-weight:normal !important;margin-bottom:5px;font-size:14px;} #rp_plus_img .news-text{display:block;font-size:12px;font-weight:normal !important;color:#282828;text-align:justify;} #rp_plus_img img{float:left;margin-right:10px;padding:1px;border:solid 1px #cccccc;width:60px;height:60px;border-radius:4px;} </style> <!-- start --> <ul id="rp_plus_img"> </ul> <!-- /end -->

Ganti kalimat http://bloging-gampang.blogspot.com dengan alamat URL blog milik sahabat. Lalu akhiri dengan Save.

Selesai. Silakan cek view blog sahabat. Widget gres tersebut akan muncul sesuai letak layout yang telah dipilih.

Artikel pilihan 15 Alasan Mengapa Anda Gagal Mengelola Blog.

Demikian tutorial singkat cara menciptakan dan memasang widget random post bergerak pada blog. Semoga bermanfaat.

Tweet