Tutorial Blogger

Berbagai macam tutorial di Blogger !

Mengubah Gambar Popular Post

Halo sobat Blogger. Sebelum melakukan ini, Anda hanya perlu widget entri populer atau popular posts. Saat ini, enggak perlu banyak tahap, hanya satu tahap aja. Tambahkan CSSnya aja, terus simpan, lalu lihat. Mudah bukan? Mulai aja yuk biar cepet. Pertama, masuk ke Blogger...! Kedua, pilih blog..

Tahap 1 Tambahkan CSS
1. Masuk ke dasbor
2. Klik Template > Edit HTML
3. Cari kode ]]></b:skin> dengan CTRL + F.
4. Pastekan kode berikut tepat diatas kodenya.
/* Round Popular Post */
.popular-posts ul{
padding-left:0px; width: 250px;
list-style-type: none;
margin:0 0 5px 0px;
padding:0 !important;
}
.popular-posts ul li a:hover {
text-decoration:none;
}
.popular-posts .item-thumbnail img {
webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
}
.item-title a {
font-size: 14px;
color: #C78F81;
font-family: 'Trebuchet MS',Trebuchet,Verdana,sans-serif;
}
5. Klik Simpan!
Lihat blog sobat jika perlu.











Cukup sekian dengan tips mengubah gambar popular post menjadu lingkaran. Untuk mengakses gambarnya, ke Tata Letak > Popular Post > Edit. Klik Thumbnail Gambar. (jika sudah di centangi jangan di klik lagi.) Jika belum sama sekali menambahkan widgetnya, silakan diadd. Semoga bermanfaat :-d
Note:
Pastikan untuk menambahkan gambar pada postingan.
Bagikan :
+
0 Komentar untuk "Mengubah Gambar Popular Post "

Silakan berkomentar sesuai dengan topik. Jangan menyisipkan link pada komentar dan jangan sampai komentar Anda masuk komentar SPAM.
Komentar tidak boleh mengandung ucapan Pelecehan, SARA, dan Pornografi.
Emotikon:
:) :D :( :-o @@, :s :wow: 8) :x :P :| ;) :lol: :oops: :cry: :evil: :twisted: :roll: :!: :?: :idea: :arrow: :mrgreen: :-d
Klik pada emoticon untuk mendapatkan kode!
Untuk menyisipkan emoticon setidaknya Anda harus menambahkan satu spasi di awal simbol.

 
Template By Kunci Dunia
Back To Top