CSS3 Efek Gambar Peel Untuk Blogger

Pada artikel ini Tempat Blogging akan menjelaskan bagaimana menambahkan CSS3 Efek Gambar Peel Untuk Blogger. Anda dapat menambahkan widget ini ke sidebar Anda. Jika Anda ingin, Anda dapat menambahkan link ke gambar. Tempat Blogging menggunakan CSS dan HTML untuk widget ini. Anda dapat menggunakan gambar Anda sendiri dengan mengubah link saya sebutkan akhir kode. Anda dapat mengikuti langkah ini untuk menambahkan ke blog Anda.


  1. Login ke blogger.com
  2. Masuk ke bagian Layout / Design
  3. Klik Tambahkan Widget.
  4. Pilih HTML/Javascript.
  5. Copy Kode dibawah ini dan Pastekan di HTML/Javascript.

<style type="text/css">
a.nowandthen{
position:relative;
display: block;
overflow:hidden;
cursor: pointer;
width: 650px;
height: 434px;
}
a.nowandthen img{
position:absolute;
left:0;
top:0;
width: 100%;
height: 100%;
-moz-transition: all 0.4s ease;
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
-ms-transition: all 0.4s ease;
transition: all 0.4s ease;
z-index: 2;
clip: rect(0,650px,434px,0);
}
a.nowandthen img:nth-of-type(2){
z-index: 1;
}
a.nowandthen:hover img:nth-of-type(1){
clip: rect(0,0,434px,0);
opacity: 0;
}
</style>
<a class="nowandthen" href="http://www.blogger.com/null">
 <img alt="" src="http://2.bp.blogspot.com/-XgMF8m5_I4s/Ua9FXCAkg0I/AAAAAAAAHro/Y5WAydhFEXE/s1600/sunset-sunrise-tblogging+(1).jpg" />
 <img alt="" src="http://1.bp.blogspot.com/-VLHb1JqiTWY/Ua9FWGRxVNI/AAAAAAAAHrg/XF1gYctgGSA/s1600/sunset-sunrise-tblogging+(2).jpg" />
</a>
     6. Sekarang Anda Save HTML/Javascript.

Sekarang tinggal Anda cek, berhasil apa tidah script.nya.

Berlangganan update artikel terbaru via email:

3 Responses to "CSS3 Efek Gambar Peel Untuk Blogger"

  1. Genuinely when someone doesn't know then its up
    to other people that they will assist, so here it takes place.


    My page Carpet Cleaning In El Paso TX

    ReplyDelete
  2. I blog quite often and I genuinely appreciate your content.
    This great article has truly peaked my interest.

    I am going to bookmark your blog and keep checking for new details about once per week.
    I opted in for your RSS feed too.

    my blog: http://Lafontana.kr/?document_srl=141580

    ReplyDelete

Blog ini merupakan Blog Dofollow, karena beberapa alasan tertentu, sobat bisa mencari backlink di blog ini dengan syarat :
1. Tidak mengandung SARA
2. Komentar SPAM dan JUNK akan dihapus
3. Tidak diperbolehkan menyertakan link aktif
4. Berkomentar dengan format (Name/URL)

NB: Jika ingin menuliskan kode pada komentar harap gunakan Tool untuk mengkonversi kode tersebut agar kode bisa muncul dan jelas atau gunakan tool dibawah "Konversi Kode di Sini!".

Klik subscribe by email agar Anda segera tahu balasan komentar Anda

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel

close