Blogger Yan Menü Eklentisi - Vektörel Çizim İndir,Vektörel Logo İndir,Kartvizit,Davetiye

Güncel Yayınlar

Post Top Ad

12 Ekim 2016 Çarşamba

Blogger Yan Menü Eklentisi

blogger yan menü

Resimdeki gibi şık ve pratik bir yan menü kullanmak istemez misiniz ? Blog sitenize gelen ziyaretçilere ve size yardımları dokunacaktır. Resimdeki yan menüyü yapmak için aşağıdaki adımları takip edin.

Yerleşim < Html'yi Düzenle diyerek aşağıdaki kodu aratıyoruz ;
]]></b:skin>

Bulduğumuz kodun hemen üstüne alttaki kodları yapıştırıyoruz ;
.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*/

Sonra aşağıdaki kodu bulup ;
<body>

Hemen altına aşağıdaki kodları ekliyoruz ;
<div class='fixed_menu'>
<a href='http://berkaltunkilic.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://berkaltunkilic.blogspot.com' title='Konularımı takip et.'>
<img src='http://i49.tinypic.com/2ym8u10.png'/></a>

<a href='http://berkaltunkilic.blogspot.com' 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>

Son kod alanında bulunan linkleri kendinize göre düzenlemeyi unutmayın.

Hiç yorum yok:

Yorum Gönder