css widget label blogspot accordion

Css widget label blogspot accordion - tutorial css widget label blogspot accordion memiliki tampilan yang menarik, sistem transisi pada css widget label blogspot accordion menambahkan kesan elegan pada label tersebut, ditambah dengan sentuhan image sebagai background tag li pada cssnya. Untuk melihat tampilam css widget label blogspot accordion ini silahkan klik Icon DEMO dibawah ini kemudian lihat bagian widget label dekatkan cursor anda, bila anda tertarik memasangnya silahkan simak tutorial css widget label blogspot accordion dibawah ini...

Demo

Pasang code script dibawah ini didalam code CSS template anda.

Code CSS here..

/**************************
Name : css label blogspot accordion
Update : Rabu 26 February 2014
Design : Rivai Silaban
Site : www.rivai.org
Publish : www.ideblogspot.com
**************************/
#Label1 ul li {margin: 0px;padding: 2px;list-style: none;}
#Label1 ul li a {list-style-type: none;background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLsOKejB7tXZ5FUJTvoNgK5mtg4y8oPJ3uKy0UnLkmVz-g7WWwgUB9JnEGiY_-cWOrMwFs5xs0Z0Nm5Ky0wJq28kQKtiZS8ggtVZknP5mkcCgVITVj5HvFZ28XupX-sl8_Sog1bFuUy0o/s1600/arrow-grey.gif ') no-repeat scroll 0px 4px transparent;margin: 0px;padding: 0px 0px 0px 15px;color: rgb(97, 60, 22);}
#Label1 ul li a:hover {margin: 0px 0 0 8px;transition: .5s ease-out 0s;color:#990000;}
.label-count {float: right;padding: 0px 7px;background: #666;color: #fff;border-radius: 5px;}
/* css label blogspot accordion end code */

Bila anda masih belum memahami tata cara membuat css widget label blogspot accordion ini silahkan kunjungi halaman sumbernya, dan lihat fungsi dari beberapa fitur codenya, semoga bermanfaat..
Sumber : http://www.ideblogspot.com/2014/02/css-label-blogspot-accordion.html

Buat anda yang belum memahami widget label atau cara memasang widget label blogspot silahkan kunjungi link dibawah ini :
http://www.ideblogspot.com/2014/02/cara-membuat-widget-label-blogspot.html

css

• fungsi float pada html
• fungsi style clear both
• fungsi margin pada html
• cara membuat style link type square
• cara membuat Image pseudo style
• cara membuat speech bubble style
• cara membuat Google Plus buttons style
• help tooltip style blogspot
• cara membuat space iklan blogspot dengan CSS3
• cara membuat widget box rivai style

Terimakasih atas kunjungannya,Bila anda suka dengan artikel ini silahkan JOIN TO MEMBER BLOG atau berlangganan geratis Artikel dari blog ini, daftarkan email anda pada form subscribe dibawah halaman . Pergunakan vasilitas diblog ini untuk mempermudah anda. Bila ada masalah dalam penulisan artikel ini silahkan kontak saya melalui kotak komentar yang ada dibawah atau gunakan fasilitas yang ada diblog ini untuk menghubungi saya.

Salam Blogger.... !!! .

Admin Rivai Silaban

Share article with : Google+ Facebook Twitter

Di posting oleh : Unknown Update pada : 4:18 PM