Scroll Bar Widget Nasıl Eklenir?

Eğer blogunuzda göstermek istediğiniz bir listeniz var ve bunu blogunuza yerleştirmeniz çok fazla yer kaplayacağından endişe ediyorsanız bu widget size bir çözüm olabilir.Bu widget sayesinde blogunuzda göstermek istediğiniz listeyi küçük bir alanda göstermenizi sağlayacağız.
Nerede işime yarar?
Çok fazla sayıda kategoriniz, etiketiniz, blog listeniz, link listeniz vb olabilir.Bunların hepsini eklemek blogunuzda aşağıya doğru uzayan pek de hoş olmayan bir görüntü oluşturacaktır.
Scroll Bar aracı sayesinde küçük bir alanda listenizi gösterebilirsiniz.
 
Gelelim Nasıl ekleyeceğimize.
blogger hesabımızdan giriş yapıyoruz.Yerleşim///Sayfa öğesi ekle den HtmlJavaScript seçeneğini seçerek aşağıdaki kodu yapıştırıyoruz:

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

Kaydedip çıkıyoruz.Yukarıda da göreceğiniz üzere renkli kısımları isteğinize göre değiştirebiliyorsunuz.

 

İsterseniz bu özelliği blog yazılarınızda  da kullanabilirsiniz.Yukarıda gördüğünüz gibi ben yazımın içinde kullandım.Siz de yazınızı yazarken aynı kodları kullanabilirsiniz.Kodları değiştirmenize gerek yok.

Aklınıza takılan bir soru olursa sormaktan çekinmeyin.Bir dahaki yazımızda görüşme üzere….

Featured Music

Ozan Başer

Merhaba ben Ozan Başer. EhliBlog'da ve elbette Ehliforum (Blogculara Özel Forum)'da yazıyorum. Blogger, seo, adsense, sosyal medya ve google ürünleri hakkında faydalı ve kaliteli içeriği okuyucularıma sunmaya çalışıyorum. C#, PHP, Javascript gibi uğraşılarım var. Web ve online teknolojiler ile ilgili birçok konuda fikirlerimi sizlerle paylaşıyorum.

4 yorum:

  1. Merhabalar, gerçekten çok teşekkür ederim, harika bilgiler veriyorsunuz.Üstelik üslubunuz da son derece teveccühe değer...Tebrikler...

    YanıtlaSil
  2. o güzel yorumunuz için ben teşekkür ederim

    YanıtlaSil
  3. ben yapamadım bi yardımcı olurmusunuz acaba

    YanıtlaSil
  4. nerede takıldınız kodları kopyalayıp html/javaScript ekle deyince karşınıza çıkan pencereye yapıştıracaksınız

    YanıtlaSil

Yorumunuza gelecek cevabı takip etmek "beni bilgilendir" kutucuğuna işaretleyebilirsiniz.