ile kodlanmıştır.
Blogger dersleri yazı dizisine devam ediyoruz. Bu sefer anlatacağım eklenti ise şu şekilde; Blogunuzun yan tarafına, Anasayfa linki, mail ve rss iconları ekliyor. Dolayısı ile hem blogunuzun görselleşmesini hem de rss ve iletişim bilginizi ziyaretçilerinizin kolayca görmesini sağlıyorsunuz. Sayfa aşağıya indikçede, yan menü aşağıya iniyor. Yani, çok kullanışlı bir eklenti olduğunu düşünüyorum. Kullanımı ise çok basit, aşağıdaki adımları uygulamanız yeterli olacaktır. Şimdiden kolay gelsin arkadaşlar.
Öncelikle, Widget Şablonlarını Genişlet seçeğinin yanındaki kutucuğu işaretliyoruz.
Daha sonra ise, aşağıdaki kodu buluyoruz,
]]></b:skin>
Daha sonra, yukarıdaki koddan önce 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: #f1f1f1;
padding: 7px 5px 5px 5px;
border-right:1px solid #ddd;
border-top:1px solid #ddd;
border-bottom:1px solid #ddd;
}
.fixed_menu a:hover img {
position: relative;
}
.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*/
Son olarak aşağıdaki kodu buluyoruz;
<body>
Ve yukarıdaki koddan sonra aşağıdaki kodu ekliyoruz;
<div class='fixed_menu'>
<a href='http://blogunuzunlinki' title='Anasayfa'>
<img src='http://www.yukleresim.com/dm-0VM7.png'/></a>
<a href='mailto:mailadresiniz' title='Mail'>
<img src='http://www.yukleresim.com/dm-FMJE.png'/></a>
<a href='http://blogunuzunadi.blogspot.com/feeds/posts/default' title='Yazılar için RSS!'>
<img src='http://www.yukleresim.com/dm-QQIE.png'/></a>
<a href='http://blogunuzunadi.blogspot.com/feeds/comments/default' title='Yorumlar için RSS!'>
<img src='http://www.yukleresim.com/dm-3TR9.png'/></a>
</div>
Yukarıda yer alan kırmızı renkli linkleri, kendi blogunuza göre değiştirmeyi unutmayınız.
Merhabalar, yazınızı çok beğendim yalnız o iconlara basılınca bir yere bağlanmıyor? sorun bende galiba... nasıl çözeceğim?
Merhaba,
Yazı güncellenmiştir. Yazıda yer alan kırmızı renkli linkleri kendi blogunuza göre düzenlediğiniz zaman, herhangi bir problem olmaması gerekmektedir.
İyi Çalışmalar
Teşekkürler..
Merhabalar,siteniz çok güzel,yararlı,teşekkür ederiz.
Bu eklentiyi yaptım,çalışıyor ancak resimleri çıkmıyor,kutucuklarda x var...
@breeze;
Merhaba,
İlgili kodlar güncellenmiştir. Lütfen kodları tekrar eklemeyi deneyiniz.
İyi Çalışmalar