Sayfayı Yukarı Çekme Kodu

Günümüz web sitelerinde önde gelen ihtiyaçlardan birisi de sayfanın en altına inildiğinde sayfayı tekrar başa çekme ihtiyacıdır. Bir çok içerik sitesinde gördüğünüz sayfanın sağ yahut sol alt köşesinde bulunan “sayfayı yukarı çek/yukarı vb.. ” buton yada uyarıları artık herkes kendi web sitesinde görebilir.

Özelliği; İnternet sitenizin alt kısmına düşen buton sayesinde en aşağıda sayfanın en üstüne tek tkla çıkılmasını sağlar.

Normal Kod:

</html> </dl> </blockquote> <h5><a href=”#top” _fcksavedurl=”#top”>Basa Don</a> </h5> </body> </html> <br />

İkonlu Kod:

</html> </dl> </blockquote> <h5><a href=”#top” _fcksavedurl=”#top”><img src=”http://img293.imageshack.us/img293/4503/imagesgz3.jpg” _fcksavedurl=”http://img293.imageshack.us/img293/4503/imagesgz3.jpg” border=”0″ alt=”Yukari İmages”/></a><br/></a> </h5></body> </html> <br /><br />

Kodun Yerleşimi

Genel olarak kod sayfanızın en altına yerleşmesi gerekmektedir.

WordPress: “Görünüm” menüsünden “editör’e(Düzenleyici)” tıklıyoruz, Sağ bölümde bulunan Şablonlardan “Alt Kısım’a (Footer.php)” tıklıyoruz. Alt Kısım Şablonunda “</div> <!– /container –>kod bölümünü buluyoruz ve bu kodun hemen önüne  yukarıda bulunan kod dizilerinden birisini ekliyoruz. Ardından “Dosyayı Güncelle” butonuyla sayfayı kaydettirip kodumuzun tadını çıkarıyoruz.

Unet: Unet sisteminde Kontrol Panelimize giriş yaptıktan sonra “Customize design” modül bölümüne ilerliyoruz. Bu bölüm içerisinde bulunan “bottom part of the web site” modül kod dizinini açıyoruz. Bu dizin içerisinde sayfanın en altına yukarıda bulunan “sayfayı yukarı çekme” kod dizinlerinden birisini kopyalayıp yapıştırıyoruz. Ardından “save” butonunu tıklayarak kodumuzu kaydettirip internet sitemizde kodumuzun görünümünü izleyebiliriz.

Ön İzlemesi için Tıklayınız.

İlk yorum yapan olun