- Home>
- Blog sitesi kurulumu , Blogunu Kur , eklentiler >
- Blog Back To Top Yukarı Çık Eklentisi Nasıl Eklenir
Posted by : Unknown
18 Aralık 2012 Salı
Blogger, Blogarınızda yazılarınız fazla ise okuyucularınızın bir tıklama ile sayfa başına gitmesine yardımcı olabilirsiniz. Sayfa yukarı çık eklentisi “Back To Top” ismi ilede bilinen çok şık bir eklentidir. Sayfa yukarı çık eklentisini blog şablon kodları arasına eklemek için yapılacak işlemler inceleyelim.
Not: Şablonunuzu yedeklemeyi mutlaka yapınız herhangi bir hatada şablonu geri yükleyebilirsiniz. Yedekleme ile ilgili açıklamaları buradan okuyabilirsiniz.
1. Blogger blogunuza giriş yapın. Sayfa sağ üst kısımdan şablon yedeğini alın.
2. Şablon ⇒ HTML’i düzenle tıklayın.
3. Widget şablonlarını genişlet tıklayın.
4. CTRL + F arama kutusunu açın ve kutuya aşağıdaki kodu yapıştırarak arattırın. Zaten kendi hemen bulacaktır.
Örnek görüntü :
Sağda çift düz parantezin başına mausunuzu tıklayın ve entere basın kod bir satır şağıya kayacak ve şu şekilde görülecektir.
Doğru olan budur.
Not: Şablonunuzu yedeklemeyi mutlaka yapınız herhangi bir hatada şablonu geri yükleyebilirsiniz. Yedekleme ile ilgili açıklamaları buradan okuyabilirsiniz.
1. Blogger blogunuza giriş yapın. Sayfa sağ üst kısımdan şablon yedeğini alın.
2. Şablon ⇒ HTML’i düzenle tıklayın.
3. Widget şablonlarını genişlet tıklayın.
4. CTRL + F arama kutusunu açın ve kutuya aşağıdaki kodu yapıştırarak arattırın. Zaten kendi hemen bulacaktır.
Arama yapılacak kodumuz :
]]></b:skin>Bu alanda dikkat etmeniz gereken bir konu var.Şablonlarda bazen kodlar bitişik çıkabilir.Böyle bir konu ile karşılaşırsanız ;
Örnek görüntü :
{ ]]></b:skin> |
Doğru olan budur.
]]></b:skin> |
5. Bu işlemleri düzelttikten sonra aradığımız kod bulundu ise bunun hemen üstüne aşağıdaki kodu kopyalayıp yapıştırın. Kaydedin. Yaptığımız tüm işlemin sonunda kaydedin yazmamamın nedeni, uyguladığımız işlemde yaptığımız bir hata varsa şablon bizi uyaracaktır.Bu nedenle her işlemde kaydedin şeklinde belirtiyorum.
Değişik resimleri incelemek için picasa a bakabilir URL’leri alıp kullanabilirsiniz.
Picasa giriş için tıklayın.
#backtotop {6. Şimdiye kadar hata almadığınızı kabul ederek devam ediyorum. şimdi aşağıdaki kodu arattırın ve bulun.
padding:5px;
position:fixed;
bottom:10px;right:10px;
cursor:pointer;
}
</body>7. Bulduğunuz kodun hemen üst kısmına aşağıda yapılandırılmış kodu kopyalayın ve yapıştırın. Kaydedin.Şablon hatası alırsanız, mutlaka tırnaklardan biri açık kalmıştır. Uyarı verir korkmayın. Farklı bir ülkeden bu işlemi yapıyorsanız, Google Translate dil çevirisi yaptığından kodların arası açık kalabilir.Tarayıcı üst kısımdan çeviriyi orjinaline ala tıklayarak, kodu tekrar alın ve yapıştırın. Düzelecektir.
<a href="#" id="backtotop"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9HhA87wtAoo3vKB_xmCn2d2xtIdZFAVtxvsZB2GvaJpLzzcfaWbEujBPyRlnrIjZN5kwqX1vAn5lf_EuYf8rQsbA0NMguAmcCAHI28d6ePPwBDLrs_S6CMrLr3LQYa0_2C8vPXH4bzho/s1600/sayfa+yukar%C4%B1.png" alt="back to top" /></a>
8. Resim Url yazan kısma isterseniz kendi beğendiğiniz bir resmin URL’sini ekleyerek şablona uygulayabilirsiniz. Resim ekleme ana kalıbı aşağıda verilmiştir. Dilediğiniz resmin URL’sini kullanabilirsiniz.<a href="#" id="backtotop"><img src="resim-Url" alt="back to top" /></a>
9. Yukarıda hazır kod içinde verilen resmin URL’si aşağıda gördüğünüz resime aittir ve Picasa da barındırılmaktadır. Rahatlıkla kullanabilirsiniz.Değişik resimleri incelemek için picasa a bakabilir URL’leri alıp kullanabilirsiniz.
Picasa giriş için tıklayın.