Assalamu'alaikum Warohmatullohi Wabarokatuh
Selamat Datang Di Situs Kami
Bismilahirrahmanirrahim
Tafsir Mimpi atau Arti mimpi ini Sebagian Besar Di ambil dari Kitab Ta'bir Ru'yah Shoghir karya Ulama Besar Syekh Muhammad Bin Sirrin. Disertai Dengan Contoh dan Kisah nyata dari berbagai Sumber Semoga Bisa Bermanfaat. Serta Artikel artikel Islami, Semoga Menambah Hasanah Ke Islaman Kita... Amin
Klik Blogger - Cara membuat efek Gambar menjadi Besar "Image Hover"
ImgD{
float:left;}.rad10R{float:right;}
.rad10C,.rad10C0{
float:none;display:block;margin:0 auto;
}
.ImgD:hover {
border-radius:20px;-moz-border-radius:20px;-webkit-border-radius:20px;
box-shadow:-2px -2px 8px #03b5ff, 2px 2px 20px #03b5ff;
-moz-box-shadow:-2px -2px 8px #03b5ff, 2px 2px 20px #03b5ff;
-webkit-box-shadow:-2px -2px 8px #03b5ff, 2px 2px 20px #03b5ff;
-o-transform:scale(1.4) translate(40px,40px) rotate(0deg);
-moz-transform:scale(1.4) translate(40px,40px) rotate(0deg);
-webkit-transform:scale(1.4) translate(40px,40px) rotate(0deg);
background:#555;-o-transition: all 1.2s ease-in;
-moz-transition: all 1.2s ease-out;
-webkit-transition: all 1.2s ease-in;
}
Aang
03.36
New Google SEO
Bandung, IndonesiaTutorial Blogger, Image hover adalah Efek yang bisa membuat gambar bisa menjadi lebih besar apa bila di dekati oleh mouse /cursor.Cara membuat nya :
- login ke blogger
- pilih rancangan
- masuk ke edit HTML
- Centang
- Cari kode ( bantuan F3) ]]></b:skin> terus pastekan kode script di bawah ini tepat di atas nya
ImgD{
float:left;}.rad10R{float:right;}
.rad10C,.rad10C0{
float:none;display:block;margin:0 auto;
}
.ImgD:hover {
border-radius:20px;-moz-border-radius:20px;-webkit-border-radius:20px;
box-shadow:-2px -2px 8px #03b5ff, 2px 2px 20px #03b5ff;
-moz-box-shadow:-2px -2px 8px #03b5ff, 2px 2px 20px #03b5ff;
-webkit-box-shadow:-2px -2px 8px #03b5ff, 2px 2px 20px #03b5ff;
-o-transform:scale(1.4) translate(40px,40px) rotate(0deg);
-moz-transform:scale(1.4) translate(40px,40px) rotate(0deg);
-webkit-transform:scale(1.4) translate(40px,40px) rotate(0deg);
background:#555;-o-transition: all 1.2s ease-in;
-moz-transition: all 1.2s ease-out;
-webkit-transition: all 1.2s ease-in;
}
- jangan Lupa Save dan Selamat Mencoba
- Kembali Ke Rancangan dan Tambah HTML/java Script pada halaman sesukamu
- kemudian Save Kode di Bawah ini :
<img class="ImgD" height="162" id="#" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGb0Qy2GPvcYPrUt_obFY3NPndsWS2uAT2TlmhXfKWKMp7FXsgYYbE_hSLYwTXhjTxJVD8xjfHwx1T_5eNqHbHZ7UakrccZ9v8OcGZt_BLcNm8f-EnvE-AXAFo-bVY5EgDJtkxBSYDdZTN/s320/Budaya+tato+atau++Titi+terlama+di+dunia.jpg" style="height: 162px; width: 200px;" width="200" />
ganti teks berwarna biru dengan url gambar kamu......contoh hasil image hover :
