Monday, August 13, 2012

Cara Menambahkan Efek Goyang Pada Label dan Link Blog



Jika kamu menggunakan widget label yang standar dan biasa-biasa saja, ada baiknya kamu mencoba widget yang satu ini. Yakni menambahkan efek "goyangan" pada setiap link dan tulisan label yang ada di blog kamu. tentunya dengan menambahkan efek ini, widget label kamu akan terlihat lebih atraktif dan menarik tentunya. Lihat caranya di bawah ini oke :

1. Login ke Blogger.com

2. Klik Template --> Backup dahulu tempate kamu.

3. Masih di bagian template, kamu klik Edit HTML --> klik Lanjutkan --> Centang "Expand Widget Template"

4. Cari kode </head>, gunakan ctrl+f untuk memudahkan pencarian. Kemudian kamu salin kode Javscript d bawah ini. Dan letakkan di atas kode </head>.

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js' type='text/javascript'>
</script>
<script type='text/javascript'>
    var dur = 400; // Duration Of Animation in Milli Seconds
    $(document).ready(function() {
        $('a.linknudge, .Label ul li a').hover(function() {
            $(this).animate({
                paddingLeft: '25px'
            }, dur);
        }, function() {
            $(this).animate({
                paddingLeft: 0
            }, dur);
        });
    }); // end of Jquery Script
</script>

5. Simpan template dan sekarang setiap orang yang klik link kamu akan bergoyang. Yihhaaaa

Postingan Terkait:

16 comments:

  1. sekedar saran sob...
    kalau mau nambahin script mending pake gadget aja.. kalau kamu kebanyakan edit html, yang ada malah blogku dipandang rendah google. Dulu aku pernah kayak gitu. Gara-gara keseringan edit sana sini,,, padahal awalnya sering nampang, lama-kelamaan turun 2-3 peringkat di SERP... baik artikel maupun homepage

    ReplyDelete
    Replies
    1. sepertinya tidak berpengaruh antara pasang gadget dengan penurunan peringkat di mesin pencari. Saya belom menemukan sumber artikelnya.

      Delete
    2. Kalau gadget ga pengaruh sob. Kalau kebanyakan edit html tuh yang ngaruh... itu sih dari pengalamanku. Coba aja kalau ga percaya

      Delete
    3. kalau meng-edit template untuk optimasi saya rasa tidak akan berpengaruh, kalau berganti template baru bisa berpengaruh karena dengan mengganti template ke yang baru bisa menghilangkan meta tag yang sudah terpasang. Blog saya gonta-ganti html buktinya ga ngaruh sama sekali. Bahkan dulu PR saya sempat melonjak dari 0 ke 2

      Delete
  2. pertamax dulu gan . .makin bagus ntar jadinya gan . .

    ReplyDelete
  3. wah pake javascript ya, takutnya ntar bikin lemot gan...

    ReplyDelete
  4. . . jadi ini goyang semua donk?!? aq udah pernah pake tapi sekarang udah gak . .

    ReplyDelete
  5. goyang itu maksudnya gimana? pas di-klik katanya terus jadi goyang2 ? atau goyang terus tanpa di-klik?
    Request donk... Ada yg goyang bebek ga? hehe..

    ReplyDelete
    Replies
    1. disorot aja udah goyang neng :), kalau untuk goyang bebek, adminnya yang goyang :D

      Delete
  6. wah mantab nih tutorialnya.. thanks ya.. :)

    ReplyDelete
  7. hehehe...kayaknya asyik, tapi saya enggak aja deh. :)

    ReplyDelete
  8. Link goyang itu maksudnya link nudge ya?

    ReplyDelete
  9. ga ada yang menjelaskan apa arti link goyang dan contohnya.... jadi??

    ReplyDelete

Komentarmu menunjukan kecerdasanmu, Kalau komentar cuma buat cari link buat apa ? :)

Twitter Delicious Facebook Digg Stumbleupon Favorites More