Günümüz'de blog açımları ve kullanıcıları gittikçe daha da artmakta.Bu süre zarfı içinde tüm bloglar birbiriyle yarış içinde bazıları sırf art niyetli olup para için açsada blog kullanmaktan vazgeçmiyorlar.
Konumuza dönelim arkadaşlar , burada devreye değişik sistem giriyor.Herkes birbirinden farklı olmak istiyor , kimi kendi sıfır tema elde ediyor , kimileri blogger şablonları editleyip kullanıyor diğerleri ise portal , forum ve bloglarda paylaşılan temaları kullanmakta.Bugün size blogger yan menu oluşturmayı anlatıcam.Göze çarpıcı ve daha bir hoş görüntü elde ediyoruz.Anlatıma geçeyim..
Blogger yan menü yapmak çok kolay.
Blogger şablonumuzda
]]></b:skin>kodunu bulup ve üstüne aşağıdaki kodları ekliyoruz.
.fixed_menu {
position: fixed; /*set the position type for non IE systems*/
top: 140px;
left: 0px;
width: auto;
margin: 0 0px 0px 0px;
background: #ffffff;
opacity:.900;
filter: alpha(opacity=90);
padding: 7px 5px 5px 5px;
-moz-border-radius-topright: 10px;
-moz-border-radius-topleft: 0px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 0px;
}
.fixed_menu a:hover img {
position: relative;
top: 2px;
left: 2px;
border-top: 1px solid #b3b3b3;
border-left: 1px solid #b3b3b3;
border-bottom: 2px solid #999999;
border-right: 2px solid #999999;
}
.fixed_menu a { display: block; } /*Optional : This puts each link in the menu on a new line, remove if you want a horizontal menu*/
* html .fixed_menu {position:absolute;} /*IE only change the position mode of the menu*/daha sonra
<body>kodunu bulup hemen altına
<div class='fixed_menu'>
<a href='http://hipertimestik.blogspot.com' title='Home'>
<img src='http://i46.tinypic.com/33be0cg.png'/></a>
<a href='mailto:Email Adresinizi yazın' title='Mail me'>
<img src='http://i45.tinypic.com/6glawh.png'/></a>
<a href='http://hipertimestik.blogspot.com/feeds/posts/default' title='Konularımı takip et.'><img src='http://i49.tinypic.com/2ym8u10.png'/></a>
<a href='http://hipertimestik.blogspot.com/feeds/comments/default' title='Yorumlara abone ol.'><img src='http://i46.tinypic.com/24e2fc7.png'/></a>
<a href='javascript:scroll(0,0)' title='Scroll to top of this page'>
<img src='http://i45.tinypic.com/2qsmn12.png'/></a>
</div>Arkadaşlar böylece bitirmiş olduk he bu arada bitirmeden kırmızı renkteki yerleri kendinize göre düzenleyin.
0 yorum:
Yorum Gönder
Küfür ve argo kelimeler silinir.