Memasang Back To Top

Posted by Zulfan Heri on Sabtu, 22 Oktober 2011

Back To Top (Kembali Ke Atas) Itulah Istilah Dari Kata Tersebut, nah kali ini kita mencoba membuat postingan Back to Top. Widget ini sangat berguna bagi kenyamanan pengunjung blog anda. Terutama jika blog anda memiliki halaman yang panjang, sehingga anda tidak perlu men-scroll mouse anda untuk kembali ke bagian atas blog anda yang biasanya isinya adalah page navigation yang akan membawa pengunjung untuk menuju ke tautan blog anda.
Ok, session basa-basi nya sampai disini saja!


Kita mulai dengan:
  • Login ke Blogger
  • Layout>HTML/Javascript
  • Lanjutkan dengan mencari code ini: </b:section>
  • Pastikan code tersebut adalah code yang terletak di paling ahir atau paling bawah. Karna dalam pencarian, anda akan menemukan beberapa code yang sama. Sekali lagi pastikan code tersebut adalah yang paling ahir.
  • Letakan code dibawah ini, tepat di bawah code: </b:section>


<a href='#' style='display:scroll;position:fixed;bottom:5px;right:5px;' title='Back to Top'><img src='http://g.imagehost.org/0373/arrow_up_green.png'/></a>

Keterangan:
  • URL yang berwarna merah adalah URL tombol "Back to Top" yaitu seperti ini: 
  • Anda bisa mengganti gambar tersebut sesuai yang anda suka, kemudian ganti URL yang berwarna merah dengan URL gambar anda.
Beberapa Sampel Tombol Pengganti. Silahkan Pilih Sesuai Keinginan Anda..


  • http://g.imagehost.org/0439/arrow_1.jpg

  • http://g.imagehost.org/0497/arrow_2.jpg

  • http://g.imagehost.org/0466/arrow_3.jpg

  • http://g.imagehost.org/0130/arrow_4.jpg

  • http://g.imagehost.org/0042/arrow_5.jpg

Sekian Untuk Pelajaran Kita .. Back To Top.. Semoga Bermanfaat... :)

Read Recent Post





Penulis : Zulfan Heri ~ Share All Tutorial, Tips, Tricks About Blog and SEO

Artikel Memasang Back To Top Ini Diposting Oleh Zulfan Heri. Terimakasih Atas Kunjungan Anda Serta Kesediaan Anda Membaca Artikel Ini. Kritik Dan Saran Dapat Anda Sampaikan Melalui Kotak Komentar. Kebijakan Dan Privasi

:: Dodol Blog ::

{ 3 comments... Read Them Below or add one }

khusaini mengatakan...

WAH MANTAB TU GAN, GK SUSAH-SUSAH MEANIN MOUSE.. di coba gan,,,ty

Oidre mengatakan...

Yoi Coi... :)

Fandi Adhitya mengatakan...

blogwalking

Poskan Komentar

Silahkan sahabat berkomentar sesuai dengan artikel postingan di atas. Apabila ada postingan yang rusak atau tidak bisa terbaca mohon beritahu di Komentar ini.Trimakasih telah berkunjung & berkomentar

Penting... Maaf,Tidak Diizinkan Memberikan Atribut Pada Komentar Anda..