Blogger Üst Çubuk Eklemek

BLOGGER ÜST ÇUBUK EKLEMEK 

Evet yukarıda ki resimde gördüğünüz gibi sizinle birlikte kayan sabit üst çubuk. Demo görmek için buraya tıklayın! İsterseniz tek bi değişikle üstte sabitleyip kaymasını durdurabilirsiniz..

Aşağıdaki kodu blogger sitenizde tasarım bölümünden sayfa öğelerinden html/java script ekleyip başlık koymadan içine ekleyiniz.. <style> … </style> etiketi arasındaki yükseklik, arka plan, üst boşlukları kendinize göre değiştirebilirsiniz..

Kod:

<style type="text/css"> #cubuk { background-image: url(http://3.bp.blogspot.com/-GIu8dU4dMd8/TwxZlUiF93I/AAAAAAAAAUQ/95qix4c9VNI/s1600/navideozi.png); border-style: none; margin:0px; font-size:11px; font-family: Trebuchet MS, Arial, Verdana; top: 0px; margin-bottom:0px; padding:0px; z-index:1; height: 34px; left: 0px; position: fixed; right: 0px; color: #fff; width: 100%; } .incubuksol { float: left; margin: 0px; } .incubukorta { float: center; margin: 5px; } .incubuksag { float: right; margin: 1px; }</style> <div id="cubuk"> <div>&nbsp;<a href="/"><img width="35" height="35" border="0" alt="" src="http://1.bp.blogspot.com/-o4_b5VAchFQ/Twb-f8DEGRI/AAAAAAAAASM/i_iW16UbR2E/s1600/2012favicons.png" /></a> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div> <div><a href="http://videozi.blogspot.com/p/video-yukle.html"><img border="0" width="115" height="30" style="margin-top: 0px" alt="" src="http://4.bp.blogspot.com/-qNLG4GDioBI/TuoCC02zPyI/AAAAAAAAAMQ/dej0u5b6bwk/s1600/videoyuklevideozi.png" /></a>&nbsp;<a href="#"><img border="0" width="115" height="30" alt="" src="http://2.bp.blogspot.com/-BoOnzvWwuJw/TuoCCY7LzDI/AAAAAAAAAMM/YOt-EZbXlhE/s1600/facebookgirvideozi.png" /></a>&nbsp;</div> <div><center> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<iframe src="//www.facebook.com/plugins/like.php?href=http%3A%2F%2Ffacebook.com%2Fvideozi&amp;send=false&amp;layout=standard&amp;width=450&amp;show_faces=false&amp;action=like&amp;colorscheme=light&amp;font=verdana&amp;height=35&amp;appId=126130847466547" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:850px; height:36px;" allowtransparency="true"></iframe> </center></div> </div>