15 Şubat 2012 Çarşamba

Blogger Yukarı Bağlantısı (Butonu)

01:46  m-bay  2 Yorum

   Bazen bloglarımıza çok uzun yazılar yazabiliyoruz. Bloğumuzu ziyaret eden kullanıcılar bu uzun yazıyı okuduktan sonra menü çubuğuna, sayfa başlığına veya yan bar'a ulaşmak için fazladan işlem yapıyorlar. Sayfayı kullanan ziyaretçilere sunulan kolaylıklarla birlikte sitenizin gezilme oranının artmasıda bir gerçektir. Bu yüzden 1 satır etiketle "Yukarı Çık", "Başa Dön" metinlerine bağlantı vererek veya aynı şekilde bir resime bağlantı vererek bu kolaylığı site kullanıcılarına sunabilirsiniz. Aşağıdaki adımları uygulayın;

1. Blogger hesabınıza giriş yapın. Blogger

2. Birden fazla bloğunuz varsa, "Başa Dön" eklemek istediğiniz bloğun içine girin.

3. Sol menü çubuğundan "Şablon" butonuna basın.

4. Bloğunuzun ön izlemesinin altında bulunan "HTML'yi Düzenle" butonuna basın.

5. Açılan sayfada "Devam Et" butonuna basın.

6. Widget şablonlarını genişletin.

7. Kodlarımız yüklendikten sonra "Ctrl + F" tuş kombinasyonu ile arama kutusunu aktif hale getirin.

8. Aşağıdaki yazıyı arama kutusuna yazın ve arama yapın.
</body>
9. </body> etiketinin hemen üstüne aşağıdaki kodları yapıştırın.
<a style="display:scroll; position:fixed; bottom:5px; right:5px;" href="#" title="Yukarı Çık">Başa Dön</a>
10. Bu kodlar <body> ve </body> etiketlerinin arasında olmak zorundadır.

Özelleştirme

   Yukarıdaki kodlarla "Başa Dön" linki sayfanızın sağ alt köşesinde sabit (sayfa yukarı aşağı oynatılsa bile) kalacaktır. Sabit kalmasını "position:fixed" özniteliği sağlamıştır. "bottom:5px" özniteliği yazının aşağıdan 5px yukarıda olmasını, "right:5px" özniteliğide sağdan 5px solda olmasını sağlamıştır.

Aşağıdaki kombinasyonları deneyebilirsiniz;

1. "Başa Dön" linki sol alt köşede olsun. bottom:5px; left:5px;

2. "Başa Dön" linki sağ üst köşede olsun. top:5px; right:5px; bu öznitelik atamalarını asıl kodlarınızda değişiklik yapabilirsiniz.

"Başa Dön" yazısı yerine resim kullanabilirsiniz. Yapmanız gereken Başa Dön yazısı yerine şu etiketi eklemeniz.
<img src="RESİM_YOLUNUZ"/>
Resimli etiketin tamamı;
<a style="display:scroll; position:fixed; bottom:5px; right:5px;" href="#" title="Yukarı Çık"> <img src="RESİM_YOLUNUZ"/> </a>
Özelleştirmeler tamamen sizin zevkinize kalmış...

İyi bloglamalar...

Kategori:

2 yorum:

MCD – MGM Casino, Hotel & Spa, NV, United States of America
MCD 군포 출장안마 is the official name of 천안 출장마사지 MGM Resorts 진주 출장안마 International and the World's largest integrated casino brand. MCD is the primary operator of 전라북도 출장샵 casino resort destination resorts in 익산 출장마사지

Yorum Gönder