Thursday, September 1, 2011

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.







No comments:

Post a Comment