Blogunuza Kapatılabilir Bilgilendirme Cubugu Ekleyin

Blogunuza Kapatılabilir Bilgilendirme Cubugu Ekleyin

       Blogunuza kaliteli bir bilgilendirme çubuğu eklemek istemez misiniz ? Şayet sosyofikir gibi bir sitede yazıyorsanız 🙂 Bir ara elli kere tema düzenliyorduk. Ee haliyle kullanıcımızda sıkılmıştı bu durumdan kısa bir bilgilendirme mesajı böyle durumlarda fena olmaz galiba. 🙂 Neyse artık konumuza geçelim ;
 Sayfanızın altında bir bilgilendirme mesajı ve siz istediğinizde kapatabiliyorsunuz.
Aşağıdaki kodu bulunuz ;

</body>


Şimdi yapmanız gereken </body> kodu’nun hemen üstüne aşağıdaki kod dizisini eklemek;

<style type='text/css'>
#ut-sticky
{
background:url(&#39;http://3.bp.blogspot.com/-7oGSlq30cTw/Tv33CS4WGgI/AAAAAAAAA0w/HxId_tRUae8/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 bilgilendirme çubuğu eklentisi ekleyin, bir tık uzakta <a href='https://www.sosyofikir.com/2012/04/blogunuza-kapatlabilir-bilgilendirme.html' 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>

Kodlar içerisinde şu kodu aratırsanız ;

Blogger bilgilendirme çubuğu eklentisi, bir tık uzakta yazmak istediğiniz yazıları ve linki kendinize göre düzenleyebilirsiniz.

demo button 8

Yararlandığım Kaynak:

SpiceUpYourBlog