Join Us !!
Selasa, 29 Januari 2013

Cara MUDAH membuat tombol back to top di blogger

0 komentar
Read More →
Back to top
Setelah kemarin posting cara PRAKTIS mengetahui blog yang SEO friendly atau belum, nah pada kali ini saya mau share cara membuat tombol back to top di blog. Tombol back to top adalah tombol yang fungsinya untuk mengembalikan dari halaman bawah ke halaman paling atas. Dengan memasang tombol ini, pengunjung akan lebih mudah kembali ke halaman paling atas, hanya dengan sekali klik. Tombol ini biasanya terletak di pojok kanan bawah dengan tampilan melayang. Sobat pernah nggak, berkunjung di blog lain kemudian menemukan tombol yang saya maksud ini? Di blog sobat juga bisa di pasang tombol back to top ini lho, Nah jika sobat tertarik dengan tombol ini, langsung di pasang aja. Hehe

Tombol back to top ini memakai script yang simple dan tidak di pasang di template blog, tapi cukup di pasang di gadget blog saja, jadi tidak terlalu sulit untuk memasangnya. Meskipun script ini di letakkan di posisi gadget manapun, entah itu di bagian footer, sidebar, munculnya akan tetap melayang di sebelah pojok kanan bawah dan tampilan blog sobat akan kelihatan lebih menarik. So, don�t worry be happy. Halah kayak pinter bahasa inggris aja nih bang amri. Hehehe :)

Berikut ini langkah-langkah untuk memasang tombol back to top di blogger/blogspot :

1. Login ke akun Blogger
2. Pilih opsi Tata letak
3. Tambahkan gadget kemudian pilih dan buka HTML/JavaScript
4. Copy dan paste script di bawah ini di halaman HTML/Javascript yang sudah sobat buka tadi
 <a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Back to Top"><img src="url gambar back to top blog" /></a>
5. Kemudian Simpan dan lihat hasilnya

Keterangan :Ganti teks yang berwarna merah dengan alamat url gambar berikut ini :

 http://3.bp.blogspot.com/_JwD5r652h00/SvDBW-al_pI/AAAAAAAAARg/Aoxlzmp3Kw0/s400/bttp-14.png
 http://1.bp.blogspot.com/_JwD5r652h00/SvDBXF2WGRI/AAAAAAAAARo/FIPZOwsTTBc/s400/bttp-15.png
 http://3.bp.blogspot.com/_JwD5r652h00/SvDBloI2NZI/AAAAAAAAARw/VI-Li7cPUvM/s1600/bttp-16.png
http://1.bp.blogspot.com/_JwD5r652h00/SvDBl9PLQ7I/AAAAAAAAAR4/5fV05DNfZ9o/s400/bttp-17.png
 http://3.bp.blogspot.com/_JwD5r652h00/SvDBl0UhsvI/AAAAAAAAASA/ge0GmH0HkyE/s400/bttp-19.png
http://2.bp.blogspot.com/_JwD5r652h00/SvDBmIGbP3I/AAAAAAAAASI/cL5okLpz_C8/s400/20.png
Mudah kan sobat? Semoga tutorial cara membuat tombol back to top atau tombol kembali ke atas ini bermanfaat.




Anda Baru Saja Membaca Artikel Tentang Cara MUDAH membuat tombol back to top di blogger ,Anda Boleh Menyebarluaskan / Mengcopy Paste Artikel Cara MUDAH membuat tombol back to top di blogger Ini Bermanfaat Buat Anda , Namun Saya Mohon Untuk Mencantumkan Link Cara MUDAH membuat tombol back to top di blogger Sebagai SumberNya.

Leave a Reply