Sarı Etiket Bulutu Eklentisi

Yeni bir eklenti daha sizlerle paylaşıyorum. Bu eklentide, blogger ın sıradan olan etiket bulutu seçeneğine daha güzel bir görünüm kazandırmış olacağız. Etiket bulutunu oluşturduktan sonra aşşağıdaki adımları takip edin.



Alttaki kodu ]]></b:skin> bu kodun hemen üzerine ekleyin.
/*-----Custom Labels widget by www.bloggertrix.com----*/ #Label1 a{float: left; font-size: 11px!important; line-height: 1em!important; display: block; margin-right: 7px; margin-bottom: 7px; padding: 7px; background: #ffd964 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6F64qfAJoV4EfQ549yTiuGxsPAOyPfg3Z1gXt2Ss049IzFf9KqCi04Q93iiyPri-lanYXaMbu6WNRUVYN6Rh9ck9noxDBNkcbZ0-21X865CBltNBnTMEYSY-n9zLWt-SrQuAOjZ2bguM/s1600/yellow-btrix.png); border: 1px solid #F9B653; color: #9C6533!important; text-shadow: 1px 1px 0px rgba(255,255,255,0.4); box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.1); webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } #Label1 a:hover{background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjs-aTpQ05-YJMcLuSa8EnNIlKgPicbdQSjp2SUKhAppiYYXKYDywlxKxLzv8tjLp-VH0vuUquKBVIKRE-xLfG6KIcpVzHG4UBivS0SXN7aQCJhlsizCIXLIbbrQkIzbDkpa5orrbs0DzI/s1600/yellow-btrix-hover.png);} #Label1 a:active { background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjftMDxKBBe_zVtssbu90ElhkDKTZstHrAbr29DEoAh-FGe_aLPb5RfHekJLaXCh9cI32y86hO9tiPVubPPwJFny1S3-211-hft38IjfCb-8G4NCSkyiSsTloqqwuuw_BxxSvdU8JNEcPo/s1600/yellow-btrix-active.png); }

Related Post: