Bloggera back to top ekleme – Bloggera yukarı cik cubugu ekleme

29 Oca

Merhaba arkadaşlar sizlere bugün bloggerinize nasil back to top ekleyeceginizi anlatacagım.Back to top cubugunu tumblr kullananlar yakından bilecektir.Bir siteye girdiginizde hemen sitenin en basına dönmek istediginizde işinizi oldukca kolaylatan bir cubuktur kendileri…

Aslında sözü fazla uzatmaya gerek yok.Küçük bir örnekle size bu işin nasıl oldugunu gostereyim.

Örnekte gördüğümüz gibi bu cubuk üzerine tıklanıldıgında sitenizin en üst kısmına sizi ulaştıran bir çubuktur.
İşte bugün sizlere bu cubugu bloggerınıza nasıl ekleyeceginizi maddeler halinde anlatacagım.

1. www.blogger.com adresine gidiyoruz.
2. Açılan sayfada bu cubugu eklemek istedigimiz blogumuza tıklıyoruz.

3. ŞABLON kısmını tıklıyoruz.

4. HTML’yi DÜZENLE kısmına tıklıyoruz ve DEVAM ET diyoruz.

5. Açılan HTML kod sayfasının hemen üst kısmındaki Widget Şablonlarını genişlet diyoruz.

6.

kodunu buluyoruz.

7. Bu kodu bulduktan sonra kodun hemen öncesine

#backtotop {
padding:5px;
position:fixed;
bottom:10px;right:10px;
cursor:pointer;
}

kodunu kopyalıyoruz.

8. Kodumuzu kopyaladıktan sonra bu sefer

</body>

kodunu buluyoruz ve bu kodunda hemen öncesine


kodunu kopyalıyoruz.

9. Bu kodda kırmızı yazı ile yazılan yere istediğimiz bir iconu ekleyebiliriz. Peki bu iconu nereden bulucam derseniz.

ICONFINDER adresine giderek onlarcasını bulabilirsiniz. Bu adresten bulacagınız bir iconun üzerine mouse ile SAĞ tıklayıp , “Bağlantı Adresini Kopyala” diyerek kopyalayabilir ve yukarıda vermiş oldugumuz koddaki

Im-Url
kısmını silerek iconfinderdan buldugunuz bir iconun resmini ekleyebilirsiniz.

Hepsi bu kadar.Lütfen bloggera bu kodları yükledikten sonra DÜZENLEMEYİ FARKLI KAYDET yapmayı unutmayınız.

Bir Cevap Yazın

Aşağıya bilgilerinizi girin veya oturum açmak için bir simgeye tıklayın:

WordPress.com Logosu

WordPress.com hesabınızı kullanarak yorum yapıyorsunuz. Log Out / Değiştir )

Twitter resmi

Twitter hesabınızı kullanarak yorum yapıyorsunuz. Log Out / Değiştir )

Facebook fotoğrafı

Facebook hesabınızı kullanarak yorum yapıyorsunuz. Log Out / Değiştir )

Google+ fotoğrafı

Google+ hesabınızı kullanarak yorum yapıyorsunuz. Log Out / Değiştir )

Connecting to %s

%d blogcu bunu beğendi: