Tutorials cara untuk radius gambar Popular Posts. Apa itu radius? Pernah lihat gambar sidebar yang berbentuk bulat? Gambar bulat itulah yang dipanggil radius. Sila lihat contoh gambar dibawah.
Langkah 2;
Scroll dan lihat bahagian popular posts anda samaada menjadi atau tidak. Sekiranya menjadi, tahniah! Teruskan klik apply to blog.
Mudahkan? Semoga berjaya! Nak tahu cara paling simple untuk blog nampak menarik?
Mungkin ada bloggers yang inginkan kelainan bentuk gambar popular post blog anda. Jadi, anda boleh mula edit seperti tutorials dibawah. Untuk pengetahuan, Reen edit code di simple template. Sekiranya anda buat dan masih tidak menjadi, besar kemungkinan kerana template yang anda guna tidak support code dibawah.
Langkah 1;
Klik template → customize → advanced → add CSS → copy dan paste code dibawah didalam ruangan add CSS yang disediakan.
.PopularPosts .item-thumbnail img {
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px;
}
Langkah 2;
Scroll dan lihat bahagian popular posts anda samaada menjadi atau tidak. Sekiranya menjadi, tahniah! Teruskan klik apply to blog.
Mudahkan? Semoga berjaya! Nak tahu cara paling simple untuk blog nampak menarik?
Reen, suka post2 Reen ni...
ReplyDeleteSemua input baru utk alia
Trme ksh alia.. :D Esok lusa kot nak buat, boleh guna code ni. :)
Deletenice tuto sis! nampak kemas sgt suka suka!
ReplyDeleteAlhamdulillah. Terima kasih dik. Nanti boleh la cuba buat. :)
Deletecute tuto ni.... tapi malas nak buat. hahaha
ReplyDeletehttp://hello-vitamin.blogspot.my/
Hahahaa thanks dear.. Xpe. Bila rajin boleh godek dan buat ;p
DeleteHihi, malas juga..tapi reen baik sgt nih tutor percumo jo;)
ReplyDeleteHeeee xpe kak. Mana tau bloggers yang minat dengan bentuk radius ni, tapi tak tahu cara. Boleh la guna tips ni..
DeleteNice2.bleh apply klo nk design blog LG nnti 😂
ReplyDeleteHihihi boleh..
Deletecantik sangat tu Reen..
ReplyDeleteentry terkini di blog Yusrina - bersama Iklim - suci dlm debu
jom Reen
Jom :)
Deletesenangnyaa,hihi.
ReplyDeleteHihihi code yang pendek dan simple..
Deleteooo begitu senang juga.. :)
ReplyDeleteHihihi code pun pendek je.
Deletereen apa2 jenis template bolh buat ke..
ReplyDeletekenapa sy try template sy tak boleh apply
Template simple je boleh. Esok Reen tengok template awak ya sebab sekarang on guna hp..
DeleteMungkin sebab code yang awak guna, tak sama seperti code sy..
Salam..
ReplyDeletedulu2 rajin buat benda2 cam ni kat blog.
makin dah lama makin malas sangat.
anyway, nanti2 teringin gak cuba from yr N3 ni.
Waa'laikumsalam.. Hihi faham sis. Reen pun dah malas sebab tu Reen hanya share. Senang.. Sesiapa yang nak cuba buat, boleh buat sendiri.. :)
Deleteperkongsian yang berguna, reen.
ReplyDeleteselalu 4segi aje, bosan pulak kan.
Betul kak.. Nampak bosan. Hihihi
Deleteborder-radius: 50%; pun dah ok dah.
ReplyDeleteborder-radius: 50%; pun dah ok dah.
ReplyDeleteTerima kasih info! Lagi pendek code awak. Hihihi senang kan kan
Deletewah jadilah Fatin punya! :D
ReplyDeleteThank you kak! :D
Alhamdulillah.. Hihi :) Wc syg.
Deleteterima kasih untuk tips nya !!!!
ReplyDeleteHarap membantu.. Same2! :)
Deletenanti nak cubalah....
ReplyDeletetenkiu.. =)
Sila2.. Hihi Wc.. :p
DeleteHuhu blog Nad lah ni yang popular post dia terlebih besaq pulak hahah.
ReplyDeletemakin lama blog kak reen makin cantik :D
ReplyDeletetutorial yg bermanfaat maseh kak reen :D
salam singgah. wow, terima kasih atas perkongsian 😉
ReplyDelete