Salam sukses buat sobat semua, bingung buat posting ni sob, uda kehabisan ide kali ya..he.he. dari pada gak ada aktifitas dipostingan mencoba share cara & tips ringan buat sibat blogger newbie, seperti saya.. ok sob untuk share kali ini yaitu bagaimana cara membuat gambar berubah menjadi bulat ketika akan dikursor, atau gambar menjadi seperti lingkaran tanpa ada proses editing,
itu lho sob misal kita membuat posting dan tentunya kita menambahkan gambar di halaman postingan kita, nah tanpa kita edit gambar yang kita upload bersama postingan tadi auto menjadi bulat/lingkaran,
Berikut langkah-langkahnya sob,
- Sobat masuk ke template sobat dan menu edit HTML
- Silakan sobat berkreasi mencari kode css images / gambar di dalam template blog sobat.
contoh : .pbtthumbimg atau .images atau .img sesuai dengan template yang subat gunakan
- Jika sudah ketemu silakan tambahakn sebelum kode penutup } dengan border-radius:100px;
- Kemudian simpan dan lihat tampilan blog sobat, kode border-radius:100px; adalah eksekusi yang akan membuat gambar menjadi lingkaran atau bulat.
Contoh lengkap .images { width:180px;height:auto;border-radius:100px;}
Jika hanya dikursor gambar berubah di tambahkan .images:hover{100px;}
Ok sob sekian dulu share ringan kali ini, semoga dapat bermanfaat.
Thanks for reading: membuat gambar berubah menjadi bulat ketika dikursor, Sorry, my English is bad:)