EnglishFrenchGermanSpainItalianDutch

RussianPortugueseJapaneseKoreanArabic Chinese Simplified

Selamat Datang di Websiteku | Sebuah web yang berisikan segudang Ilmu yang bermanfaat silahkan baca Tulisan Inspiratif Yang semoga saja dapat memberikan Ilmu dan pemahaman baru bagi para pembaca | Jangan Lupa Like dan Tinggalkan Pesan Anda Pada Kotak Pesan Disamping Kanan |

Minggu, 23 November 2014

Cara membuat teks berjalan dengan Marquee

CARA MEMBUAT TULISAN BERJALAN
DENGAN MARQUEE

Setelah memposting mengenai bagaimanamembuat navigasi Back To Top dalam sebuah blog, kali ini akan membahas bagai mana cara membuat tulisan bergerak diatas Header blog anda, mungkin teman-teman pernah melihat sebuah blog yang anda kunjungi, dan itu menarik bukan? oke dari beberapa contoh yang saya temui dalam berbagai blog yang saya kunjungi memberikan inspirasi kepada saya untuk meng otak atik tulisan berjalan ini maka jadilah hasilnya seperti ini.


contoh scrip gambar diatas,:
<center>
<p><div style='border: 2px solid #993300; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius:3px; background-color: #FFFFFF; width:600px; padding:6px 10px 7px 10px;'>
<marquee direction='left' scrollamount='3'> Selamat Datang di Website <a href='http://ferianggriawan1.blogspot.com/search/label/fery%20cell/' style='color: #2844FF;'> Fery Cell</a>   | Grosir Pulsa Eletrik Semua Operator dan PLN,  Silahkan <a href='http://ferianggriawan1.blogspot.com/2012/10/brosur-pulsa-fery-cell.html' style='color: #2844FF;'> download Brosur Pulsa</a> Proses Transaksi Cepat Dan Tepat. Cp: 089698431671 | Jangan Lupa Like dan Tinggalkan Pesan Anda Pada Kotak Pesan Disamping Kanan | </marquee> </div></p></center>


Dari contoh gambar diatas, ada beberapa hal yang harus kita lakukan ketika akan membuat teks berjalan di blog yaitu:
1. baca bismillah saat anda melakukannya.
2. Masuk ke Blogger anda, pilih Rancangan kemudian pilih Edit HTML
3. Centang Expand Expand Template Widget
4. Tempatkan posisi tulisan tersebut sesuai dengan model template anda, bisa saja di simpan di bawah ,
atau di posisi mana yang tepat menurut anda.
5. Radius untuk memperbesar/memperkecil ukuran pada sisi border
6. px (pixel) untuk menentukan besar kecilnya ukuran/bentuk, bisa borderm huruf, tinggi atau lebarnya (dalam tulisan ini keberulan tentang text area)
7. scrollmunt berfungsi untuk menghitung kecepatan teks tersebut berjalan, lebih besar angkanya maka lebih cepat.
8. Ingat, sebelum ada klik SIMPAN TEMPLATE, sebaiknya lakukan dulu PRATINJAU, supaya kalau masih ada perubahan, adan tinggal kembalu ke EDIT HTML.
9. Jika dianggap sudah pas, silahkan klik SIMPAN TEMPLATE.

nah selamat mencoba dan terus berkreasi sehingga dapat menambahkan ilmu dan pemahaman bagi pembaca, yupz. salam berbagi ilmu.

0 komentar:

Posting Komentar