TRIK BAGUS MEMBUAT MENU HOME,BACK TO TOP DOWN - Hans Komp Inspirasiku

profilku

Nama : Ahmad Burhani Subhan Tempat Lahir : Petanahan, Kab.Kebumen Tanggal Lahir : .....-.....-....... Pekerjaan : Abdi Rakyat Status : Menikah Nama Istri : Kuswati Burhan,S.Pd.Ing Nama Anak : Royyan Ibnu Pratama Alamat : Jl. Adipati Mersi No.24 Purwokerto Timur, Banyumas, Jawa Tengah "UCAPAN" Saya ucapkan banyak terima kasih yang pertama tentunya kepada Alloh SWT yang selalu memberikan kepada saya nikmat yang tak terhingga, kepada junjungan kita Nabi Akhiruzzaman Muhammad SAW yang selalu kita tunggu syafa`atnya di yaumil akhir, kepada kedua orang tua saya HM. Tohari dan Hj. Pardiyah yang telah menuntun dan mendidik saya untuk menjadi manusia yang sholeh dan yang terakhir kepada Istri saya tercinta dan si kecil tentunya yang selalu saya jadikan sepirit untuk penyemangat hidup.

Subscribe:

Home » TRIK BLOG » TRIK BAGUS MEMBUAT MENU HOME,BACK TO TOP DOWN

TRIK BAGUS MEMBUAT MENU HOME,BACK TO TOP DOWN

Nah maksud saya seperti gambar di atas ini brow.. penasaran bagaimana cara membuatnya? ayo kita sama-sama kupas tuntas cara membuat itu tadi.

1. Masuk ke Akun blog dulu brow.

2. Pada dasbor pilih rancangan dan klik edit HTML jangan lupa centang "expand template widget"

3. Kemudian cari kode ]]></b:skin> (caranya pake ctrl+f).

4. Copy kode berikut dan letakkan di atasnya.

#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;
}

5. Selanjutnya cari kode </body> dan letakkan script berikut di atasnya

<a name='ngisor-dhewe'></a>

6. Langkah terakhir tinggal memasukkan kode berikut tepat di bawah kode </body>

<div id='mangetsu'>
<table border='0'>
<tr>
<td><a expr:href='data:blog.homepageUrl' title='Home'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKlFaLG1xZ8wKlG5gsSrhiqFgyUkVWn7G-x1mCbLkBdK20_rG3GJ1TpC51KphGzF_B46Mj34QeGfc5GFVUzD-lwjMx63v3KOuC_03awlHcb32b_jbKb55e7JfHIuWXPVP7XN-x_H__Qm8/s320/home-icon2.png'/></a></td>
<td><a href='#' title='back to top'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi20h0vBDcRPTI54k4P_rVwJTtNMPSEBRs1s8DNEa1bsOJkrQBVTvXZnvgmRnmURza-Cfq_ojR1dq6mMQ_trQ5bmZ7pMKWw6LJQZQFbiFFhqDV-abgQhi5Sq1TUfExR6LAqVU0uAnIxUsE/s320/pre-icon1.png'/></a></td>
<td><a href='#ngisor-dhewe' title='back to bottom'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbkZORhFqG3wqihdf59qHLC3RTtPtBadqtoI4qGHgWAiUf9KiE3b-yFkghadyaDVCcvNam809Ui4Cd1qSrwGxwLsJaNeEMEbAwNqZtefMsCkxOL8T9Jf1YQNAZUrozTVv-Y8UqaCgbaKM/s320/next-icon2.png'/></a></td>
</tr>
</table>
</div>

7. Save template dan sudah jadi dewh bro..

Selamat mencoba.....?????

Page Information

Title: TRIK BAGUS MEMBUAT MENU HOME,BACK TO TOP DOWN

URL: http://hans-komp.blogspot.com/2012/03/trik-bagus-membuat-menu-homeback-to-top.html

No comments:

Subscribe to: Post Comments (Atom)