Cara Membuat Widget Popular Post Blog Lebih Menarik




Cara Membuat Widget Popular Post Blog Lebih Menarik - Popular post bawaan dari blogger kalau kita lihat-lihat kurang keren, kurang menarik. Apakah anda ingin mengubah widget popular post menjadi lebih menarik? Saya akan memberikan tutorialnya, dijamin blog anda tidak akan bertambah berat tapi blog anda akan tetap menjadi lebih menarik.


Cara Membuat Widget Popuar Post Blog Lebih Menarik:
1. Login dulu ke blogger.com
2. Pilih menu Layout -> add gadget/tambah gadget/widget
3. Pilih gadget popular post

4. Atur seperti gambar dibawah ini, ubah Most viewed menjadi "All time", hilangkan centang pada 'image thumbnail dan 'snippet'



5. Simpan widget anda
6. Sekarang masuk ke menu Template
7. Backup dulu templatenya untuk jaga-jaga

8. Klik edit HTML
9. Tekan Ctrl+F
10 Cari kode ]]></b:skin>
11. Kemudian letakkan kode berikut ini diatas kode ]]></b:skin>



/*--- Popular Posts --- */

.popular-posts ul{padding-left:0px;}

.popular-posts ul li {

background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWiy6zoGbezfcWF1eAnnT-uZxu9pGrwgfzZiebsqp5zIHZX7Di8yvR4cfgXHVt97C2aYS1jTJcZPSMWlSKTNk3WwMG8QkdjZBWCd356lY1HiLBX-MClSBproLNt_abmI4NL6ntwxZ654D_/s400/33.gif") no-repeat scroll 5px 8px rgb(255, 255, 255);

list-style-type: none;

margin: 0px 0px 5px;

padding: 5px 5px 5px 20px !important;

border: 1px solid #dddddd;


border-radius: 10px 10px 10px 10px;

}

.popular-posts ul li:hover {

border:1px solid #666666;

}

.popular-posts ul li a:hover {

text-decoration:none;

}


/*--- End Popular Posts --- */


Anda dapat melakukan perubahan untuk menyesuaikan tampilan default dari kode di atas:
  • Untuk mengubah gambar bullet, gantilah link gambar yang bercetak tebal pada kode di atas dengan URL bullet Anda.
  • Untuk mengubah warna perbatasan dalam mode aktif editlah bagian ini  #dddddd
  • Untuk mengubah warna perbatasan pada saat ditunjuk mouse edit bagian ini #666666

12. Dan terakhir, simpan Template Anda

Comments

Post a Comment

Popular posts from this blog

Cara Agar Blog Memiliki Musik/Lagu Latar Saat Dibuka

Image
Cara Agar Blog Memiliki Musik/Lagu Latar Saat Dibuka Postingan kali ini akan bahas mengenai cara pemasangan musik/lagu latar pada blog . Yang dimaksud musik/lagu latar disini adalah musik yang secara otomatis akan berputar sebagai bunyi latar sehingga akan menambah blog sangat interaktif dan menarik. Nah apabila kamu mau blog kamu ada musiknya saat ada orang lain yang membuka blog kamu maka gunakanlah cara yang kita sajikan dalam postingan kali ini. Untuk cara dan stepnya sangat simple dan tidak memerlukan trik yang ruwet. Hanya usahakan untuk ukurannya jangan terlalu besar agar blog tidak lemot.. Ok gan, nih caranya...simak ya. Caranya gak sulit kok gan, cuma nambahin gadget baru aja di blog. Caranya Masuk Blogger terus Klik Design--->Page Element---> klik Add a Gadget. Sesudah itu muncul jendela munculan dan langsung klik HTML/Java Script (khusus blogger). Habis itu copas scriptnya di bawah ini : <embed src=" http://www.4shared.com/...
Read more

Cara Membuat Blog Lebih Menarik

Image
- Membuat blog menarik tentunya menjadi impian setiap blogger. Seperti kebangaan tersendiri bagi kita seorang blogger bila bisa membuat sebuah blog dengan tampilan desain yang menarik. Tapi di samping itu semua, beberapa masalah pun timbul. Terkadang kita terlalu fokus membuat blog agar tampil menarik, di lain sisi malah kita membuat loading blog menjadi berat karena terlalu banyak menambahkan elemen ke dalam blog kita. Untuk itu saya akan coba memberi beberapa saran kepada anda bagaimana untuk membuat tampilan blog anda menjadi lebih menarik. Selain menarik, kita juga harus membuatnya tetap dalam perfomance yang baik. Artinya yaitu blog anda masih tetap cepat loadingnya dan memberikan kemudahan bagi user untuk menjelajahi blog tersebut. Mengganti Background Blog Jika anda merasa tampilan blog anda yang sekarang biasa-biasa saja, anda bisa mencoba cara yang satu ini. Mengganti template blog bisa menambahkan nilai estetika untuk blog anda. Apalagi jika anda dapat memilih g...
Read more

Cara Membuat Tulisan berjalan secara bergantian di addres bar blog

Hy...friends,,kali ini saya akan berbagi tips cara membuat Tulisan bergerak pada blog,mungkin tips ini dah kuno,bagi anda yng sudah lama berkecimpung didunia blogger,,, yang mungkin anda sudah bosen ingin mencoba sesuatu hal yang baru pa bagaimana begitu... oke langsung saja Berikut ini langkah-langkahnya : 1 .   Masuk ke akun   Blogger Anda . 2 .   Klik  Tata Letak . 3 .  Klik  Tambah Gadget . 4 .   Pilih  HTML/JavaScript . lalu copy kan script dibwah ini pada HTML/javascript <script> function tb8_makeArray(n){ this.length = n; return this.length; } tb8_messages = new tb8_makeArray(3); tb8_messages[ 0 ] = " ISI KAN DENGAN PESAN SAUDARA "; tb8_messages[ 1 ] = " iSI KAN DENGAN PESAN SAUDARA "; tb8_messages[ 2 ] = " SI KAN DENGAN PESAN SAUDARA "; tb8_rptType = 'infinite'; tb8_rptNbr = 5; tb8_speed = 125; tb8_delay = 1000; var tb8_counter=1; var tb8_currMsg=0; var tb8_tekst =""; var tb8_i=0; var tb8_TID = null;...
Read more