Halo sob,pagi pagi gini enak nya posting sobb,dari pada tidur"ann di rumah,kan sekarang siwaratri jadi saya puasa dehh,dari pada tidur lebih baik saya posting ni sobb.
Kali ini SENIMAN BLOGGER mw memposting tentang tips dan trik memberikan animasi di website/blog anda.sebelum Seniman Blogger memposting berikan jempol nya dlu ya sobb :D
Kita kembali lagi pada pokok bahasan, Pernahkah sobat pada suatu saat mengunjungi blog milik orang lain dan sobat melihat ke bawah ada sebuah animasi atau gambar yang bergerak ke kiri lalu ke kanan ataupun sebailknya?
Dari pada sobat hanya heran dan bingung atau penasaran saja, sekarang sobat bisa melihat langsung di bawah ini.
Jika sobat tertarik ingin membuat dan memasangnya pada blog sobat, saya punya tips dan triknya untuk membuat animasi berjalan seperti itu. Cara membuat dan memasangnya di blog sangatlah mudah, karena sobat hanya memasang kode pada widget blog dan tidak perlu susah-susah edit HTML dalam template blog sobat. Dan tentunya hal itu sangatlah rumit di lakukan oleh para blogger pemula atau newbie seperti saya ini.
Silahkan sobat ikuti langkah-langkahnya untuk
membuat Foto dan Gambar Bergerak di Blog atau Cara Membuat Animasi Berjalan Di
Bagian Bawah Blog adalah sebagai berikut ini:
1. Silahkan sobat >> "Masuk atau Login" ke blogger.com menggunakan akun sobat.
2. Pada Dashboard tampilan blogger baru, Pilih Menu >> Tata Letak >> Tambah Gadget >> HTML/Javascript.
Jangan di beri judul.
3. Kemudian silahkan sobat masukkan Kode Script di bawah ini ke dalam kotak Konten HTML/Javascript. Pilih salah satu kode saja yang sobat sukai.
Animasi
zombie berjalan loncat”
<div
id="DADrun" style="bottom: 0px; left: 0px; position: fixed;
right: 0px;"><marquee behavior="left"
scrollamount="7">
<img border="0" src="http://i1093.photobucket.com/albums/i440/putraeka1/th_avatar2088630_11.gif?t=1295005006"
style="cursor: pointer;" /></a></marquee></div>
Animasi naruto
berjalan berubah ubah
<div id="DADrun" style="bottom: 0px; left: 0px; position: fixed; right: 0px;"><marquee direction="right" behavior="left" scrollamount="7">
<img border="0" src="http://i446.photobucket.com/albums/qq182/kisot06/Naruto1%20gif/NarutoShippuudden.gif"
style="cursor: pointer;" /></a></marquee></div>
Animasi
kiba naik hewan berlari
<div id="DADrun"
style="bottom: 0px; left: 0px; position: fixed; right:
0px;"><marquee direction="right" behavior="left" scrollamount="7">
<img border="0" src="http://i446.photobucket.com/albums/qq182/kisot06/Naruto1%20gif/KibaAkamaru.gif"
style="cursor: pointer;" /></a></marquee></div>
Animasi
neji strikes mainkan jurus
<div id="DADrun"
style="bottom: 0px; left: 0px; position: fixed; right: 0px;"><marquee direction="right" behavior="left" scrollamount="7">
<img border="0" src="http://i446.photobucket.com/albums/qq182/kisot06/Naruto1%20gif/NejiStrikes.gif"
style="cursor: pointer;" /></a></marquee></div>
Animasi
leecombo beraksi
<div id="DADrun"
style="bottom: 0px; left: 0px; position: fixed; right:
0px;"><marquee direction="right" behavior="left" scrollamount="2">
<img border="0" src="http://i446.photobucket.com/albums/qq182/kisot06/Naruto1%20gif/Leecombo.gif"
style="cursor: pointer;" /></a></marquee></div>
Animasi
jurus andalan
<div id="DADrun"
style="bottom: 0px; left: 0px; position: fixed; right:
0px;"><marquee behavior="left" scrollamount="7">
<img border="0" src="http://pic60.picturetrail.com/VOL1698/12134860/21582353/355343243.jpg"
style="cursor: pointer;" /></a></marquee></div>
Animasi
kakashi
<div id="DADrun"
style="bottom: 0px; left: 0px; position: fixed; right:
0px;"><marquee direction="right" behavior="left" scrollamount="2">
<img border="0" src="http://i446.photobucket.com/albums/qq182/kisot06/Naruto1%20gif/Kakashi.gif"
style="cursor: pointer;" /></a></marquee></div>
Animasi jiraya menaiki kodok
<div id="DADrun"
style="bottom: 0px; left: 0px; position: fixed; right:
0px;"><marquee behavior="left" scrollamount="2">
<img border="0" src="http://i446.photobucket.com/albums/qq182/kisot06/Naruto1%20gif/JiraiyaSummoned.gif"
style="cursor: pointer;" /></a></marquee></div>
KETERANGAN:
- Silahkan
sobat pilih salah satu
Kode saja di atas.
- Kode berwarna BIRU adalah Kode Alamat URL Image atau
gambar. Bisa sobat
ganti dengan Alamat URL
Image atau gambar milik sobat sendiri.
- Kode berwarna PINK (direction="right") adalah Kode
Marquee berjalan dari kiri ke kanan. Silahkan di hapus, Jika
sobat ingin merubah arah dari kanan ke kiri.
- Kode berwarna MERAH (scrollamount="7") adalah Kode Marquee Kecepatan
Berjalan atau melintas. Silahkan sobat atur nilainya sesuai dengan keinginan sobat.
Semua kode diatas sudah pernah saya uji dalam blog seniman blogger, Jadi semua trik diatas dapat di pastikan berhasil 100%. Jika sobat masih mengalami kesulitan dalam pemasangan kode, silahkan bertanya pada form komentar yang tersedia. Bila ada waktu, sebisa mungkin saya akan membantu memecahkan permasalahan sobat dalam memasang kode animasi berjalan pada blog.
Namun jika sobat sudah berhasil membuat dan memasang animasi berjalan di blog sobat, Itu artinya tips dan trik saya berhasil dengan sempurna. Jangan lupa di like dan juga di follow blog seniman blogger ini.
0 komentar:
Posting Komentar