Blogger Üst Çubuk Eklemek

Görünüm:



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 class="incubuksol">&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 class="incubuksag"><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 class="incubukorta"><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>

Güle güle kullanın hepsi bu kadar..
Blogger Üst Çubuk Eklemek Blogger  Üst Çubuk Eklemek Reviewed by Oğuzhan Cabbaroğlu on 1/17/2012 Rating: 5

9 yorum

  1. hocam benim temamda < style > yok temanın neresine styke kodunu eklerim ?

    YanıtlaSil
  2. senin bi yere eklemen gerekmiyo bloggerda sidebar a widget eklicen html/java oraya kodu yapıştır kaydet!

    YanıtlaSil
  3. temaya ekleyince temanın sağ üst tarafında --> bu şekil bi hata oluyo neden

    YanıtlaSil

Image Link [https://lh3.googleusercontent.com/kXvOVaV2dIWC4gKWhzQhTK7KXwgYFcM_xkISmmlJH5MIYQ-nQogwFc1zAaKEpnqhaPEMJ1Vpn4SKbg=w1366-h768-rw-no] Author Name [Oğuzhan Cabbaroğlu] Author Description [Ozicab İnternet ve Tasarım Hizmetleri - Kurucu / Nam-ı Diğer Ozicab ] Facebook Username [ozicab] Twitter Username [ocabbaroglu] GPlus Username [107441494120937470968] Pinterest Username [ozicab] Instagram Username [ozicab]