-->
Advertise
Advertise

Cara Membuat Kotak Scroll & Marquee

2 min read
salah satu cara untuk menghemat ruangan dalam blog Sobat, sekalian juga membuat tampilan menjadi lebih bagus
1. Membuat Kotak Scroll

Nah, ni dia neh, salah satu cara untuk menghemat ruangan dalam blog Sobat, sekalian juga membuat tampilan menjadi lebih bagus . Kotak ini dapat kita isi dengan daftar dari postingan atau daftar dari link para sobat ataupun daftar dari yang lainnya.

Untuk itu silahkan ikuti langkah langkah berikut ini :

1. Masuk ke Blog Sobat
2. Klik Tata Letak
3. Klik Elemen Halaman
4. Klik Tambah Gadget
5. Pilih pilihan menu HTML/JavaScript
6. Paste script di bawah ke halaman conten HTML/JavaScript tersebut

<div style="background:#FFFFCC; overflow:auto; width:100%px; height:200px; padding:10px; border:1px solid #999999;">
<li><a href="
http://hamid-junaidi.blogspot.com/2011/12/dapat-uang-dari-aw-surveys.html" target="_blank">Dapat Uang dari AW Surveys</a></li>
<li><a href="
http://hamid-junaidi.blogspot.com/2012/03/dapat-dollar-dari-neobux.html" target="_blank">Dapat Dollar Dari Neobux</a></li>
</div>

Maka akan terlihat jadinya seperti dibawah ini








  • Dapat Uang dari AW Surveys












  • Dapat Dollar Dari Neobux












  • Tips dan Trik SEO Optimasi gambar


  • Baca Juga










  • Belajar Membuat Tabel Blog

  • 7. Silahkan ganti tulisan yang berwarna merah dengan link milik Sobat
    8. Klik Simpan
    9. Selesai

    2. Membuat Kotak 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 Sobat (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>

    Maka akan terlihat jadinya seperti dibawah ini

    #link1

    #link2

    #link3

    #link...



    Keterangan :

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

    Jika Kedua Kode HTML diatas dikombinasikan maka akan terlihat seperti dibawah ini


    Selamat mencoba, semoga bermanfaat

    Video Pilihan :  Penghasilan Online Lewat EasyHits4u The Best Traffic Exchange (Daftar)
    Advertise
    Advertise

    You may like these posts

    Post a Comment

    Abdul Hamid Info sangat menghargai pendapat Anda. Bijaksana dan etis lah dalam menyampaikan opini. Pendapat sepenuhnya tanggung jawab Anda sesuai UU ITE.
    Post a Comment
    tes4 tes4 tes4 tes4
    tes5 tes5 tes5 tes5 tes5
    Advertise
    CLOSE