Ad Code

Responsive Advertisement

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/AVvXsEjZRUv0Esj04LvsBFhBgf7Nhu5GpiSFOSafnUc_-e6VJ3LTTZscvYzPiY_woG0ASJDiqAFvOBLkziDjzp7sDZIAao7jxWnjyJxxvsSXimUfPRv-sq_E0RoRkStnLGNIPECowUoWbk9YOMxa/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

Yorum Gönder

0 Yorumlar