posted by: irv4n s@ndEr
Memberikan sentuhan
animasi pada judul blog.
Memberikan sentuhan animasi pada judul blog maksudnya yaitu
membuat teks atau gambar berjalan pada title atau judul blog dengan menggunakan efek marquee. Jika anda
sering browsing ke blog teman-teman dan melihat teks/ judul blog mereka berjalan
dAn anda ingin membuat namun andA belum tahu caranya,sekarang andA jangan
khawatir lagi hanya dalam hitungan menit saja
anda juga bisa membuatnya seperti
itu karena tutorial saya ini akan
memberitahukan cara dan langkah-langkah dalam pembuatannya,asAlkan anda simak
dengan benar tutor saya.kembali pada pembahasan mengenai efek marquee pada
postingan saya sebelum yaitu “ menggunakan efek marquee/ tulisan berjalan di blog “ saya menyediakAn code berbagai jenis efek marquee , dengan
menggunakan beberapa jenis efek marquee kita akan membuat judul blog anda
berjalan dengan keinginan anda seperti bergerak dari kiri-kekanan, dari
kanan-kekiri, atas ke bawah,bawah ke atas atau juga mondar-mandir dan lain
sebagai sesuai dengan keinginan anda yang penting ente senang!!!
ok langsung aja ke langkah
pembuatannya lihat code html di bawah ini:
<b:if cond='data:blog.url ==
data:blog.homepageUrl'>
<data:title/>
<b:else/>
<a expr:href='data:blog.homepageUrl'><data:title/></a>
</b:if>
caranya ikuti langkah berikut ini……..!!!
2. Pada
menu dasbor pilih-click template.
3. Untuk menghindari
kesalahan pahaman atau kerusakan terlebih dahulu anda membackup terlebih
dahulu template anda dengan cara
pilih cadangkan/pulihkan– click unduh template lengkap . masih pada menu pengaturan template
kemudian anda pilih edit html setelah itu Centang " Expand Widget Template ". .
4. Setelah itu
cari kode atau tulisan yang sama persis seperti code diatas tadi. Supaya pencarian lebih cepat
gunakan tombol Ctrl + F.
5. Setelah ketemu
code diatas hapus dan ganti code yang berwarna kuning ( <data:title/> ) dengan
kode di bawah ini :
<marquee onmouseout='this.start()'
onmouseover='this.stop()' scrollamount='4'><data:title/></marquee>
Sehinnga hasilnya seperti di bawah ini:
<b:if cond='data:blog.url ==
data:blog.homepageUrl'>
<b:else/>
<a expr:href='data:blog.homepageUrl'><data:title/></a>
</b:if>
6. Save/simpan template
dan
lihat hasilnya.
Anda juga bisa menganti/ mengatur code yang
berwarna kuning sesuai keinginan anda.
Ket:
scrollamount='4' (
menunjukan kecepatan teks yang akan ditampilkan )
jika anda ingin menambahkan
image /gambar caranya anda cukup
menyisipkan code alamat url image anda pada kode diatas.
Contohnya:
# menyisipkan gambar sebelum
teks judul blog anda dengan cara :
scrollamount='4'>………
sisipkan alamat img anda disini …..<data:title/></marquee>
# menyisipkan gambar sesudah teks judul blog anda dengan cara :
andA juga bisa mengganti jenis tampilan efeks
marquee nya sesuai dengan keinginan anda dengan cara mengganti code marquee nya
dengan yang lain.
lihat lagi lebih banyak contoh code lainnya click disini.
“ Yang terakhir jangan lupa tinggalkan komentar
andA dan semoga tutorial ini bermanfaat untuk anda “
0 komentar:
Posting Komentar