Cara mudah memasang ZOOM image di blog Bag.2

by - Selasa, Mei 15, 2012

Cukup Copy Code Di bawah ini dan simpan di HTML kamu.
<style type="text/css">

/*Credits: CSS Library */
/*URL: http://blogspotmania.blogspot.com/ */

.bubblewrap{
list-style-type:none;
margin:0;
padding:0;
}

.bubblewrap li{
display:inline;
width: 65px;
height:60px;
}

.bubblewrap li img{
width: 55px; /* width of each image.*/
height: 60px; /* height of each image.*/
border:0;
margin-right: 12px; /*spacing between each image*/
-webkit-transition:-webkit-transform 0.1s ease-in; /*animate transform property */
-o-transition:-o-transform 0.1s ease-in; /*animate transform property in Opera */
}

.bubblewrap li img:hover{
-moz-transform:scale(1.8); /*scale up image 1.8x*/
-webkit-transform:scale(1.8);
-o-transform:scale(1.8);
}

</style>

<ul class="bubblewrap">
<li><a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuRUAvEonMMfdcrXIHFC8_9ogImeVwQDg3FDG4wFfJWylI7mYtrh07ty0-eEdOlJRthdOJ95ObE1pVHuh9PtnU3s9hJUHylX-RMCZ0QQMbRU29iz-031qMNisRmmOc1_6EU4nQLbicYPWn/f" /></a></li></ul>

Note:
Ganti warna merah jika mau di bikin URl Link kamu #
Ganti code Warna biru dengan Image URL kamu.
Dan Code Ini Cocok nya untuk icon - icon

Jika Jurang Mengerti silahkan hubungi kami.

You May Also Like

0 komentar

Silahkan Berkomentar Dengan sopan :

عن أَبِي سَعِيدٍ الْخدْرِيِّ عَنِ النَّبِيِّ صلى الله عليه وسلم، قَالَ: لَتَتْبَعُنَّ سَنَنَ مَنْ كَانَ قَبْلَكُمْ، شِبْرًا بِشِبْرٍ، وَذِرَاعًا بِذِرَاعٍ حَتَّى لَوْ دَخَلُوا جُحْرَ ضَبٍّ تَبِعْتُمُوهُمْ قُلْنَا: يَا رَسُولَ اللهِ الْيَهُودَ وَالنَّصَارَى قَالَ: فَمَنْ

"Sungguh diantara kalian akan mengikuti apa-apa yang dilakukan bangsa-bangsa terdahulu, selangkah demi selangkah, sehasta demi sehasta walau pun mereka memasuki lubang biawak kamu akan mengikuti mereka". Diantara para sahabat ada yang bertanya "Ya, Rasululah apakah yang dimaksud (di sini) adalah pemeluk agama Yahudi dan Nashrani ?" Rasulullah menjawab "Siapa lagi (kalau bukan mereka) (HR. Bukhari)