Rabu, 23 Mei 2012

Widget Kereta Api Berjalan Di Blog




Naik kereta api...tut...tut...tut, hehehe :):) kreasi unik, orisinil dan dinamis dari MonozCore kali ini mengenai widget kereta api (train). Pasti sobat bertanya-tanya widget yang gimana ya... koq bisa.... bisa sob, coba lihat contohnya di postingan artikel ini... Gimana unik-kan... Oke dech...Widget ini menggunakan trik dasar kode HTML dan sedikit olahan animasi gambar. So.. buat moz's blogger yang pengen menghias blognya dengan widget kereta api ini monggo disimak cara pemasangannya.

Catatan :

Gambar kereta api dan gambar pendukung rencananya akan disediakan dalam beberapa model set kereta api, so... buat yang hobby sama kereta api stay tuned terus di postingan artikel ini untuk melihat pilihan gambar set kereta api lainnya. Jika sobat blogger ingin request set kereta api tertentu atau set kereta api tanpa ada watermark monozcore ataupun dengan watermark yang sobat inginkan, monggo hubungi saya lewat email.
Cara Pemasangan :
  • Login ke blog sobat...


  • Klik "Design" kemudian klik "Edit HTML" setelah itu klik centang pada "Expand Widget Templates", seperti gambar dibawah ini.



  • Cari kode </Body> pada template blog (tekan tombol keyboard CTRL+F untuk menampilkan kotak pencarian di browser dan mempercepat pencarian) kemudian copy kode di bawah ini dan paste di atas kode </Body> tersebut.


    <div style="bottom: 1px; position: fixed; text-decoration: none; width: 100%;">
    <marquee behavior="scroll" direction="left" onmouseout="start()" onmouseover="stop()">
    <a href="http://monozcore.blogspot.com/" target="blank"><img alt="MonozCore train-set" src="https://lh4.googleusercontent.com/-XGVa4obnGBs/T2Bj-S26H4I/AAAAAAAABa0/yvgGhKN-M1I/s800/train-set1.gif" title="Follow me at twitter" /></a>
    </marquee>
    </div>
    <div style="bottom: 1px; left: 100px; position: fixed; text-decoration: none;">
    <img alt="MonozCore train-set" src="https://lh4.googleusercontent.com/-mxFDN0t_jFc/T2BT2L8fENI/AAAAAAAABaY/_pmxIlcP7BU/s800/train-set3.png" />
    </div>
    <div style="bottom: 1px; left: 270px; position: fixed; text-decoration: none;">
    <img alt="MonozCore train-set" src="http://i1254.photobucket.com/albums/hh606/MonozCore/th_train-set4.gif" style="height: 35px;" />
    </div>
    <div style="bottom: 1px; left: 600px; position: fixed; text-decoration: none;">
    <img alt="MonozCore train-set" src="https://lh3.googleusercontent.com/-YnWPATFN4ig/T2CICLEectI/AAAAAAAABbI/y1-Wsr50aiQ/s800/train-set2.png" />
    </div>
    - Keterangan :
    • not available.


  • Klik "Save" dan lihat hasilnya...
http://monozcore.blogspot.com/2012/03/widget-kereta-api-berjalan-di-blog.html

Tidak ada komentar:

Posting Komentar