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.


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.