.

3 Nis 2012

Blogger Kapanabilir Bilgilendirme Çubuğu Eklentisi


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(&#39;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7-cm8NoxWXcqMwRc6WOcDxcwg4R7l_RApR_HFpalqDgyqfsEJCgzrjckRbfNU_RfvFEEuekacaObixRVRGd2AAb7T7Sco6g2olZ768_sM2G9O9pZvMxeS43sQwJc6Y2zZFgmhWzFkFTJv/s1600/ut-bg.png&#39;) 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,&quot;Helvetica&quot;;
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:&quot;Arial&quot;; 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(&quot;ut-sticky&quot;);
crosstbox.style.visibility = &#39;hidden&#39;;
}
</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

Eklentileri.blogspot.com Hakkında.


Blogumuz ilk yayınından bu güne , blogger eklentilerini , tüm blogger kullanıcılarına ulaştırmak için yayın yapmış , bu süre içinde hiç bir şekilde kar/gelir elde etmemiş , etmiyecektir..Lütfen desteklerinizi bizden esirgemeyin..

Bizi Facebook ve Twitter üzerinden de takip edebilirsiniz..

6 yorum:

Adsız dedi ki...

bunun üstte olanı yokmu ?

Eklentileri.Blogspot dedi ki...

@Onur Batur

Kod içinde yer alan , bottom:0; kodunu top:0; olarak değiştirirseniz üstte yer alacaktır..

Unknown dedi ki...

teşekkurler cok güzel durdu portalda..

Sokaktaki Birisi dedi ki...

yaptım sağol ama ortada durmadı. sola yatık oldu. center dedim ama yapamadım yardım edebilir misin

Adsız dedi ki...

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.

HastaLaVi2 dedi ki...

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

Blogger tarafından desteklenmektedir.