Blogger Kategorilerinize ScrollBar Ekleyin

scrollbar
kategori, scrollbar

   Blogunuzdaki kategori linklerinize ve ya normal linklerinize scroll bar eklemek istemez misiniz ? Scroll bar ile sayfanızda daha rahat bir görünüm sağlamaktan öte en önemlisi de widgetlerin boyutunun çok büyük olmaması kullanıcı’nın sayfa içerisinde daha rahat dolaşmasını sağlar.

  • Your Text
  • Your Text
  • Your Text
  • Your Text
  • Your Text
  • Your Text
  • Your Text
  • Your Text
  • Your Text
  • Your Text
  • Your Text
  • Your Text
  • Your Text
  • Your Text
  • Your Text
  • Your Text

     Görünüm

     Bu eklentiyi uygulamak çok basit sadece TASARIM > HTML/JAVASCRIPT EKLE yolunu kullanarak aşğıdaki kodları kendinize göre düzenleyebilirsiniz. Benim sitemde de “alt kategoriler” başlığı altında gördüğünüz kategorilerin scroll bar ile güçlendirilmesi gerçekten de kullanıcılar için iyi bir görünüm sağlıyor.
 
   TASARIM > HTML/JAVASCRIPT EKLE  (Aşağıdaki kodu bu kutuya ekleyiniz ve kendinize göre düzenleyiniz.

<div class=”widget-content”>
<ul style=”height:150px;width:150px; overflow:auto; “>
<li><a href=”http://www.blogadresiniz.com”>Your Text</a></li>
<li><a href=”http://www.blogadresiniz.com”>Your Text</a></li>
<li><a href=”http://www.blogadresiniz.com”>Your Text</a></li>
<li><a href=”http://www.blogadresiniz.com”>Your Text</a></li>
<li><a href=”http://www.blogadresiniz.com”>Your Text</a></li>
<li><a href=”http://www.blogadresiniz.com”>Your Text</a></li>
<li><a href=”http://www.blogadresiniz.com”>Your Text</a></li>
<li><a href=”http://www.blogadresiniz.com”>Your Text</a></li>
<li><a href=”http://www.blogadresiniz.com”>Your Text</a></li>
<li><a href=”http://www.blogadresiniz.com”>Your Text</a></li>
<li><a href=”http://www.blogadresiniz.com”>Your Text</a></li>
<li><a href=”http://www.blogadresiniz.com”>Your Text</a></li>
<li><a href=”http://www.blogadresiniz.com”>Your Text</a></li>
<li><a href=”http://www.blogadresiniz.com”>Your Text</a></li>
<li><a href=”http://www.blogadresiniz.com”>Your Text</a></li>
<li><a href=”http://www.blogadresiniz.com”>Your Text</a></li><span style=”font-weight:bold;”></span>
</ul></div></body></html></body></html>