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('http://3.bp.blogspot.com/-7oGSlq30cTw/Tv33CS4WGgI/AAAAAAAAA0w/HxId_tRUae8/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 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("ut-sticky"); crosstbox.style.visibility = 'hidden'; } </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.
Yararlandığım Kaynak:
SpiceUpYourBlog
Yorumlar