Membuat Tombol Ke Atas Dan Bawah Di Blog

بِسْــــــــــــــــمِ اﷲِالرَّحْمَنِ اارَّحِيم

Fungsi tombol tersebut adalah untuk memudahkan bagi pengunjung untuk menuju Ke Atas ataupun Ke Bawah halaman Blog hanya dengan sekali klik dan tombol ini tidak akan berpindah tempat meskipun sobat scroll Ke Atas ataupun Ke Bawah tombol ini akan selalu tetap berada pada pojok bawah sebelah kanan monitor komputer sobat.

Berikut Cara Membuatnya :

1. Seperti biasa sobat harus Login ke Blogger

2. Klik Rancangan (Yang Dulunya Tata Letak)

3. Klik tab Edit HTML

4. Klik tulisan Download Template Lengkap

5. Beri tanda centang pada kotak di samping tulisan Expand Template Widget

Tunggu beberapa saat ketika proses sedang berlangsung
Kemudian cari kode ]]></b:skin>
untuk mempermudah pencarian tekan Ctrl + F atau (F3) di keboard sobat
Jika sudah ketemu silahkan Copy kode dibawah ini dan letakkan diatasnya

#Atas_Bawah {

position:fixed;

_position:absolute;

bottom:0px;

right:3px;

clip:inherit;

z-index:+1000;

}

Kemudian cari kode ini </body> Setelah itu , letakkan kode di bawah ini diatasnya

<div id='Atas_Bawah'>

<a href='#' title='Ke Atas'><img border='0' src='

http://www.indonesiaindonesia.com/imagehosting/images/83751/2_ke_atas.gif'/></a><br/>

<a href='#bottom' title='Ke Bawah'><img border='0' src='

http://www.indonesiaindonesia.com/imagehosting/images/83751/2_ke_bawah.gif'/></a>

</div>

Tulisan yang berwarna ungu bisa sobat ganti dengan url gambar pilihan sobat,
atau cari di bah google tu bnyak bertebaran loch ..... :))

5. Klik Simpan, Dan Liat Hasil nya .....

SELAMAT MENCOBA.

Ditulis Oleh : ImHero ~ Tempat Berbagi Dan Saling Bertukar Ilmu

Anda sedang membaca artikel tentang Membuat Tombol Ke Atas Dan Bawah Di Blog. Oleh Admin, Anda diperbolehkan mengcopy paste atau menyebar-luaskan artikel ini, namun jangan lupa untuk meletakkan link dibawah ini sebagai sumbernya <a href="http://mynametyo.blogspot.com/2012/11/membuat-tombol-ke-atas-dan-bawah-di-blog.html" target="_blank">Membuat Tombol Ke Atas Dan Bawah Di Blog</a>

:: Get this widget ! ::