Benim çok sevgili sevenlerim bir türlü kısa kesemediğim yazdıkça yazdığım yazdıkça yazdığım çok beğendikleri yazılarımı okurken sayfa başına dönüp başka yerleri bırgalamak istediklerinde mouseun tekerleğini defalarca kaydırıp sayfamın başına gitmesinler yorulmasınlar diye sayfama back to top ikonu ekledim. Siz de sayfanızda bu ikonu kullanmak istiyorsanız açıklamalar aşağıda efenim.
Nasıl Yaparız?
Blogger ana sayfasındayken Şablon => HTML’yi Düzenle diyoruz.
Açılan sayfada CTRL+F tuşu yardımıyla
]]></b:skin>
kodunu buluyoruz.
Bu kodun hemen üzerine aşağıdaki kodları yapıştırıyoruz.
padding:5px;
position:fixed;
bottom:10px;right:10px;
cursor:pointer;
}
Sonra yine CTRL+F yardımıyla </body> kodunu buluyoruz. Ve bu kodun hemen sonuna
<a href="#" id="backtotop"><img src="Resim Urlsi Ekle" alt="back to top" /></a>
<a href="#" id="backtotop"><img src="Resim Urlsi Ekle" alt="back to top" /></a>
Aşağıda birkaç buton seçeneği var. Bunlardan beğendikleriniz varsa butonun üzerine sağ tıklayıp "Resmin URL'sini kopyala" diyerek yukarıdaki kodda ”Resim Urlsi Ekle” yazan kısma eklemek istediğiniz yukarı çıkma butonunun url adresini yapıştırıyoruz. Kodları ekledikten sonra kaydetmeden önce bir önizleme yapın sonra kaydedin. Eğer kodları doğru eklediyseniz butonunuz sayfanıza eklenmiş olacaktır.
Yukarıdaki alternatifler hoşunuza gitmediyse Google'da "back to top icons" diye arama yaparak bulduğunuz görselin Url'sini de kullanabilirsiniz.
Bu benim sayfama eklediğim ilk HTML kodu. Pek HTML kısmını kurcalamak istemiyordum bozarım ederim diye ama yaptım oldu yuppiiiee. Haydi sıra sizde :)
Nasıl yaptığını öğrenmek isterim bana da lazım :))Söyler misin ?
YanıtlaSilPostu düzenleyerek daha açıklayıcı hale getirdim. Bi dener misiniz?
Silteşekkür ederim var ol.Fakat yukarı düğmesi ekranın solunda kaldı.seninki sağda aceba sağa nasıl geçer bu :)
Silbirde sayfayı mouse ile aşagı kaydırırken sizin ok sabit yanda bize bakıyor.benim yaptığımda ise ancak sayfanın en altına gidince ok ile göz göze geliyoruz:( zahmet oldu ama:(
Silsevgili Selma emegine sağlık.Bak buradan yaptım.senin verdiğin ikonun kodunuda kullandım güzel oldu:))Var ol..http://www.blogokulu.org/2012/04/blogger-yukari-cik-sayfa-basina-don.html
Silçok güzel açıklamışsınız ama sayfada kodlar kopyalanmıyor maalesef :'(
SilYazıyı tam olarak okusaydın altına düştüğüm notu görürdün :)
SilŞimdi de biz acemi bloggerlara destek ha? :D
YanıtlaSilSüpersin, ne diyim.^^
Estağfurullah canım olur mu öyle şey, bildiğimi paylaşıyorum işte :) Sağol şekerim :)
Silay ben istiyorum çok istiyoruuumm!!! noluuurrr
YanıtlaSilshewgy@gmail.com
Gönderdim yavrım :)
Silben kodalrı alabilirim şekerim :)
YanıtlaSilduyguygun@gmail.com
Gönderdim Duygucum :)
SilBen de istiyorummmm :)
YanıtlaSilBenim sayfanın son halini gördün mü? :) cursor çok tatlı oldu :) thank youuuuu very very much ablacım :)
YanıtlaSilay ne şeker bi blogmuş bu öylee :) buu imleci cicişli bicişli nası yapıyoruz da var mı bakkalda :)
YanıtlaSilbu arada ne dicem blogumda Forever new kolye çekilişim var katılırsan çok mutlu olurum sevgilerr :)
http://sinemspinkdiary.blogspot.com/2012/08/forever-new-kolye-cekilisi.html
çok teşekkür ederim ki :)
Silo sorduğun cicişli bicişli şey de var tükkanda, ahan da burada :)
http://supercellma.blogspot.com/2012/08/blogunuzafareimleciekleyin.html
Çekilişine de geleceğim :)
kodları yapıştır demişsiniz kopyalayamıyorum ben
YanıtlaSilYazının tamamını okusaydınız kodların niye kopyalanmadığını anlamış olurdunuz.
SilBu yorum yazar tarafından silindi.
YanıtlaSilEklentiyi ekledim fakat tıkladığımda sayfa yukarı çıkmıyor ne yazık ki. Bunun sebebi ve çözümü nedir? Yardımcı olursanız sevinirim.
YanıtlaSilİyiki de yukarı çık oku aramışım böyle cici bir bloğa daha önce nasıl denk gelmemişim. Kısmet bugüneymiş :)
YanıtlaSilEfenim arzu ederseniz bir boş vaktinizde kahve içmeye beklerim. Laflarız ordan burdan :)
çok teşekkürler :)
YanıtlaSil