7 Ağustos 2010 Cumartesi

Blogger Yukarı Butonu

'
Bazı Blogger temalarında vardır yukarı butonu.Ancak ya yoksa?Yada ziyaretçi boğuk bir mesajın içinde kaybolmuşsa. İşte tam bu anda yardımınıza Superman gibi uçup geliyorum. Aslında Dmry'de gördüğüm bu kodları Blogger adına keşfetmiş oluyorum.Ayrıca çok ufak düzenlemeler yapıp sizlere sunuyorum.

DEVAMINI OKUMAK İÇİN KONU BAŞLIĞI VEYA DEVAMINI OKUYU TIKLAYINIZ.


Önceki anlatımlarımda olduğu gibi "-" işaretini kodları yazarken kaldırın.
İlk olarak <-body-> kodundan önce aşağıdaki kodu yazın.
<-a id="sayfaustu"><-/a->Sonra ise kodundan önce aşağıdaki kodu yazın.

<-p id='page-top' -><-a href='#sayfaustu' title='Kaybolduysan Yukarı'->Yukarı

Daha sonra ise CSS kodlarınız arasında bir yere aşağıdaki kodu yapıştırın.



#page-top {
position: fixed;
display: block !important;
display: none; /* Hide from IE6 */
bottom: 5px;
right: 10px;
padding: 2px 0 2px 20px;
background: url(images/sayfa-yukari.png)
left center no-repeat;b
font-size:11px;
}

#page-top a:link, #page-top a:active,
#page-top a:visited, #page-top a:hover
{text-decoration:none;}


Şablonu kaydetmeden önce 'resmi kendi hostunuza yükleyin.Daha sonra kodlar kırmızı ile işaretlediğim yerleri silip resmin linkini yazın.

0 yorum:

Yorum Gönder