DavutErarslan 10 von 109Oy 5 Kritik
Bloggerda şuan da benimde kullandığım bir blogger menüsü olan Sliding Menu Bar widgetinin kurulumunu anlatacam güzel ve kullanışlı bir eklenti..

Bu eklentiyi bende yabncı bir blogda gördüm kaynak aşağıda belirtilmiş zaten.Bende araştırdım buldum ve anlatıyorum..

1. Adım

Blogger hesabımıza giriş yaptıktan sonra yerleşim/html düzenle diyoruz.

2. Adım

]]></skin> bu kodu buluyoruz (CSS) ve üstüne aşağıdaki 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*/



3. Ve Son Adım

<body> bu kodu buluyoruz ve hemen alt tarafına şu kodları yapıştırıyoruz.

<div class='fixed_menu'>

<a href='http://davuterarslan.blogspot.com' title='Ana Sayfa'><img src='http://blogfixes.googlepages.com/HomeIcon1.png'/></a>

<a href='http://davuterarslan.blogspot.com/2009/02/link-degisimi.html' title='İletişim'><img src='http://blogfixes.googlepages.com/EmailIcon1.png'/></a>

<a href='http://davuterarslan.blogspot.com/search/label/Blogger%20Yard%C4%B1m'><img src='http://i42.tinypic.com/bdsc9g.jpg'/></a>

<a href='http://davuterarslan.blogspot.com/feeds/posts/default' title='Yazılar RSS'><img src='http://blogfixes.googlepages.com/feediconblue1.png'/></a>

<a href='http://davuterarslan.blogspot.com/feeds/comments/default' title='Yorumlar RSS'><img src='http://blogfixes.googlepages.com/FeedIconorange.png'/></a>

<a href='javascript:scroll(0,0)' title='Yukarı Çık'><img src='http://blogfixes.googlepages.com/top.PNG'/></a>

</div>





Bunları yaptıktan sonra kaydedip çıkıytoruz..


Bu eklentinin blogger için Demo'su Orjinal kaynağı.
Altay93 dedi ki...
Bu yorum yazar tarafından silindi.
9,10.11.12. sınıf dil anlatım ve edebiyat cevapları dedi ki...

gerçekten güzel bi görünümü var... tebrikler...

Serkan ERDOĞAN dedi ki...

davut bende olmuyor :( problem ne olabilir?

Yorum gönderirken lütfen alakalı yorumlar yollayın.

Burada yer alan Haber7 haberleri ile güncel hayattan haberdar olun. Davut Erarslan haber eklentisi vardı önceden onu da bir ara eklerim.

Daha fazka haber için tıkla. Haber7 haberleri
blogger"