Cara Membuat Efek Bulat Pada Photo Di Blog

Selasa, 09 Juli 2013

Cara Membuat Efek Bulat Pada Photo Di Blog - Postingan yang satu ini tidak jauh-jauh dari blogger atau sama seperti biasanya. Saya akan membahas tentang cara membuat efek bulat pada photo di blog, apabila anda sudah pernah mengunjungi blog-blog yang keren, pasti blog tersebut ada yang memakai efek ini untuk photo atau gambar artikelnya menjadi bulat. Cara memasang efek ini sangatlah gampang dan mudah serta tidak akan membuang-buang waktu anda.

Ikuti langkah-langkah dibawah ini.

1. Masuk ke blogger.
2. Pilih template.
3. Pilih edit html.
4. Cari kode </head>.
5. Salin kode dibawah ini serta taruh kodenya diatas kode tadi.

<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<style type='text/css'>
.post-body {
padding: 0 0 10px 0;
}
.post img {
width: 100px;
height:100px;
background: transparent;
border: 3px Groove #8aff00;
-webkit-border-radius: 9px;
-moz-border-radius: 9px;
border-radius: 9px;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.post img:hover {
border: 3px Groove #8aff00;
-webkit-border-radius: 90px;
-moz-border-radius: 90px;
border-radius: 90px;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
</style>
</b:if>
</b:if>

6. Simpan.