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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfn50R56-b4K11ZKRoeMC45QoZXZPkSvYVekqdiM1wlXI5vAmxdskcOUv4u_I-PKofcFEnB0coQowN9PejhPgvr5lpb_PYPKQfgFbSuz-ML52MQDwAOoKPAfCVN4PPzmeJIj6pOo0mvGT7/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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiylO2EWwEJdOrlFpaYZenUjmFsv-GKnku0gQpHdldez4DPsTggOnO1_mLypNlTW9zlpH6if9oWFBVfR0W4vMAbTXJ3Tf3XeIo853enBE_Aqw8orZoe8mxGEur9RwyKjd-5bpSKWglh9F5Y/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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhddtjaXLqGYN3GR6JTmjr3kZcSs5mk2gO1YkVfb6H29KrroDcslGQ3aj2ExEhDFRg6PhZBB9sHGEePnnKWhQWB7oQS0Lcg5zsNH2HnLeJ_mKwSZ-FArHnwf99k0UxlZm4Aobf25yhGTPbD/s1600/videoyuklevideozi.png" /></a>&nbsp;<a href="#"><img border="0" width="115" height="30" alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdh_vRiDqW6SSIgCuvJ8hONSlDpXiKW_WOa79dYtUUSo1Mf1RzAc2fm7jn63q5HLgUjt3IRBvRe_ttvlzBzNO8C176FzIjJE44J8i_qF28eykHykzCNLJTh8_0ISLffrog5iih3iF5B_rX/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..