Posted by : jalzae Friday, May 4, 2012

Karna Saya senang Rooftop Prince Episode 14 udah bisa didownload
Terus Download nya cepet pake INI
saya mau bagi bagi tutorian bagaimana cara gambarmu jadi kayak gini?? Coba sorot gambar dibawah ^_^

 









Keren kan...Nah kalo Mau Bikin Bagaimana ya ^_^ check it out..

1.Login Blogger ~~>

2.Jika Template Kamu Template Lama...Masuk Ke Design~>Edit HTML
   ~~>Jika Template Baru..Langsung Ke Template..EDIT HTML

3.Cari Kode </head>

4.Letakkan Kode Berikut Di Atas Kode </head> 

<style type="text/css">
#jalz div {
height:100px;
width:100px;
-webkit-transition: all 2s ease-in-out;
-moz-transition: all 2s ease-in-out;}

#jalz div:hover {
padding-top:0;
padding-left:0;
padding-top:0;
padding-right:0;
-webkit-transform:scale(3,3);
-moz-transform:scale(3,3);}

#jalz img {
border: 3px solid #D8D8D8;
border-style:double;
}
</style> 


5.Setelah itu.....Upload Gambar Kamu....

Setelah diupload...kamu akan memperoleh URL Gambar Kamu...

contoh

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgF8y3O4-oLzOxA34t9M7ROfxlUWDCJ1OQgU-sgbs4JG2Qaz113JmtY4bshBqIRiAygB6b0wWBT8Q46MCT7AiatQ4wKuPVWHopRL-Z7HOakiSSGedOUhKuwuFSCTt5oEgevFOpFxEYHBaqr/s200/pin+always+keep+the+faith.jpg">
 
 
Sisipkan Kode Berikut Diantara Kode Tersebut
 
<div id='jalz'>
<div class='hover'>
 
~~>Lettakkan Kode Gambar Disini<<~~
 
</div></div> 
 
 
Sehingga Menjadi 
 
 <div id='jalz'>
<div class='hover'>
 
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgF8y3O4-oLzOxA34t9M7ROfxlUWDCJ1OQgU-sgbs4JG2Qaz113JmtY4bshBqIRiAygB6b0wWBT8Q46MCT7AiatQ4wKuPVWHopRL-Z7HOakiSSGedOUhKuwuFSCTt5oEgevFOpFxEYHBaqr/s200/pin+always+keep+the+faith.jpg">
 
</div></div> 
 
 
dan Hasilnya adalah !!
Berikut:
 
 







Leave a Reply

Subscribe to Posts | Subscribe to Comments

Popular Post

Followers

- Copyright © 2013 Jejak Catatan Langkah Merah Mimpi -Metrominimalist- Powered by Blogger - Designed by Johanes Djogan -