Meskipun pada judul di atas hanya mengungkap tentang "Kata sambutan Selamat Datang", namun sebenarnya tidak hanya dapat digunakan untuk hal tersebut, akan tetapi juga dapat digunakan untuk memuat foto/gambar (statis atau animasi) dan teks dalam bentuk yang lain. Flip-flop ini disamping mudah diterapkan ke dalam template juga sangat fleksibel, karena bisa dilakukan perubahan ukuran maupun warnanya. Dan yang lebih penting lagi, bisa dipasang dalam waktu relatif singkat. O...ya, masih ada satu lagi kehebatan "flip-flop"ini. Dia akan selalu muncul di halaman posting bagian bawah, sekalipun halaman terus di geser. Coba saja buktikan kalau nggak percaya ! Langkah untuk memasangnya bisa dilihat di bawah dan kami lengkapi panduan secara detail :
Di bawah ini urutan langkah yang perlu dilakukan :
DOWNLOAD JAVASCRIPT
=>
UPLOAD JAVASCRIPT
=>
CATAT-URL JAVASCRIPT
=>
LOGIN-KE BLOGGER
=>
TATA LETAK
=>
ELEMEN LAMAN
=>
TAMBAH GADGET
=>
KLIK-JAVA SCRIPT/HTML
=>
COPYPASTE KODE
=>
KLIK SIMPAN
1. Silahkan downnload javascript di samping kanan DOWNLOAD JAVASCRIPT .
2. Setelah di upload ke file hosting (bisa di ripway.com atau yang lain), ganti kode yang berwarna merah dengan URL hasil upload anda dan langsung ikuti langkah di atas untuk mencobanya terlebih dahulu. Lihat hasilnya di blog anda!
Berikut kode yang harus di copy paste :
<script type="TEXT/JAVASCRIPT">
//bloggerstars
//lakukan modifikasi dan masukkan teks dan hal lain yang akan di tampilkan di bawah ini
var message='<b><table style="width:1000; height:100;"><td kiri style="float:left; width:150; height:100;"><img src="http://www.fond-ecran.net/icones/parishilton_014.jpg"/></td><td tengah style="width:720; height:100; color:#01fddc; font-size:22px; font-family: Times New Roman;"> * Selamat Datang ! * Selamat menikmati sajian kami *<a href="har-bloggerstars.blogspot.com"> * bloggerstars *</a></font><p style="font-size: 15px; color:yellow;">Ada kuda makan rempeyek, tersandung batu giginya ngilu (LHO?) *** Kalau malam kerjanya "MELEK", siang hari "NGOROK" melulu !!! Ha...ha...ha....Pasti Kamu, ya ?! * </p></td><td kanan style="float:right; width:150; height:100;"><img src="http://www.fond-ecran.net/icones/parishilton_014.jpg"/></td></table></b>'
//enter a color name or hex to be used as the background color of the message
var backgroundcolor="#211f1f"
//border
var bordercolor="#001efd"
var bordersize="2px"
//enter 1 for always display, 2 for ONCE per browser session
var displaymode=1
//Set duration message should appear on screen, in seconds (10000=10 sec, 0=perpetual)
var displayduration=0
//enter 0 for non-flashing message, 1 for flashing
var flashmode=1
//if above is set to flashing, enter the flash-to color below
var flashtocolor="brown"
</script>
<script src="http://bloggerstars.com/Banner_FLIP-FLOP.js" type="text/javascript">
// * bloggerstars * har-bloggerstars.blogspot.com *
// * Banner FLIP-FLOP *
</script>
3. Setelah berhasil dicoba beberapa kode di bawah bisa diganti untuk disesuaikan dengan template/blog anda.
- kode berwarna oranye: untuk merubah ukuran tinggi, lebar, kecepatan dan yang lain.
- kode berwarna hijau: untuk URL gambar dan URL milik anda yang berkaitan dengan blog
- kode berwarna biru : untuk teks yang ingin ditampilkan.
4. Semua kode ditempatkan di ruang Javascript/HTML pada Elemen Laman--> Tambah Gadget
Selamat berkarya dan perbanyak "MELEK" sambil ngopi yang yang banyak dan jangan lupa menyiapkan pisang goreng di atas meja !!!
0 Response to 'Membuat Animasi Flip-Flop Kata Sambutan plus Banner'
Posting Komentar