Kumpulan Widget Animasi Spiderman

SPIDERMAN...Salah satu superhero yang banyak disukai orang termasuk saya. Nah pada postingan artikel kali ini saya akan membahas beberapa widget yang bertemakan Spiderman. Ide untuk membuat kumpulan widget dengan karakter Spiderman saya dapatkan dari beberapa kali blogwalking ke blog tetangga kemudian timbul ide untuk membuat satu postingan tentang kumpulan widget bertemakan spiderman... Buat yang tertarik monggo langsung dipilih saja.

Anda mau pasang widget SPIDERMAN super keren ???
Nah, ikuti tutorialnya di bawah ini :

1. Climbing Spiderman for Blog
  • Login ke blog anda...
  • Klik "Option" kemudian klik "Template" Setelah itu klik "Edit HTML".
  • Cari kode <Body> kemudian letakan kode berikut ini tepat di bawah kode <Body> atau letakan di bagian gadget/widget.
    <script src="http://sites.google.com/site/monosbit/monosbit_Spiderman_Climb.js"></script>
  • Klik "Save Template" dan lihat hasilnya...
2. Spiderman Clock

  • Login ke blog anda...
  • Klik "Option" kemudian klik "Layout" Setelah itu klik "Add Widget" dan pilih "HTML / Javascript".
  • Letakan kode berikut ini di gadget/widget.
    <div style="background-color:#000;border:1px black solid;border-radius: 8px; height: 250px; padding: 4px 0 4px 0; width: 250px;">
    <embed wmode="transparent" src="http://sites.google.com/site/monozcore/home/Spiderman_Clock.swf" style="height: 100%; width: 100%;"></embed></div>
  • Klik "Save" dan lihat hasilnya...
3. Spiderman Welcome
  • Login ke blog anda...
  • Klik "Option" kemudian klik "Layout" Setelah itu klik "Add Widget" dan pilih "HTML / Javascript".
  • Letakan kode berikut ini di gadget/widget.

    A. Spiderman Welcome 1


    <div style="bottom:0px;left:0px;position:fixed;z-index:999999;">
    <embed src="http://sites.google.com/site/monozcore/home/Spiderman_Welcome.swf" wmode="transparent"></embed>
    </div>

    B. Spiderman Welcome 2


    <div style="bottom:0px;left:0px;position:fixed;z-index:999999;">
    <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmzyFTGBK99pbMkk7K2hC8cszlaSSlMGRgiCMf8tZ2I8vYH-cVZr4_MUYnmUYkelQrZ5JY974Xt6lZAG1BemyegIHvQyrHwPby_viZGmIaeIMMVrMloJPxk_S5P-sQeytBNIPtVo1EbAY/s1600/Spiderman+Punch.gif"/>
    </div>
  • Klik "Save" dan lihat hasilnya...
4. Spiderman Bergantung
  • Login ke blog anda...
  • Klik "Option" kemudian klik "Layout" Setelah itu klik "Add Widget" dan pilih "HTML / Javascript".

  • A. Spiderman Bergantung Biru
  • Letakan kode berikut ini di gadget/widget.
    <div style="top:0px;left:0px;position:fixed;z-index:999999;">
    <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6ipiqMbyhSpIISv2gjzTt6IhD3iZQfJK3MfAO8mE9zYOzexWs_IcrTg_u1dOcw_VDzaDYfZkyTFJ5j_NfRUDzxnC7Y3ODNYlvKnTMDE1SYhPUwcGDHI-lhIHICPoBbW_jWZX-UYFMAKg/s1600/Spiderman_Hanging_Blue.gif"/>
    </div>

  • B. Spiderman Bergantung Biru Gelap

  • Letakan kode berikut ini di gadget/widget.
    <div style="top:0px;left:0px;position:fixed;z-index:999999;">
    <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMGeWGipc2sHmILnJgd0x5GpZE6BBSKcmKBVm748CVA1aZ15BE2TYf88qk0WwKpjh6L1equfh17vMoHQLtnofky8t6xYrKcS-Lw_4WFEwlgnbXTLE_Q4dgBDqipLwSSBtQqHLlfRogG5w/s1600/Spiderman_Hanging_Dark.gif"/>
    </div>
  • Klik "Save" dan lihat hasilnya...
5. Spiderman Drop Off
  • Login ke blog anda...
  • Klik "Option" kemudian klik "Layout" Setelah itu klik "Add Widget" dan pilih "HTML / Javascript".
  • Letakan kode berikut ini di gadget/widget.
    <div style="bottom:0px;right:0px;position:fixed;z-index:999999;">
    <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjw1Jns-EJbWDcSiIkMTNYql-fKM_er6dLZMFGRohB4mjQ5N29RYzuYv0HFk0hC0K4UQEAvKzbX_guyS9nRTKsE0qsg_46VPga6zOoHa1h8-48WYrWRGORTbNM9bY3J9bP78QkJQhj1Dnc/s1600/Spiderman_DropOff.gif"/>
    </div>
  • Klik "Save" dan lihat hasilnya...
6. Spiderman Glide
  • Login ke blog anda...
  • Klik "Option" kemudian klik "Layout" Setelah itu klik "Add Widget" dan pilih "HTML / Javascript".
  • Letakan kode berikut ini di gadget/widget.
    <script>
    var ImageURL = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7IeWAA0HLVdzuNLsFSMkTtdiOcUa6xYgfKIczyXBkmJn1ZB1bprrKrmNhuP7EOEzhcipNXqLDmFmV0oDZYYjmz8TYzREsUgXobo_7mHZ7SkhMLqNP6tA0C-xp4X3NH14wcftoiuoR6cI/s1600/Spiderman_Glide.gif";
    </script>
    <script src="http://sites.google.com/site/monozcore/home/MonozCore_WatchingGirl.js"></script>
  • Klik "Save" dan lihat hasilnya...
7. Spiderman Background for Blog
  • Login ke blog anda...
  • Klik "Option" kemudian klik "Layout" Setelah itu klik "Add Widget" dan pilih "HTML / Javascript".
  • Letakan kode berikut ini di gadget/widget.
    <style>body{background: #333 url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRgwbTzIA09uoMAv1ft5S33w5jnpYEXmn7mhs9YN5JNNfW0S-jhCfu1EUR2qOTwyv_GkTxyaXED0x8Wj1aq2qlRSk1ruzTfLmjzPgms1sk853jUwn2TG29ZJExEgm-PdYmXnvCB2R8EZI/s1600/Spiderman_Background.gif") fixed no-repeat center;}</style>
  • Klik "Save" dan lihat hasilnya...
.:Semoga Bermanfaat:.

1 Response to "Kumpulan Widget Animasi Spiderman"

Popular Post

loading...