Hack Link List

Senin, 20 Juli 2009

Sekarang kita akan membahas bagaimana meng-hack link list di blog kamu supaya tampil lebih menarik. Secara khusus, kita akan membahas bagaimana membuatnya bergerak ke atas.
Cara yang biasa dipakai adalah dengan memakai widget HTML/JavaScript, kemudian menuliskan satu per satu link di antara tag <marquee> dan </marquee>. Tapi cara ini sangat merepotkan kalau kita mau menambah link.

Dan kali ini kita akan membahas dengan cara yang berbeda, dengan memakai widget Link List.

Caranya antara lain:

  1. Masuk ke account Blogger, pilih "Layout" kemudian "Page Elements",
  2. Klik "Add a Gadget" dan pilih "Link List",
  3. Isi judul widget tersebut kemudian tambahkan link-link yang kamu mau,
  4. Klik "Save" kalau sudah selesai,
  5. Kemudian masuk ke halaman "Edit HTML",
  6. Centang "Expand Widget Templates",
  7. Cari kode title='judulwidgetkamu', dan cari kode <ul> terdekat setelahnya,
  8. Tambahkan kode ini sebelum tag <ul> :
    <marquee direction="up" height="100" scrollamount="2"
    onmouseout="this.start()" onomouseover="this.stop()">
  9. Dan tambahkan juga kode ini setelah tag </ul> :
    </marquee>
  10. Jadi kodenya kurang lebih akan seperti ini:
    <marquee direction="up" height="100" scrollamount="2"
    onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2">
    <ul>
    <b:loop values='data:links' var='link'>
    <li> <a expr:href='data:link.target'> <data:link.name/> </a> </li>
    </b:loop>
    </ul>
    </marquee>
Atur arah gerakannya dengan mengubah nilai atribut direction jadi "up", "down", "left", atau "right".
Atur juga tingginya dengan mengubah nilai atribut height, dan kecepatannya dengan mengubah nilai atribut scrollamount

Cara ini memang agak repot pada awalnya, tapi setelah itu kamu tidak usah repot2 lagi tulis kode macam2 untuk menambah link kamu.

Selamat mencoba! :D

Sumber inspirasi: resep-jitu

Blog this!

Suka artikel dari blog ini? Silakan masukkan alamat email kamu untuk mendapatkan artikel terbaru dari Info Blog. Gratis!!
Atau baca Feed dari blog ini di sini.

Delivered by FeedBurner

60 komentar:

Ramz mengatakan...

keren nihh....saya coba dlo ya...

Siais mengatakan...

wah keren nih... cara bikin kotak komentar kyk gitu gmn yah...

mfkasim mengatakan...

kotak komentar kayak gimana, mas??

MSE download mengatakan...

Info yang sangat berguna. thanks sob

Bisnis Online mengatakan...

thanks tutorialnya bro. okeh banget infonya nih bro

Astaga.com lifestyle on the net mengatakan...

I have a lot of blogs and I want to make each of them do follow. Thanks for the code.

nowGoogle.com adalah Multiple Search Engine Popular mengatakan...

nowGoogle.com adalah Multiple Search Engine Popular

nowGoogle.com adalah Multiple Search Engine Popular mengatakan...

wah keren juga nih tips nya

Festival Museum Nusantara mengatakan...

mampir sob

Piala Dunia 2010 mengatakan...

keren bro

negeriads.com solusi berpromosi mengatakan...

makasih link list-nya

negeriads.com solusi berpromosi mengatakan...

terima kasih infonya teman

negeriads.com solusi berpromosi mengatakan...

begitu caranya ya

negeriads.com solusi berpromosi mengatakan...

thanks for share

Forantum I Blogging is My Life I Tutorial Blog I Tips dan Trik Blog I SEO I Free Template mengatakan...

Siip....

Forantum I Blogging is My Life I Tutorial Blog I Tips dan Trik Blog I SEO I Free Template mengatakan...

Sangat menarik...

putrahosting.com dapur hosting hemat mengatakan...

mampir perdana kang

putrahosting.com dapur hosting hemat mengatakan...

informasi yang bermanfaat bro

hosting murah indonesia indositehost.com mengatakan...

blognya keren banget

hack chip poker mengatakan...

Wah,ini dia sob yang ane cari..mantep sob tipsnya..thanks berat!

Aryie Emank Kuya mengatakan...

keren

STMIK AMIKOM menuju Research University mengatakan...

hebat !

webgila.com mengatakan...

haha... maknyus bgt bro... :p

Softaza.com - Free Software Download mengatakan...

makasih bos

Macam Jenis Setting Permalink Wordpress mengatakan...

makasih kawan

Cara mudah melakukan parse script code HTML mengatakan...

wah hebat nih

iklan mobil bekas mengatakan...

belum pernah coba di wordpress, kira2 bisa ga yh?

atoxsmd mengatakan...

trimakasih gan atas ilmunya

elliott mengatakan...

thanks, good hack list codes, will use these!

Steve mengatakan...

nggak ada sample ya gan?

Nikmaya John mengatakan...

Tips bagus nih, patut dicoba,,,

Axra mengatakan...

Hmm, aku bingung, mengapa diberi nama "Hack" Link List?

Tanda Kutip

xamthone plus mengatakan...

emz keren nih boleh jg di coba.....

wicker furniture mengatakan...

he he he... dasar aku ini emang newbie ya... aku kira di sini ada list tentang blog2 yang sudah dihack, trus kita bisa masukin link di situ... eh ternyata salah ya...

makeityourring diamond engagement rings mengatakan...

gunanya apa sih boss link hack ini?masih lom paham aku

Nabila Arifah mengatakan...

I this indeed al4y

accident claims company mengatakan...

Cool post, I really appreciate your effort in posting this kind of article, I can learned more about the topic.

whiplash claim mengatakan...

I just wanted to drop you a quick note to express my thanks. As I have enjoyed the way you've structured your site which is very nice one and gives in depth information.

what is an iva mengatakan...

I am glad to see that your blog share valued information that can help to many readers.

whiplash compensation mengatakan...

Thank you for sharing it. These codes are definitely useful.

Aji mengatakan...

Infonya bagus semua.I like this blog

Anonim mengatakan...

This is a job well done! Keep it up!

Interface Talent

debt management company mengatakan...

This is one of the best lessons I have learned.

Anonim mengatakan...

Thanks for the informative tips shared here! I have read your blog and got positive emotions for it. It gave me dozen of ideas that could be useful for my blog too. Thanks it was just another motivation to devote some more of time and effort to my start up! Regards

difference between lcd and led tv

Steve Waters Vancouver mengatakan...

A random act of kindness!

compare medical plans companies Alabama mengatakan...

Intimately, the post is really the greatest on that worthwhile topic. I fit in with your conclusions and definitely will eagerly look forward to your next updates. I’m just saying thanks. It’s cannot simply be enough, for the amazing clarity in your writing. I can immediately grab your rises feed to stay abreast of any updates. Pleasant work and much success in your business endeavors!

Search Engine Optimization Companies mengatakan...

Intimately, the post is really the greatest on that worthwhile topic. I fit in with your conclusions and definitely will eagerly look forward to your next updates. I’m just saying thanks. It’s cannot simply be enough, for the amazing clarity in your writing. I can immediately grab your rises feed to stay abreast of any updates. Pleasant work and much success in your business endeavors!

medication for cat bladder mengatakan...

Many thanks for the lot of good guidelines. My spouse and i anticipate looking at on the niche down the road. Maintain the great work! This website will probably be fantastic reference i enjoy looking at it.

Best LED TV 2012 mengatakan...

This is an extremely practical presentation that gives great examples of how to engage people in executing the plan. I found this very insightful. Well done. Thank you.

tequila bar mengatakan...

I recently came across your article and have been reading along. I want to express my admiration of your writing skill and ability to make readers read from the beginning to the end.

24 hour plumber brooklyn ny mengatakan...

Cheers, the an excellent information involving sharing and producing folks know of the activities which can be staying performed.

luxurydentalny.com/sheepshead-bay-dentist-11235 mengatakan...

I actually liked reading through your post! You have a lot of quality material.

Supercoolzz mengatakan...

wah berhasil diterapkan gan..:)
makasih ya..:)

Anonim mengatakan...

We are a group of volunteers and opening a new scheme
in our community. Your web site provided us with valuable information to
work on. You've done an impressive job and our whole community will be grateful to you.
My homepage amphora pipe tobacco

Anonim mengatakan...

Hey there this is somewhat of off topic but I was wanting to know if blogs use WYSIWYG editors or if you have to manually code with
HTML. I'm starting a blog soon but have no coding know-how so I wanted to get advice from someone with experience. Any help would be enormously appreciated!
Also visit my web page :: old holborn

Anonim mengatakan...

Hey very nice web site!! Man .. Beautiful .. Wonderful .. I will bookmark
your site and take the feeds additionally? I'm glad to find numerous helpful info right here within the publish, we need develop more techniques in this regard, thank you for sharing. . . . . .
My website :: university of alabama at birmingham school of medicine

writing professional essays mengatakan...

There are several logical reasons for such attitude. First of all it is necessary for an individual to perform his social roles. Within the scope of all authors sayings people won't give up their own ones or even continue pondering over buying professional essays as there can be lots of them in the most recent time.

Bima mengatakan...

thanks gan nice info

bisnis online gratis mengatakan...

thank gan..
infonya bermanfaat gan..
salam mas brow..

agen bola piala dunia mengatakan...

situs judi online
judi online
agen casino online
agen judi online
bandar online
Berita Bola

Posting Komentar

Silakan berkomentar di bawah ini. You comment, I follow.
Tapi komentar yang bernada spam akan saya hapus. Terima kasih :D

Cheat di Blog

Rainbow Text

Buku Tamu versi 2


ShoutMix chat widget
Widget by Info Blog

Headline News

Buku Tamu


ShoutMix chat widget

Mau punya buku tamu seperti ini?
Klik di sini (Info Blog)

Tautan Link Otomatis

Gamba di Pojok