Selasa, 14 Mei 2013

Widget Setan Jalan di Blog

Setan Jalan di Blog | Gambar Berjalan di Blog ~  Hari ini saya akan share sebuah Blogger Tutorial mengenai cara memasang gambar Setan Jalan di Blog. He kalau di lihat dari judulnya orang pasti akan mengira ada setan beneran masuk ke blog, ya kan?ya dong?ya aja daaah?. Sebenarnya setan ini cuma sebuah gambar animasi berjalan di tempat dan di beri effect marquee sehingga membuatnya tampak seperti berjalan keluar masuk blog dari kiri ke kanan. Untuk contohnya kalian bisa lihat di blog kalian sendiri setelah memasangnya.


Red Devil


Kalian yang suka yang bernuansa Gothic atau penggemar Red Devil, saya yakin kalian pasti suka. Cekidot.

- Pertama login ke akun blogger kalian

- Pilih Rancangan/Designe >> klik Edit HTML >> kemudian cari kode </body> tekan Ctrl+F untuk mempercepat pencarian kode

- Setelah ketemu, Copas kode di bawah ini di atas  kode </body>

<div id="jazztheboys"
      style="bottom: 0px;
                left: 0px;
                position: fixed;
                right: 0px;">

  <marquee behavior="left" direction="right" scrollamount="5">

    <a href="http://jazztheboys.blogspot.com/" target="_blank">

      <img src="http://i1176.photobucket.com/albums/x335/b0_0ys/devilanimasi.gif"
                style="cursor: pointer;" />

    </a>

    Aku Setan
  </marquee>
</div>


Keterangan :
Pada ketikan bottom bisa diubah dengan top dan 0px itu bisa diubah sesuka kalian, coba aja sendiri 
Pada ketikan right dan left bisa bisa kalian ubah, tergantung gambar animasi kalian sedang berjalan kemana. Pada kode diatas setan berjalan dari kiri ke kanan blog karena setannya juga menghadap ke kanan.
Pada ketikan 5 adalah kecepatan marquee, makin besar angkanya maka akan semakin cepat pula jalannya begitu pun sebaliknya.
Pada text http://i1176.photobucket.com/albums/x335/b0_0ys/devilanimasi.gif adalah URL atau alamat gambar kalian.
Pada ketikan Aku Setan itu text tambahan, kalo gak mau di delete aja.

- Terakhir setelah rampung semuanya klik Simpan Template

Happy Blogging All^^

0 komentar:

Posting Komentar

Share

Twitter Delicious Facebook Digg Stumbleupon Favorites