• Home
  • Tutorial Keamanan
  • Tutorial Blogging
  • Tips Kesehatan
  • Unik
  • Template Blogspot
  • Contact
  • Technology Tower
    Home » tutorial blog » Membuat Gambar Pada Posting Bergerak Saat di Sentuh Kursor

    Membuat Gambar Pada Posting Bergerak Saat di Sentuh Kursor

    Posted by Unknown Posted on Selasa, Juli 31, 2012 with 10 comments
    Hai sob, Andi-Techno kembali membawa trik buat blogger, yang merasa udah master blogger boleh lewatin artikel ini sob, ini cuma trik newbie sob. Membuat Gambar Pada Posting Bergerak Saat di Sentuh Kursor, gimana tuh maksudnya? coba sobat arahkan kursor sobat ke gambar dibawah ini:
    nah gambarnya gerak kan sob saat disentuh kursor mouse, mau tau cara membuatnya?
    check this on:

    1. Masuk ke Blogger (saya masih memakai tampilan blogger lama saat artikel ini ditulis) > Klik Rancangan > Klik edit HTML
    2. Cari kode ]]></b:skin> dengan bantuan CTRL+F agar lebih mudah, lalu letakkan atau paste kode dibawah ini setelah / dibawahnya kode ]]></b:skin> tadi.
    kode:

    <b:if cond='data:blog.pageType == &quot;item&quot;'><style type='text/css'>
    .post img {border:3px solid #1e1e1e;-webkit-transition: all 0.4s ease-in-out;}.post img:hover{margin-left:20px}</style> </b:if>
    3. Klik simpan template.

    sekarang coba lihat salah satu artikel sobat yang ada gambarnya dan arahkan kursor ke gambar tersebut.

    semoga berguna :D baca juga: Membuat Menu Navigasi Vertikal Keren di Blog dengan Efek Transisi

    keyword: gambar bergerak saat disentuh mouse, membuat gambar keren pada artikel blog, trik blogger, bagaimana cara membuat gambar yang bergerak saat disentuh kursor mouse
    Share To :
    FACEBOOK DIGG TWITTER GOOGLE+ LINTASKAN STUMBLEUPON

    10 comments

    avatar
    Balas
    Anonim delete 4 Desember 2012 pukul 03.47

    saya sdh coba scriptnya.tapi ada masalah,kalau saya ikut sertakan code style .di tamplate saya jad ada tulisan script yang saya pasang di atas navbar.solusinya om.

    avatar
    Balas
    Unknown Admin delete 13 Januari 2013 pukul 08.29

    simple tapi hasilnya eemmmmmmmm!

    avatar
    Balas
    Unknown Admin delete 13 Januari 2013 pukul 10.43

    Cilung Abon >>> sama-sama sob

    avatar
    Balas
    Alfiansyah delete 6 Februari 2013 pukul 13.39

    Terima kasih berhasil ^^
    cek nomor2.blogspot.com

    avatar
    Balas
    Unknown Admin delete 6 Februari 2013 pukul 15.29

    Wahyu Alfiansyah >>> hehe sama-sama sob :D

    avatar
    Balas
    Anonim delete 21 Februari 2013 pukul 09.34

    gan itu kan bergeraknya ke kanan klau ke atas gimna...?

    avatar
    Balas
    Unknown Admin delete 1 Maret 2013 pukul 20.37

    bingung soalnya gak ngerti :/

    avatar
    Balas
    Unknown Admin delete 1 Maret 2013 pukul 21.48

    bingungnya dibagian mana?

    avatar
    Balas
    Unknown Admin delete 17 Juli 2013 pukul 11.43

    aku dah coba tapi kok gak bisa yah..

    avatar
    Balas
    pulsaekstra delete 18 November 2013 pukul 21.03

    Matur Thangkyu Gan...dah aku terapin langsung tokcer he...he...
    Salam Sukses

    Hargai penulis dengan cara memberikan komentar di artikel ini ya sobat.
    Dan berkomentarlah dengan kata-kata yang sopan.

    "Jangan Menggunakan Link Aktif di Komentar" (akan dihapus)

    Untuk menyisipkan gambar dalam komentar : <i rel="image">URL GAMBAR</i>

    Posting Lebih Baru
    Posting Lama
    Beranda
    Lihat versi web

    Tutorial Blogging

    ▼
    | Security | Multimedia | System Tuning | Developer | Games | Tools | Converted | Browser | Messanging | File Sharing | Desktop | Office | Compress |
    Copyright © 2013. Technology Tower - All Rights Reserved
    Designed By ZuLThinK
    Proudly Powered By Blogger