Tuesday, February 4, 2014

Cara Membuat Foto Post Menjadi Bulat


tampilan foto post kotak jika dilihat memang membosankan. saya bosan melihat post saya yang kotak jelek busuk dan lainnya., maka dari itu saya berusaha mencari mengedit dan berhasil membuat foto post menjadi bulat dengan kode berikut :

Tata Cara Merubah :

Pertama Masuk ke Akun Blogger sobat. Kedua Buka Rancangan >> Edit HTML >> Lalu Cari Kode </head> ( gunakan CTRL + F agar untuk memudahkan pencarian ). Ketiga Jika sudah ketemu kode </head>, Copy Paste Kode Berikut di atas Kode </head>:

<!-- kondisi home -->
<style type='text/css'>
.post-body {
}
.post img {
padding: 2px; 
margin:0 0 0 7px; 
width: 75px; 
height:75px; 
background: #fff; 
border: 3px solid #0e8fec; 
-webkit-border-radius: 50px; 
-moz-border-radius: 50px; border-radius: 50px;
.post:hover .thumb-post img { 
border: 3px solid #0e8fec; 
-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; 
-webkit-transform:rotate(360deg); 
-moz-transform:rotate(360deg); 
-ms-transform:rotate(360deg); 
-o-transform:rotate(360deg); 
transform:rotate(360deg);
 }
</style>
<!-- /kondisi home -->

jika sudah klik PRATINJAU, jika tidak igin terjadi hal yang tidak diinginkan. bagi sobat yang gx suka dengan sabar bisa langsung klik Save / Simpan Template.


Bagikan ke :

Facebook Google+ Twitter Digg Technorati Reddit
0 Comments
Tweets
Komentar

0 comments:

Post a Comment