Tuesday, February 9, 2016

Cara Membuat Round Corners Effect pada Gambar di Blog

Aneka macam cara dibuat agar blog terlihat menarik. Karena dengan desain tampilan yang enak dipandang dapat menambah gairah pembaca untuk terus mengakses konten blog. Tentu saja akan meningkatkan time page views blog yang makin lama dan makin menurunkan nilai bounce rate blog. Sehingga sangat baik untuk optimasi SEO blog itu sendiri.

Cara Membuat Round Corners Effect pada Gambar di Blog
Salah satu yang tidak bisa dianggap remeh adalah keberadaan image atau gambar di dalam blog tersebut. Meski bukan merupakan komponen utama, namun pada kenyataannya justru kehadiran image seakan menjadi hal wajib yang harus ada guna mendukung informasi yang terdapat di dalamnya.

Maka kali ini, saya akan membagikan cara lain untuk menambah style image yang menarik. Yaitu, membuat round corners effect atau membuat tampilan pojokan gambar yang tidak kaku. Seperti contoh gambar di samping. Dan, berikut cara membuatnya.
Baca Cara Terpopuler untuk Memasang Musik MP3 di Blog.

Cara membuat round corners effect image blog

1. Masuk dasboard Blogger.
2. Silakan menuju ke menu Template, lalu klik Costumize.
3. Pada tab menu Advance, pilih CSS.
Cara Membuat Round Corners Effect pada Gambar di Blog
4. Lalu masukkan kode ini di dalam kotak yang tersedia.

.post img {
border: 3px solid #bbbbbb;
margin: 0;
padding: 0;
border-radius: 50px;
-moz-border-radius: 1000px;
}
//.....http://bloging-gampang.blogspot.com Customized images.....//

5. Akhiri dengan Apply to Blog.

Selesai, dan silakan lihat hasilnya. Kini gambar-gambar yang ada di blog sahabat akan berubah seperti dalam contoh di atas.
Artikel pilihan Segarkan Blogmu dengan 10 Cara Ini.
Demikian cara mudah membuat round corners image pada blog. Semoga bermanfaat dan selamat mencoba. Ada yang ingin menambahkan, silakan masukkan ke dalam komentar. Trims

No comments:

Post a Comment

Setiap komentar yang masuk akan dimoderasi. So, waspadalah.