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>
2. Spiderman Welcome
<div style="bottom:0px;left:0px;position:fixed;z-index:999999;">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjK_qnaxZ_aXuxZ6sjTWMYwz_3RV-rtsqj0rN0xS_uR2x9AHOEHEXoDkWZg7hG1QkqSf9u8BuL2FvHFFLKwPVgKRFrBKBYeuU-lxGusmIp1-_IBG0IHXBU2TS-oR4kuqZgurOH69I-31Q4/s1600/Spiderman+Punch.gif"/>
</div>
3. 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/AVvXsEjLIfO0rNAurtH3uj7-Gmm1evzOF3qisa4EDEuBDIv8uOPM6OeR7MjfhJ152sfJjEz6VTYWnRh7R375YIdhTjhjVz5ERoKDrulwZzmgrzEWwI2JUAO5qzRYxuodDEvyOdQ9eqVG0ETUH88/s1600/Spiderman_Hanging_Blue.gif"/>
</div>
B. Spiderman Bergantung Biru Gelap
<div style="top:0px;left:0px;position:fixed;z-index:999999;">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHyybF0z6lJQt6lWNTUdMrAWJyuE2FZJDxxhxrefKMvqOYWQ3IMb0PnI3Wu2TlOyyomqYrn_Kg6lX9PATFpqmhdDjZ_DI0NOLru3iYYsxLMKzHOcXBCgCgGXpW1qll7Zhd9HCtRgksBIw/s1600/Spiderman_Hanging_Dark.gif"/>
</div>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHyybF0z6lJQt6lWNTUdMrAWJyuE2FZJDxxhxrefKMvqOYWQ3IMb0PnI3Wu2TlOyyomqYrn_Kg6lX9PATFpqmhdDjZ_DI0NOLru3iYYsxLMKzHOcXBCgCgGXpW1qll7Zhd9HCtRgksBIw/s1600/Spiderman_Hanging_Dark.gif"/>
</div>
4. 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/AVvXsEhzrQaChqHk0W9SSkr3GUhn9bSHS9Qy_iHa7tp6auQv9ZMTklKs8GZloIRvCP8zt_5w-0YUKk866iZU46oZGA3NXVrFhou1beQasW8l2R7dUScD7mgOILULiaLSbf1YcPr4CZEhw6zwgBI/s1600/Spiderman_DropOff.gif"/>
</div> - Klik "Save" dan lihat hasilnya...
- 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/AVvXsEgO6gBXHFOEd57tzQK42grr3NV95EjHZRh_ccJY8_hq9xXmRzOiCYfdtyEEAXl5mG_ogUdOp3f3PW8aqeDGmb80zTfGDb0DrnVbr8f82tyJftTJByito1SbXuAnCmp6jiX8Mhtq6ryZhj8/s1600/Spiderman_Glide.gif";
</script>
<script src="http://sites.google.com/site/monozcore/home/MonozCore_WatchingGirl.js"></script>
6. Spiderman Background for Blog
Klik "Save" dan lihat hasilnya...
var ImageURL = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgO6gBXHFOEd57tzQK42grr3NV95EjHZRh_ccJY8_hq9xXmRzOiCYfdtyEEAXl5mG_ogUdOp3f3PW8aqeDGmb80zTfGDb0DrnVbr8f82tyJftTJByito1SbXuAnCmp6jiX8Mhtq6ryZhj8/s1600/Spiderman_Glide.gif";
</script>
<script src="http://sites.google.com/site/monozcore/home/MonozCore_WatchingGirl.js"></script>
- Klik "Save" dan lihat hasilnya...
6. 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/AVvXsEiHHYOvYMRDQcLpQgvhSUCXLxPBXiW_JSE6WyZ7RRo8ajag6DOMKc4TwAhoULUE_NuCIaIzgpPn-1AqVUgfUz8CKlLYB78F-FY1l5HVoUERWwc5NviGsgkngcmOwTSuu8Eh8SpWov-cdkI/s1600/Spiderman_Background.gif") fixed no-repeat center;}</style>
--SEMOGA BERMANFAAT YA GUYS
1 komentar:
Widget blogger jam spiderman bisa juga dijadikan hiasan blog untuk mempercantik tampilan dan menambah daya tarik blog. Cara pembuatannya bisa di lihat disini :
https://www.codeflare.net/2020/01/widget-blogger-jam-digital-spiderman.html
Posting Komentar