Cara Membuat Tombol Icon Back To Top Pada WordPress

Tertarik … ? gampang ko membuatnya, pertama agan buat sendiri icon yang akan dijadikan gambarnya. Masalah membuat icon, bebas dengan software apapun yang penting software tersebut suport format .png contoh (Photoshop, CorelDraw, de-el-el). Bagi anda yang ga mau direpotkan harus membuat sendiri gambar icon-nya, tenang saya sediakan beberapa contoh icon yang saya dapat dari browsing google (malas gan bikin sendiri). :D
Berikut beberapa contoh icon yang mungkin saja ada yang cocok dengan selera mas brow …. :)
Selanjutnya untuk memasang icon tersebut di blog agan caranya begini gan . . . Anda perhatikan script HTML di bawah :
<div style="display:scroll;position:fixed;bottom:10px;right:10px;">
<a href='#' title='Kembali Keatas'><img src='http://onesetia82.files.wordpress.com/2012/01/navigate-up-icon.png' /></a>
</a></div>

|
Keterangan Script HTML :

<div style="display:scroll;position:fixed;bottom:10px;right:10px;">
<a href='#' title='Kembali Keatas'><img src='Ganti dengan URL Icon Gambar' /></a>
</a></div>

|

Jika menginginkan icon back to top tampil di bawah kiri, tinggal merubah script HTML-nya pada bottom:10px;right:10px menjadi bottom:10px;left:10px
Setelah anda edit script HTML-nya, selanjutnya copas script tersebut dan paste atau tempatkan pada Widget Text blog anda. Save/Simpan dan selesai.

Mudah kan … ? Selamat mencoba dan semoga bermanfa’at …

[ sumber ]

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s