Halo haloo sobat bloger,kalian ingin membuat foto atau gambar sobat memiliki efek bulat pada blog,gampang.Gambar sobat akan mearik hehehehehehehe
Langsung aja yu ke TKP?
Ini dia langkah-langkahnya :
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.
<!-- kondisi home -->
<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>
<!-- /kondisi home -->
Kalau sudah simpan ok,Dan lihat hasilnya wow wow keren
0 komentar:
Post a Comment