Trik Membuat Tombol Home, Back To Top, Bottom, dan Refresh

Saturday, June 23, 2012

Trik Membuat Tombol Home, Back To Top, Bottom, dan Refresh

Disini saya akan membagikan sedikit ilmu yang saya dapat lagi hasil blogwalking, yaitu membuat tombol home, back to top, bottom, dan refresh pada blog kita. Adapun fungsi tombol tersebut adalah sebagai navigasi untuk memudahkan pengunjung blog kita dalam membaca halaman postingan kita.

Atau sobat bisa lihat pada blog saya disudut kanan bawah, maaf tidak terlalu kelihatan karena ketutup dengan toolbar :) . Gimana sobat? Bila tertarik ingin membuat tombol navigasi tersebut ikuti saja langkah2 di bawah ini:

1. Login ke blog sobat

2. Masuk ke Rancangan ----> Edit HTML

3. Cari kode ]]></b:skin> ( gunakan CTRL F atau F3 untuk memudahkan pencarian ), setelah dapat selanjutnya copy kode di bawah ini dan letakkan di atas kode ]]></b:skin>

#mangetsu {

position:fixed;_position:absolute;bottom:0px; right:0px;

clip:inherit;

_top:expression(document.documentElement.scrollTop+

document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }

#mangetsu a

{

filter:alpha(opacity=65);

-moz-opacity:0.65;

opacity:0.65;

border:0;

}

#mangetsu img

{

border:0;

}

#mangetsu a:hover

{

filter:alpha(opacity=100);

-moz-opacity:1;

opacity:1;

}

4. Kalau sudah selanjutnya cari kode </body> ,selanjutnya letakkan kode di bawah ini tepat di atas code </body>
<a name='ngisor-dhewe'></a>

5. Simpan templatenya.

Langkah selanjutnya tinggal memasang shortcutnya.
Copy kode dibawah ini dan bisa sobat letakkan di bawah kode <body> atau bisa juga sobat letakkan di sidebar dengan cara masuk ke Rancangan ----> Tambah Gadget ----> HTML/Javascript. jadi terserah sobat mau masang dimana.

<div id='mangetsu'>

Setelah itu simpan. dan lihat hasilnya.
Bagaimana sobat, mudah kan? Okey selamat mencoba dan berkreas

Artikel terkait:

Tutorial Blog

Ditulis Oleh : Unknown ~ Hidup Akan Terasa Indah Bila Saling Berbagi

Artikel Trik Membuat Tombol Home, Back To Top, Bottom, dan Refresh ini diposting oleh Unknown pada hari Saturday, June 23, 2012. Terimakasih atas kunjungan Anda serta kesediaan Anda membaca artikel ini. Kritik dan saran dapat anda sampaikan melalui kotak komentar.

<a href="http://effendi-dmth.blogspot.com/2012/06/trik-membuat-tombol-home-back-to-top.html" target="_blank">Trik Membuat Tombol Home, Back To Top, Bottom, dan Refresh</a>

:: Get this widget ! ::

SUBMIT YOUR SITE 4 FREE