Benden
BlogcuForum'da en fazla istek alan uygulamayı
Blogger'de kullanılabilir hale getirmemi isteyen birçok kişi oldu. Elimde bir kaç proje olduğundan bu uygulamayı hazırlamam biraz gecikti. Bu gecikmeden dolayı istekte bulunan bütün arkadaşlardan özür dilerim.
Blogger'de afilli bir feedback butonu için yapmanız gereken adımları kolayca anlayabileceğiniz şekilde anlatacağım. Anlatacağım aşamaları düzgün bir şekilde yaparsanız benim blogumda sağ tarafta bulunan Feedback butonuna tıkladığınızda karşınıza çıkan iletişim ekranı gibi bir özelliğe kendi blogunuzda da sahip olabilirsiniz.
1. İlk olarak yapmanız gereken daha önce anlatımını yaptığım Colorbox uygulamasını kurmalısınız. Colorbox uygulamasının blogger entegrasyonunu iki bölüm halinde yayınlamıştım.
Colorbox Bölüm 1 ,
Colorbox Bölüm 2
2. Colorbox uygulamasını blogunuza sorunsuz entegre ettiğinizi düşünerek anlatıma devam ediyorum. Şimdi yapmamız gereken. Blogumuzun yanına yerleştireceğimiz feedback butonunun Css kodlarını blogumuzda ki Css kodlarınına eklemeye.. Aşağıdaki kodları blogunuzun Css kodlarının en altına kopyalayın.
/* FeedBack Butonu */
#feedbackright img {
border:0px;
float:right;
position:fixed;
right:-10px;
top:160px;
}
#feedbackright img:hover {
right:-5px;
}
/* -------------------------------- */
3. Feedback butonunun css kodlarınıda ekledikten sonra sıra blogumuzun Html kod bölümünde yapacağımız düzenlemeye... Blogunuzun Html kodları arasında
<div id='wrapper'> veya <div id='outer-wrapper'>
kodlarını aratın. Eğer bu kodlar temanızda bulunmuyorsa Header div kodunun hemen üstüne aşağıdaki kodu kopyalayın.
<div id='feedbackright'>
<a href='açılmasını istediğiniz sayfanın bağlantısı' id='websayfa' target='blank'>
<img src='http://tinyurl.com/dldzh5'/>
</a>
</div>
4. Yukarıdaki kodda feedback butonunu değiştirmek için http://tinyurl.com/dldzh5 bağlanısının yerine kendi istediğiniz resmin bağlantısını verebilirsiniz.
Bu anlatımı yaparken
şurada bulunan "Blogger'de Sağ Tarafa Feedback Butonu Yapalım" makalesinden yararlanılmıştır.
Soru/Öneri/Görüşlerinizi bu yazıya yorum yaparak veya
iletişim formundan iletebilirsiniz!..