Ana içeriğe atla

Blogger Widget için Kaydırma Çubuğu Ekle-Scrollbox

Bazı bloglarda eklenen link listeleri yada sidebarda bulunan eklentilerin uzayıp gittiğini ve bunun ne kadar kötü bir görüntü sergilediğini görmüşsünüzdür.Bu görüntü kirliliğini ortadan kaldırıp blogunuzdaki görsel dağınıklığı en aza indirgemek için eklediğiniz widgetlere kaydırma çubuğu eklemeyi anlatacağız.Kaydırma çubuğu sayesinde listeniz ne kadar uzun olursa olsun blogunuzda kapladığı alan sizin belirlediğiniz kadar olacaktır.
Blogger Widgetlerine Kaydırma Çubuğu (Scrollbox) Nasıl Eklenir?
Kumanda Panelinden daha önceden eklediğimiz gadgetin düzenle butonunu tıklıyoruz.Ve kodumuzu aşşağıdaki gibi düzenliyoruz.
<div style="width:426px;height:100px;overflow:auto; ">

WİDGET KODUNUZU BURAYA YAZIN

</div>
Kod içerisinde width=Genişilk,Height=Yükseklik değerlerini değiştirerek widget kutunuzu isteğinize göre boyutlandırabilirsiniz.

Yorumlar

hunter dedi ki…
Paylaşım için teşekkürler. Ben bunu etiketler için kullanmak istiyorum ancak yapamadım yardımcı olurmusunuz bu kodları tam olarak nereye yerletirecem ?
Blog Okulu dedi ki…
Etiketler gadgetinin başlığını html kodları içerisinde arat.Kodlar içerisinde başlığın buluğunduğu kodun 3-4 satır altında <ul> kodu ile başlayan ve </ul>kodu ile biten kodu bul ve scrollbox kodunu buraya ekle.Eklediğin zaman kod aşşağıdaki gibi olacak.
<div style="width:426px;height:100px;overflow:auto; "><ul>.......................</ul></div>
hunter dedi ki…
Üstat sağolasın sayende mezun olacaz :) Sık kullanılanlara ekledim bile tek girdiğim site oldunuz teşekkürler.
Müjdat Sayar dedi ki…
bilgileriniz için çok tşk ederim bende bununla ilgili bir yazı yazmıştım şurda http://muujdatsayar.blogspot.com/2012/03/blogger-widgetine-widgete-scrollbar.html
morruj dedi ki…
bilgilendirmen için teşekkür ederim. ben blogun üst kısmına yatay katagori gibi eklemek istiyorum yöntemi varmıdır?
www.morruj.blogspot.com
Blog Okulu dedi ki…
Doğrudur öyle bir eklenti var,yatay menüleri en kısa zamanda yayınlıyacağım.Yayınladığım zaman size mail yollarım.
Yakamooz 1987 dedi ki…
 ben sadece yan tarafta kaydırma çubuğu çıkıcak sanmıştım altta da çıktı sadece yanda olma imkanı yokmu...
Blog Okulu dedi ki…
 width değerini arttırısanız altta çıkmaz.
Murat dedi ki…
merhaba  kumanda panelinde gatgeti düzenle göremdim nasıl yapıcaz yapamadım kısaca anlatırmısınız nasıl yapcağımızı tekrar
thunderclan dedi ki…
Ben yapamadım yardımcı olurmusunuz kodu nereye koyacağız

Bu blogdaki popüler yayınlar

Blogger Arama Kutusu Ekle (Renkli)

Blogunuzdaki içerik sayınız arttıkça zamanla siz bile yazdığınız şeyi blogunuzda bulmak için baya bir vakit harcarsınız, birde blogunuza gelen ziyaretçileri düşünün, bu yüzden blogunuza gelen ziyaretçilerin aradığını rahatlıkla bulabilmesi için blogunuza mutlaka arama kutusu eklemelisiniz.Blogger kullanıcıları blogunuza özel entegrasyonu yapılmış ve temanızın rengine uygun arama kutusunu blogunuza basit bir yöntemle ekleyip ziyaretçilerinizin blogunuzda aradığını anında bulmalarına yardımcı olabilirsiniz. Arama kutularını blogunuza eklemek için: Kumanda Paneli>Tasarım>Gadget Ekle>Html/Javasript yolunu takip edip hangi arama kutusunu blogumuza eklemek istiyorsak aşşağıdaki kodlardan ona ait olan kodu kopyalıyoruz, açılan gadgetimizin içine yapıştırıp kaydediyoruz. 1.Arama Kutusu Stili: <style type="text/css"> #w2b-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjL2qoP6OS9Baq9nf_keINdlxQLx8Nw07fwr-YowYEuE_tFmMaDVXELtSsqyZuM...

Bayraklı Google Translete Kodu-Sitene Dil Kodu

Blogumuza farklı ülkelerden ziyaretçiler gelebilir.Hepimiz dünyanın tüm dillerini okuyup anlayamayız.Yabancı bir blogu ziyaret ettiğimde sayfa linkini kopyalıyorum daha sonra google çevri bölümünden sitenin çevrisini yapıyorum.Fakat her defasında bu işlemi yapmak angarya geliyor kopyala-yapıştır-bekle, bu angaryadan yabancı ziyaretçilerininizi kurtarmanın vakti geldi artık.Sitenize ekleyeceğiniz bayraklı, flash ile yapılmış google translete kodunu sitenize ekleyip gelen ziyaretçilerin  ülkelerinin bayraklarının üzerine tıklayarak sitenizin bütün içeriklerini kendi dillerine çevirebilecekler.Eklentiyi blogubuza eklemek isterseniz. Kumanda Paneli>Tasarım>Gadget Ekle>Html/Javascript yolunu takip edip aşşağıdaki kodu açılan gadgetimizin içine yapıştırıp kaydediyoruz.Ardından bayrakların, blogumuzda görünmesini istediğimiz yerine sürükleyip bırakıyoruz. <style> .google_translate img { filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0;...

Son Yorumlar Eklentisi-Blogger Son Yorumlar Eklentisi

Bloğunuza yapılan  Son Yorumlar ın bir köşede liste halinde görünmesini sağlayan "Son Yorumlar" Eklentisini  eklemenin çeşitli yöntemleri var.Bugün sizlere "Son Yorumlar" eklentisini bloğunuza nasıl ekliyebileceğinizi  iki yöntemle anlatacağız; 1.Yöntem: Bloğunuzun yönetim panelindeki Tasarım sayfasından "Son Yorumları" Gadget olarak ekleme yöntemi.  2.Yöntem: Bloggerde bulunan bir eklenti üzerinde yapacağımız ufak bir hile ile bloğumuza "son yorumlar" eklentisi ekliyeceğiz. 1.Yöntem: Bloğunuzun yönetim panelindeki Tasarım sayfasından "Son Yorumları" Gadget olarak ekleme yöntemi: Tasarım>Gadget Ekle>Html/Javascript Gadgetini seçiyoruz.Başlık olarak "Son Yorumlar" yada isteğinize göre bir başlık yazabilirsiniz.Başlığımızı yazdıktan sonra aşşağıdaki kodu kopyalayıp gadgete yapıştırıyoruz.Burda dikkat etmemiz gereken nokta kırmızıyla yazdığımız yere kendi site adresinizi yazmanız. <script style="text/javascrip...