Ayo berlangganan artikel blog Akang via RSS Feed?

Jumat, April 17, 2009

Cara Buat Kotak BlogRoll Berjalan

Jika kita sering main-main di blog Orang lain pasti kita akan melihat ada kotak blogroll.Nah biasanya kotak blogroll itu berbentuk kotak ada juga yang berbentuk text area dan macam-macam bentuknya.Tapi kali ini akang mau ngasih tau caranya bikin Blogroll berjalan seperti yang ada di sidebar blog akang.Oke langsung aja kita ke TKP,,Yuk.. mariii.... :-D

Untuk lebih jelas gimana contoh blogroll berjalan lihat di bawah ini...

Blog Akang yudi
saung akang


Gimana Sudah lihat kan??
oke langsung ajah yah...


--Login di blogger


--Di jendela Dashboard, klik menu Layout lalu add new page element atau tambah gadget di sidebar layout anda.


--Setelah itu, pilih Html/javascript kemudian copy paste kode berikut :

<marquee direction="up" onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" style="border: 1px solid #000; padding: 5px; text-align: center;" width="150px" height="150px"><a href="http://akangyudi.blogspot.com/" target="_blank">Blog Akang yudi</a>
<a href="http://akangyudi.blogspot.com/" target="_blank">Saung akang</a></marquee>


Ket:

direction="up"
arah dari marquee bergerak keatas. Jika ingin berganti arah, ganti kata "up" dengan "down" (bawah), "left" (kiri) atau "right" (kanan).

scrollamount="2"
kecepatan bergerak. Semakin besar angkanya, maka semakin cepat pula marquee tersebut bergerak.

border:1px solid #000
merupakan deskripsi dari garis kolom.
1px --> tebal garis
solid --> type garis. bisa diganti dengan kata dashed (-) atau dotted (.)
#000 --> warna garis hitam. bisa diganti sesuai keinginan anda

text-align:center
Text berada di tengah. Bisa diganti dengan left, right atau justify (rata kiri kanan)

width="150px"
lebar kolom sebesar 150 pixel. Biar lebih sesuai dengan lebar dimana anda menyimpan marquee, anda tinggal mengganti 150px dengan 100%

height="150px"
panjang dari kolom marquee. Semakin besar angkanya (dalam pixel), maka semakin panjang pula kolom marquee

Selelah itu Jangan lupa di save.... :-D

0 komentar:

:)) ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} :)] ~x( :-t b-( :-L x( =))

Posting Komentar

 

My Facebook


Profil Facebook Poeji Melowdics Wahyoedi

Temanku