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.
Ö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 <body> 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;
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: