Kayıtlar

Kasım, 2013 tarihine ait yayınlar gösteriliyor

Blogger Widgetlerine Scroolbar Ekleme

Resim
Blogger'da bazı widgetler  çok uzun olduğu için aşırı yer kaplayıp çirkin bir görüntü oluşturuyor.Bu durumu güzel  bir Scroolbar ekleyerek güzelleştirebiliriz.
Genellikle Etiketler,Popüler  yayınlar,Hiyerarşik blog arşivi için kullanmak uygun düşüyor.bunu yapmak için bir kaç css kodunu temamıza eklemek yetecektir.

Önce ]]></b:skin> kodunu  buluyoruz ve üzerine aşağıdaki kodları ekliyoruz.



        #WidgetID ul{

        max-height:200px;

        overflow:auto;

        }

        #WidgetID ul::-webkit-scrollbar {

        height:12px;

        width: 12px;

        background: #333;}

        ::-webkit-scrollbar-thumb {

        background-color: #ccc;

        -moz-border-radius: 10px;

        border-radius: 10px;

        }
 Yukarıdaki kodlarda max-height:200px; kodunda widgetimizin maximum yüksekliğinin değerini yazıyoruz.200 yazılmış  siz 300-400 kaç px olmasını istiyorsanız öyle  yazın.

sırada WidgetID kısmına widgetimizin id  sini yazacaz.peki widget id  mizi nasıl bulucaz.

widgetimizi açıyor…

Blogger, Feedburner abone sayacı nasıl eklenir?

Resim
Feedburner rss abonelerimizin sayısı gösteren ufak bir sayaca ihtiyacınız varsa aşağıdaki adımları izleyin;
*Feedburner.com'da oturum açın.

*Sayacını istediğiniz sitenizi tıklayın.

*Publicize sekmesinden FeedCount'u seçin.

*Renk seçimlerinizi yapın ve kodu kopyalayın.

*Activate tuşuna basın.

*Kodu websitenizin  herhangi bir yerine yerleştirebilirsiniz.

Demo: http://oyunkolikim.blogspot.com/ (Blogun sol üst köşesine bakın)

Blogger Etiket Ayarlı Son Yayınlar Kayan Başlıklar Eklentisi

Resim
Blogger  sitenizde son yayınların kayarak geçmesini isterseniz bu eklentiyi  kullanabilirsiniz.eklenmesi  çok basit HTML/Javascript widgeti olarak ekleyebilirsiniz.
başlıkların kayma hızını ayarlayabilirsiniz.

tıklanınca aynı pencere yada yeni pencerede açılmasını sağlayabilirsiniz.

genişlik otomatik olarak kendisi ayarlanır.headerin altına yada kenar çubuğuna veya footer a ekleyebilirsiniz.


Demo:

KOD:

        <script type="text/javascript">

        function RecentPostsScrollerv2(json)

        {

           var sHeadLines;

           var sPostURL;

           var objPost;

           var sMoqueeHTMLStart;

           var sMoqueeHTMLEnd;

           var sPoweredBy;

           var sHeadlineTerminator;

           var sPostLinkLocation;

           try

           {  

           sMoqueeHTMLStart = "\<MARQUEE onmouseover=\"this.stop();\" onmouseout=\"this.start();\" ";  



           if( nWidth)

           {

            sMoqueeHTMLStart = sMoqueeHTMLStart + " wid…