Cara Membuat Horizontal List

• TUTORIAL BLOG
• TUTORIAL BLOG
• TUTORIAL BLOG
• TUTORIAL BLOG
• TUTORIAL BLOG
• TUTORIAL BLOG

Berikut adalah tutorial Cara Membuat Horizontal List di postingan blog kamu atau di widget.

- Copy dan paste kode css di bawah ini di tempat yang kamu inginkan
- Jika kamu ingin pasang css ini di template kamu,maka cari kode ]]></b:skin> di template kamu dan copy css di bawah ini dan paste di template kamu.
Bisa juga di paste di atas kode </head>

<style type="text/css"> #horzlist li { display: inline; list-style-type: none; text-decoration: none; font-size: 14px; font-family: Verdana; font-weight: bolder; padding: 0 20px 0 5px; color: #000099; } #horzlist li a, #horzlist li a:visited { color: #000000; text-decoration: none; } #horzlist li a:hover { color: #ffffff; } </style>

- Di bawah ini kode html Horizontal List ,copy dan paste di widget atau di postingan kamu.

<div id="horzlistcontainer"><ul id="horzlist"><li id="active"><a href="http://tutorial-blog-amricow.blogspot.com/" id="current">TUTORIAL BLOG</a></li> <li><a href="http://tutorial-blog-amricow.blogspot.com/">TUTORIAL BLOG</a></li> <li><a href="http://tutorial-blog-amricow.blogspot.com/">TUTORIAL BLOG</a></li> <li><a href="http://tutorial-blog-amricow.blogspot.com/">TUTORIAL BLOG</a></li> <li><a href="http://tutorial-blog-amricow.blogspot.com/">TUTORIAL BLOG</a></li> <li><a href="http://tutorial-blog-amricow.blogspot.com/">TUTORIAL BLOG</a></li> </ul></div>

- Edit sendiri ya html dan kode css warnanya.

Artikel Terkait: