- Back to Home »
- Blogger , TnT , Tutorial »
- Cara Memperbesar Gambar Di Blog
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>
#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: