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...

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 : lagudjawaasli.blogspot.com
Publish : lagudjawaasli.blogspot.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/AVvXsEjjAhwRMmFO2bgXbT8kdqxqNLHMuyKRu1wCsi78joQSTPF-uzsBUPeNhtYNdo6NfTMMDCCnofMXs5x-b3SfFhEKtR0azj6j5Uo6PS04kRL2lNbqTLIZYm7IquuV1cq0A93AkkT1gjRiWv4/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..

Bagikan ke :

Facebook Google+ Twitter Digg Technorati Reddit