23 Nisan 2010 Cuma

Blogger 'Yukarı çık' simgesi, butonu eklemek

Ana sayfalar alta doğru uzun olabilmektedir. Sayfanın başına bir simgeye tıklanarak gitmek için ;
Blogger a giriş yaptıktan sonra yerleşimden HTML'yi düzenleye geliyoruz.
Ctrl+F yardımı ile
<body>
kodunu buluyoruz ve hemen üstüne aşağıdaki kodu yapıştırıyoruz.
<div style="position: fixed; bottom: 5px; right: 5px;"><a href="#" title="Back to Top"><img src="icon URL"/></a></div>
Önizlemeyle temamızı kontrol edip şablonu kayıt ediyoruz. Simge sağ alt köşede görünecektir.

Açıklama:
Koddaki icon URL kısmını tercih ettiğimiz simge resmin URL adresiyle değiştiriyoruz.
Örnek simge



'Back to Top' yazısını istediğimiz yazıyla değiştirebiliriz. Örneğin 'Yukarı Çık'..
Piksel değerlerini arttırarak simgenin pozisyonunu değiştirebiliriz.
ör: bottom: 10px; right: 10px;.


Tags
Blogger yukarı çık simgesi eklemek, blogger yukarı taşı ikonu, butonu eklemek

0 yorum:

Yorum Gönder

Related Posts with Thumbnails