Blogger Kapanabilir Bilgilendirme Çubuğu Eklentisi
Blogger blogunuzun altında , ziyaretçilerinizi bilgilendiren bir eklenti istermisiniz ? üstelik bu eklentimiz kapat butonu ile kapanabiliyor..
Blogunuza eklediğiniz bir özelliği , ziyaretçilerinizin ilgisini çekecek bir konuyu , veya reklam amaçlı kullanabileceğiniz bu eklentiyi blogger blogunuz için kullanmak isterseniz aşağıdaki adımı uygulayın ve Blogger Kapanabilir Bilgilendirme Çubuğu Eklentisini sizde blogger blogunuzda kullanın..
Aşağıdaki kodumuzu buluyoruz..
</body>
Bulduğumuz kodun hemen üstüne aşağıdaki kodları ekliyoruz..
<style type='text/css'> #ut-sticky { background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7-cm8NoxWXcqMwRc6WOcDxcwg4R7l_RApR_HFpalqDgyqfsEJCgzrjckRbfNU_RfvFEEuekacaObixRVRGd2AAb7T7Sco6g2olZ768_sM2G9O9pZvMxeS43sQwJc6Y2zZFgmhWzFkFTJv/s1600/ut-bg.png') repeat; color:#fff; text-align: center; margin:0 auto; border-top: 1px solid #fff; height:28px; font-size:13px; position:fixed; bottom:0; z-index:999; width:95%; border-top-left-radius:15px; border-top-right-radius:15px; display:block; font-weight: bold; font-family: arial,"Helvetica"; font-color:#fff; } #ut-sticky:hover {background:#333;} #ut-sticky p{line-height:5px; font-size:13px; text-align:center; width:95%; float:left;} #ut-sticky p a{ text-decoration:underline; color:#FFFF33;} .ut-cross{display:block; position:relative; right:15px; float:right;} .ut-cross a{font-size:18px; font-weight:bold; font-family:"Arial"; color:#FF0000; line-height:30px;} </style> <div id='ut-sticky'> <p>Blogger Şeffaf bilgilendirme çubuğu eklentisi <a href='http://eklentileri.blogspot.com' target='_blank'>Blogger Eklentileri</a></p> <div class='ut-cross'><a href='javascript:hide_cross();'>X</a></div> </div> <script language='JavaScript'> function hide_cross() { crosstbox = document.getElementById("ut-sticky"); crosstbox.style.visibility = 'hidden'; } </script>
Dikkat etmemiz gereken , kırmızı ile yazılmış alanı kendinize göre uyarlayınız , ister yazı yazın , isterseniz link verin , bilgilendirme çubuğunda görünecek alan burası..DEMO
<<< Bu Yazı için Arama Sonuçları >>>
Blogger Kapanabilir Bilgilendirme Çubuğu Eklentisi , Blogger bilgilendirme çubuğu , Blogger bilgi kutusu eklentisi , blogger sayfa altında bilgilendirme , blogger kapanabilir bilgilendirme çubuğu
Blogger Kapanabilir Bilgilendirme Çubuğu Eklentisi , Blogger bilgilendirme çubuğu , Blogger bilgi kutusu eklentisi , blogger sayfa altında bilgilendirme , blogger kapanabilir bilgilendirme çubuğu
Eklentileri.blogspot.com Hakkında.
Bizi Facebook ve Twitter üzerinden de takip edebilirsiniz..
6 yorum:
bunun üstte olanı yokmu ?
@Onur Batur
Kod içinde yer alan , bottom:0; kodunu top:0; olarak değiştirirseniz üstte yer alacaktır..
teşekkurler cok güzel durdu portalda..
yaptım sağol ama ortada durmadı. sola yatık oldu. center dedim ama yapamadım yardım edebilir misin
admin ben sağ ve sol köşeler için sabit reklam eklemek istiyorum. daha doğrusu bazı sitelerden bir kod bulup ekledim ama bende hiçbir tarayıcıda sorun olmadığı halde ziyaretçilerde sitenin üzerinde görünüyormuş. kodla reklamı iyice köşeye yapıştırdım ce 160 genişliği 120 yaptım yine aynı sorunu yaşıyorlarmış. doğru düzgün çalışan bir kod paylaşabilirmisin.
arkadaşlar ortalamak için şunları yapmalısınız;
1. Adım:
#ut-sticky
{
kodunun altına "left: 5%;" kodunu eklemeniz gerekli.. :)
2. Adım:
"width:95%;" kodunu bulun ve "width:90%;" kodu ile değiştirin.
Yorum Gönder