Cara Membuat Border Gambar Menjadi Cycle / Lingkaran Pada Blog

Tanky Street

List Of Contents

• 1Tool Gratis Untuk Mengecek Kecepatan Website Anda
• 2Cara Membuat Artikel Terkait di Tengah Postingan
• 3Cara Mengetahui Facebook Admin ID Untuk Sosial Meta Tag
• 4Cara Membuat Contact Us Pada Blog
• 5Cara Membuat Tombol Back To Top Pada Blog
• 6Cara Membuat Contact Us Melayang Pada Blog

Disini saya akan membagikan cara untuk membuat border pada lingkaran.

Contoh penambahan style pada img dan contoh dibawahnya.

img src="https://1.bp.blogspot.com/****" style="border-radius:99em; border:1px solid rgb(8, 153, 117); height:100px; max-width:100%; padding:4px; width:100px;

• Style untuk gambar No. 1

style="border-radius:99em; border:1px solid rgb(8, 153, 117); height:100px; max-width:100%; padding:4px; width:100px;

• Style untuk gambar No. 1 menggunakan warna gradiasi pada lingkaran.

style="border-radius:99em; border-top:2px solid #cf2031; border-right:2px solid #0f7dc8;
border-bottom:2px solid #2eb31a; border-left:2px solid #eab823; height:100px; max-width:100%; padding:4px; width:100px;

• Style untuk gambar No. 2

style="border-radius:99em; border:1px solid rgb(8 , 153 , 117); box-shadow:rgb(204, 204, 204) 0px 0px 9px 5px; height:100px; max-width:100%; padding:4px; width:100px;"

• Style untuk gambar No. 3

style="border-radius:99em; border:1px solid rgb(8 , 153 , 117); box-shadow:rgb(204, 204, 204) 0px 0px 0px 5px; height:100px; max-width:100%; padding:4px; width:100px;"

Dengan code css diatas, Kalian bisa membuat gambar pada postingan website/blog menjadi lingkaran / cycle. Kalian juga bisa mengubah code-code tersebut untuk menyesuaikan selera masing-masing. Semoga bermanfaat.

Read Also

Share this post

Get Link Facebook Messenger Whatsapp Whatsapp Twitter Telegram Linkedin Tumblr Pinterest

KLIK

DONASI VIA PAYPAL Bantu berikan donasi jika artikelnya dirasa bermanfaat. Donasi akan digunakan untuk memperpanjang domain https://tankystreet.blogspot.com/. Terima kasih.