Showing posts with label marquee. Show all posts
Showing posts with label marquee. Show all posts

Wednesday, December 28, 2016

Cara Membuat Teks Tulisan Berjalan Marquee Di Blog

Cara Membuat Teks Tulisan Berjalan Marquee Di Blog


Cara Membuat Teks Tulisan Berjalan (Marquee) Di Blog - tulisan berjalan atau yang biasa disebut (Marquee) merupakan salah satu cara untuk memperindah blog sehingga pengunjung betah lama - lama di blog . bagi kalian sobat blogger yang masih newbie saya mungkin belum tau cara membuat tulisan yang berjalan pada blog , tapi anda tenang aja kawan , karena ini kita akan mutholaah atau belajar bersama tentang tutorial membuat tulisan berjalan di blogger.

Cara Membuat Teks Tulisan Berjalan (Marquee) Di Blog

Cara Membuat Teks Tulisan Berjalan (Marquee) Di Blog

Sulitkah membuat tulisan berjalan di blog .......?? saya rasa tidak terlalu karena pada dasarnya kode yang digunakan pada tulisan marquee adalah seperti ini

<marquee>TES UJI COBA</marquee>

dan nanti hasilnya akan seperti di bawah ini :

TES UJI COBA Gimana sob mudahkan ...? yang menjadi pertanyaanya adalah lantas bagimana cara memasang kode tersebut pada blog ..? dont worry saya akan menjelaskannya , Pemasangan tulisan marquee dibagi menjadi 2 yaitu dipasang di artikel dan dipasang pada widget baik itu disedebar maupun di footer.

Cara Memasang Tulisan Berjalan Di Artikel

  • Masuk ke akun Blogger sobat terlebih dahulu
  • Di bagian edit entri atau entri baru, silahkan ubah dari Mode Compose ke mode HTML 
  • Kemudian sobat Silahkan masukkan kode Marquee di mode HTML
  • Cek posisi teks di mode Compose 
  • Untuk melihat apakah kode berjalan, silahkan klik Pratinjau.  - 

Cara Memasang Tulisan Berjalan Pada Widget


  • Login ke akun blogger anda Masuk ke menu Tata Letak, 
  • Klik tambahkan gadget Silahkan pilih HTML/Java Script Masukkan kode Marquee 
  • Kemudian sobat klik 
  • Done

Setelah sobat mengetahui dasar-dasar pemasangan tulisan atau teks marquee . selanjutnya sobat bisa modifikasi tulisan berjalannya sesuai selesara sobat , contohnya seperti di bawah ini :


Contoh kode marquee dengan menggunakan link
 <marquee direction="left"onmouseover="this.stop()" onmouseout="this.start()"><a href="http://ahmadsuyadi.blogspot.com/2013/07/cara-membuat-tulisan-berjalan-marquee.html">CARA MEMBUAT TULISAN BERJALAN</a></marquee> 

Hasil seperti dibawah ini :

CARA MEMBUAT TULISAN BERJALAN Mungkin cukup sekian karena waktu udah malam , saya akhiri dulu yeee , kalau sobat butuh atau ingin tanya-tanya tentang kode marquee lebih banya lagi , silahkan bertanya kepada saya melalui kotak komentar

**SELAMAT BERKREASI**

Go to link Download

Read more »

Saturday, October 15, 2016

Cara Membuat Kotak Blogroll dan Marquee

Cara Membuat Kotak Blogroll dan Marquee


Kali ini aku mau ngejelasin trik kali dengan gaya puisi, biar nggak bosen, tapi jangan diketawain ya, soalnya lom pernah buat puisi nih.

Tatkala link-link jumlahnya sudah berjuta-juta
Maka semakin sesaklah dada blog ini
Jikalau hal ini tidak diatasi dengan bijaksana
Maka blognya dikau akan penuh sesak dengan link-link itu

Udah bagus nggak puisinya? ancur ya? :r Ok lanjuuut.

Oleh karena itulah
hamba memberanikan diri untuk menawarkan obat sesak tersebut
Melalui secuil ilmu berikut
Daku berharap dapat membantu kisanak supaya blognya tidak sesak


Kira-kira pada mudeng nggak ya penjelasan tadi, ah biarin deh :z
:r udah ah, udah mual2 nih pake gaya puici, sekarang ganti gaya biasa aja.

Untuk trik kali ini, ada dua macam kotak blogroll yang akan kita buat, terserah kamu mo pilih yang mana. Kotak blogroll-nya yaitu:

1. Kotak Blogroll Model Textarea

Contohnya seperti kotak blog roll seperti punyaku itu, itu lho yg atasnya ada tulisanya "Friend links"
Nha begini cara membuatnya :
Pasang code berikut ini di kedalam element kamu (Page Elements --> Add a Gadget --> HTML /Javascript)


<div style="border: 1px solid rgb(153, 153, 153);
overflow: auto;
width: 200px;
height: 200px;
text-align: center; ">

#link1 <br />
#link2 <br />
#link3 <br />
#link...

</div>

keterangan:
- Kode width: 200px; dan height: 200px; adalah ukuran lebar dan panjang kotak, kamu bisa merubahnya dan menyesuaikanya dengan ukuran yg kamu suka.
- Ganti tulisan "#link1,#link2, #link3 dst" dengan daftar link-link kamu, oh ya itu juga bisa diisi dengan banner link.
- Jika kamu pingin daftar link-linknya berjajar kayak punyaku, maka hilangkan kode <br />

2. Kotak Blogroll Model Marquee

Kotak ini juga mampu menampung banyak link dalam tempat yang sempit. Namun kotak blog roll ini berbeda dengan kotak yg diatas, karena kotak yang ini tidak memiliki rollbar (yg biasanya disebelah kanan trus ditarik keatas kebawah itu lho). Link-link ato isi didalam kotak ini akan bergerak/berjalan, bisa vertikal ato horizontal. Nah gini nih cara buatnya:
Pasang code berikut ini di kedalam element kamu (Page Elements --> Add a Gadget --> HTML /Javascript)

<MARQUEE align="center" direction="up" height="100" scrollamount= "2" onmouseover=this.stop() onmouseout=this.start() width="95%" >

#link1 <br />
#link2 <br />
#link3 <br />
#link...<br />

</marquee>

Keterangan :
- Kode "up" itu menunjukan arah pergerakan, kamu bisa menggantinya dengan down, left, right (udah mudeng to artinya, gak usah dijelasin ya).
- Jika kamu menggantinya dengan pergerakan horizontal (left ato right) maka hilangkan kode <br />.
- Angka "100" menunjukkan tinggi dari kotak blogroll kamu. Semakin banyak angkanya maka semakin tinggi pula ukuran blogroll.

OK SELAMAT MENCOBA......

Go to link Download

Read more »