website monitoring alert Web Development & Design Blogs ip lookup

Cara buat Image n Teks Zoom


Hi Opamer..Opa hadir lagi bawa oleh-oleh ni. Eit tetapi oleh-olehnya bukan makanan atau jajan loh. Opa ada satu pelajaran mungkin ini sangat berguna buat kita semua opamer, Yaitu tentang" Cara buat image zoom dan teks zoom". Nahhh..penasaran bukan? pasti opamer banyak yang mencari tentang pembahasn yang ini. Waduh..PD amat Opa ini hahahaha...Marilah opamer kita mulai belajarnya. Silahkan baca terus dengan teliti agar meresap pelajaran Opa ini. Monggo tutorialnya:

1. Login keBlogger Opamer
2. Tata Letak
3. Edit HTML
4. Cari code ini ]]></b:skin>
5. Copy paste CSS ini diatas kode tadi:

/* Opa-ma.blogspot.com Zoom Efek */

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}
/* Opa-ma css */
.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 60px; /*position where enlarged image should offset horizontally */
}

6. Dah Save dulu CSS nya opamer
7. Langkah berikutnya masih ada loh
8. Copy paste script ini dimana saja:

HTML FOR IMAGE ZOOM
<a class="thumbnail" href="http://opa-ma.blogspot.com/2009/06/cara-buat-image-n-teks-zoom.html"><img src="http://img197.imageshack.us/img197/9165/14891716.jpg" border="0" /><span><img src="http://img188.imageshack.us/img188/4526/18458140.jpg" width="280px" height="200px"/></span></a>
Keterangan : Ganti tulisan yang telah Opa warna kuning dengan Url web dan url image opamer
Contoh jadi:


HTML FOR TEKS ZOOM

<a class="thumbnail" href="http://opa-ma.blogspot.com/2009/06/cara-buat-image-n-teks-zoom.html">http://opa-ma.blogspot.com<span><img src="http://img197.imageshack.us/img197/9165/14891716.jpg" /></span></a>

Keterangan : Ganti tulisan yang telah Opa warna kuning dengan Url web dan url image opamer
Contoh jadi:
Opa-ma.blogspot



NB: Ini juga bisa dipasang di website loh.. caranya hampir sama.
SELAMAT BERBAHAGIA YANG LAGI MENIKMATI LIBUR SEKOLAH....OYI?


----------------------------------------------------------------------------------------------------------------------------------------------------

Sekedar sharing kumpulan daftar "PPC", yang selama ini opa pakai. Free register, tapi opamer bisa dapat income sebagai publisher/penayang iklan:


Susu Kambing Higoat Pertama di Indonesia

  1. google adsense
  2. Kumpulbloggerdotcom
  3. adsensecampcom
  4. klikbloggerDOTcom
  5. AdfDOTly
  6. ziddudotcom
  7. clicksordotcom
  8. KliksayaDOTcom



Opamer are reading the article Cara buat Image n Teks Zoom and this article is http://opa-ma.blogspot.com/2009/06/cara-buat-image-n-teks-zoom.html
Hopefully this articleCara buat Image n Teks Zoom could be useful.
Via Mobile: www.opa-ma.blogspot.com/?m=1


MUNGKIN ARTIKEL DIBAWAH YANG ANDA CARI :




6 comments:

  1. opa aku langsung ke TKP pelajari panduannya.

    ReplyDelete
  2. Opa Turut berduka cita Akan Meninggalnya
    "King Of PoP" "mikel jakson" or "Jacko"...
    Inalilahi roziun

    ReplyDelete
  3. :D test, numpang baca ilmunya ya,

    ReplyDelete
  4. Apakah "Y!M" "Yahoo", "Friendster", "Facebook" Merupakan Sumber dari virus diinternet opa?
    Tolong Seumpama ia.. "Anti Virus" Apa yang Bisa "membasmi virus yang ada disitu"..'Help Pliss'

    ReplyDelete
  5. Opa turut berduka cita..atas kejadian dijakarta..kenapa pengeboman harus terjadi lagi di indonesia??

    kenapa?

    kenapa?

    ReplyDelete

ALANGKAH BAIK DAN BIJAK BILA COPY PASTE ARTIKEL OPA......!
DI IKUT SERTAKAN NAMA SUMBERNYA...............!

"http://opa-ma.blogspot.com"

THANK YOU






GUNAKAN "TAB" PADA KEYBOARD BILA CODE ATAU SUBMIT TIDAK MUNCUL ↓
|Joomla Template|Download|Hacker|Komputer|Tutorial|Cheat| Wisata|XML|

next Prev Home
 

Copyright 2008 - 2014 opa-ma.blogspot.com

.:: Maaf sedikit SELEKTIF, yang ingin pasang BANNER diharap webnya tidak berbau SARA dan PORNOGRAFI || Thank You buat pengunjung baru dan pengunjung lama di www.opa-ma.blogspot.com || Mohon di beri tau bila ada hostingan mati untuk kelancaran teman-teman sehabis Anda || Ctrl + D Gunanya agar komputer atau laptop sobat bisa mengingat Url ini || Semoga bermanfaat Amien ::.||