Lompat ke konten Lompat ke sidebar Lompat ke footer

Cara Membuat Blogroll dengan Efek Marque dan Scroll



Cara Membuat Blogroll dengan Efek Marque dan Scroll  - Memasang blogroll dengan efek marque ataupun blogroll dengan scroll biasanya karena alasan penghematan tempat, terutama jika sobat ingin blogroll ditampilkan pada sidebar bukan pada halaman sendiri seperti Link Sobat yang ada di blog ini. Cara membuat blogroll dengan efek marque dan scroll ini pun sangat mudah, saya akan jelaskan satu persatu biar sobat lebih jelas lagi dan bisa mempraktekkan cara membuatnya.

Cara Membuat Kotak Blogroll dengan Efek Marque :

1.    Login ke dashboard blogger anda.
2.    Pilih Rancangan > Elemen Halaman > Add gadget (HTML/JavaScript).
3.    Copy script di bawah ini dan paste pada gadget.

<marquee align="center" direction="up" height="200" onmouseout="this.start()" onmouseover="this.stop()" scrollamount="2" width="200">
::<a href="http://rayhanzhampiet.blogspot.com/">Share with Irfan</a>::<p>
::<a href="http://rayhanzhampiet.blogspot.com/"><blink>Tips Blogging</blink></a>::<p>
::<a href="http://rayhanzhampiet.blogspot.com/"><i>Info Blogging</i></a>::<p> Link....<p>
Link....<p>
Dst....<p>
</marquee>


4.    Hasilnya akan terlihat seperti ini :

::Share with Irfan::
::Tips Blogging::
::Info Blogging::
Link....
Link....
Dst....

5.    Edit linknya sesuai dengan link blogroll sobat kemudian Simpan (Save).

Cara Membuat Kotak Blogroll dengan Efek Scroll (Unorderlist) :

1.    Login ke dashboard blogger anda.
2.    Pilih Rancangan > Elemen Halaman > Add gadget (HTML/JavaScript).
3.    Copy script di bawah ini dan paste pada gadget.

<div style=”border:1px solid #006600;overflow:auto;width:180px;height:100px;”>
<ul>
<li><a href=”http://rayhanzhampiet.blogspot.com/”>Share With Irfan</a></li>
<li><a href=”http://rayhanzhampiet.blogspot.com/”>Tips Blogging</a></li>
<li><a href=”http://rayhanzhampiet.blogspot.com/”>Artikel Komputer</a></li>
<li><a href=”http://rayhanzhampiet.blogspot.com/”><blink>Share With Irfan</blink></a></li>
<li><a href=”http://rayhanzhampiet.blogspot.com/”><i>Tips Blogging<i></a></li>
<li><a href=”http://rayhanzhampiet.blogspot.com/”><b>Artikel Komputer</a></li>
<li><a href=”http://rayhanzhampiet.blogspot.com/”>Link Sobat</a></li>
</ul>


4.    Hasilnya akan terlihat seperti ini :


5.    Edit linknya sesuai dengan link blogroll sobat kemudian Simpan (Save).


Nah dari 2 kotak blogroll diatas tinggal pilih aja sobat mau pakai blogroll dengan marque atau blogroll dengan scroll (unorderlist). Menurut saya sih dua-duanya sama bagusnya jadi pasang aja 2 macam blogroll sekaligus biar tambah rame he he. Untuk lebar dan tinggi kotak blogroll silahkan disesuaikan dengan sidebar yang ada di blog sobat.


27 komentar untuk "Cara Membuat Blogroll dengan Efek Marque dan Scroll"

  1. Ini salah satu contoh yang sangat simple menurut saya, saya akan coba gunakan untuk blog saya. Terima kasih sobat telah mau berbagi. Salam sukses...

    BalasHapus
  2. numpang promosi donk .. :D

    berkunjung donk ke blog ane http://selamatdatang-baru.blogspot.com/

    disitu ane jual produk bernama JELI GAMAT

    cara pemakaian atau DOSIS KONSUMSI nya juga di kasih tau..

    berkunjung ya :)

    kalo minat ada nomor hp sama YM ane disitu ..

    JELI GAMAT MAMPU MENGATASI SEGALA PENYAKIT

    BalasHapus
  3. trik yg bagus gan....blh di coba....
    btw boleh tukar link gan biar blog q ketularn keren he2.
    cek gan udah q pasang di blog q linknya thank.....sukses

    BalasHapus
  4. salam kenal bro..Bagus bro postingannya, ijin praktek ya bro di blog saya, sekali2 mampir bro diblog saya www.abbysoft.com

    BalasHapus
  5. salam kenal mas, artikel yg menarik langsung ijin untuk mempraktekan...

    BalasHapus
  6. mohon ijin coba.....hasilnya...keren..makasih gan.

    BalasHapus
  7. sip udah saya coba, boleh tukeran link mas?

    BalasHapus
  8. infonya sangat membantu, ditunggu kunjungan baliknya, ya... hehe :D

    BalasHapus
  9. terima kasih gan informasinya.. :D

    BalasHapus
  10. wah tambah ilmu lagi ane gan
    makasih ya gan
    salam kenal
    ini blog ane http://renggaarta.blogspot.com/

    BalasHapus
  11. langsung ke tkp bos....tapi ngk bikin berat ke boss

    BalasHapus
  12. trims ya sob infonya oh y salam kenal n jika berkenan exchange link blog sy juga yahh... :)

    BalasHapus
  13. Misi Mas rayhan Saya Mau Request Gmna Sih Cara Membuat Template Blog Seperti Blog Anda Terima Kasih www.ilmuwawasankita.blogspot.com

    BalasHapus
  14. mas
    efeknya selain blink ada lg gk ?
    terimakasih :)

    BalasHapus
  15. manatab info nya ijin pas en coba di blog saya

    BalasHapus
  16. makasih mas atas infonya ...

    BalasHapus
  17. Mantap gan .... izin coba

    numpang nitip link blog pemula saya gan

    http://abengsolo.blogspot.com

    BalasHapus
  18. terima kasih gan atas tutorialnya yang lengkap alias komplit neh, ane numpang ijin ambil salah satu caranya buat di blog ane

    BalasHapus
  19. Saya sudah coba gan, berhasil makasih ya ^^
    Kunjungi >> http://nomor2.blogspot.com/

    BalasHapus
  20. Makasih gan , saya nyari2 daritadi dan akhirnya ketemu juga disini ....

    BalasHapus