Blogger İçin Tag Cloud Yapıyoruz !

ÖNEMLİ NOT : Bütün bu değişiklikleri yapmadan önce Download full Template ' e tıklayıp template inizin yedeğinizi alın. Bi sorunla kaşılaştığınızda onu geri yükleyebilirsiniz!
Öncelikle Template Bölümünden Edit Html kısmına geliyoruz....

Code:

]]>

Yukardaki kodu buluyoruz. bu kod Css kısmının bitiminde olur.....

Bu kodun üstüne aşağıdaki kodları ekliyoruz.....

Code:

/* Label Cloud Styles
----------------------------------------------- */
#labelCloud {text-align:center;font-family:arial,sans-serif;}
#labelCloud .label-cloud li{display:inline;background-image:none !important;padding:0 5px;margin:0;vertical-align:baseline !important;border:0 !important;}
#labelCloud ul{list-style-type:none;margin:0 auto;padding:0;}
#labelCloud a img{border:0;display:inline;margin:0 0 0 3px;padding:0}
#labelCloud a{text-decoration:none}
#labelCloud a:hover{text-decoration:underline}
#labelCloud li a{}
#labelCloud .label-cloud {}
#labelCloud .label-count {padding-left:0.2em;font-size:9px;color:#000}
#labelCloud .label-cloud li:before{content:"" !important}

__________________________________________________ _______________

Code:

]]>

kodunun altına ise aşağıdaki JS kodunu

yerleştiriyoruz.....

Code:



Bu kod sayesinde "Tag Cloud" umuz şekillenecek...

__________________________________________________ __________

Şimdi sıra geldi mevzunun en civcivli kısmına.....

Code:



Yukarıdaki kodu temada buluyoruz.... Bunu aşağıdaki kodla değiştiriyoruz....

Code:

Bu kısımda sorun yaşıyorsanız.....

Code:



kodunu silin....

Onun yerine koyacağımız kodları da
Code:



kodunun hemen üstüne yerleştirin......

bunu yaptığınızda bi sorunla karşılaşma şansınız en aza iniyor...

Fakat Tag cloud umuz sidebar ın en altında yer alıyor....

Daha sonra onu page elements kısmından istediğimiz yere taşıyabiliriz....