Cara Membuat Menu Di Samping Blog


1. Sign In Di Blogger
2. Klik Menu Rancangan
3. Klik Menu Edit HTML
4. Copy Kode Dibawah Ini, Lalu Pastekan Di Atas Kode </body>

<!-- floating button -->
<div style='display:scroll;position: fixed; bottom:5px;left:5px; '>
<table border='0' cellpadding='0' cellspacing='1' width='32'>
<tr><td><a expr:href='data:blog.homepageUrl' title='Halaman Utama'><img border='0' onmouseout='this.style.opacity=0.4;this.filters.alpha.opacity=40' onmouseover='this.style.opacity=1;this.filters.alpha.opacity=100' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqPkgZDwKdyTLSqy3TD-RPKZgR6JyAt5aWnUryQFqZqpXz8tC3oGKwe_Q_GW3WbfW2578RbKJYoF56VT9DDhnwI8Qb2DXty97cTuDkczDW_PGD7eBnTyykPeBbJbenH-ZB742_mKKyLoQ/s320/home-icon2.png'/></a></td></tr>

<tr><td><a href='#' title='Ke Atas Halaman'><img border='0' onmouseout='this.style.opacity=0.4;this.filters.alpha.opacity=40' onmouseover='this.style.opacity=1;this.filters.alpha.opacity=100' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmGJ89NagOFKABCChSpkvTqrWBoUN0rl-F4Lfqah8ArbR40x_NaWOdiFZVwp95NMSiJ351e4OrVSBiBNq3HsEcv728rB3FI-OocgUWW2TIEVi-Yvbi4-z7wSFAynJN0WJBZpuVj-d-xeg/s320/pre-icon1.png'/></a></td></tr>

<tr><td><a href='#kebawah' title='Ke Bawah Halaman'><img border='0' onmouseout='this.style.opacity=0.4;this.filters.alpha.opacity=40' onmouseover='this.style.opacity=1;this.filters.alpha.opacity=100' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMXEuSzU5_BJn2xNP8Bier2lBYUz4p6bcYXRfCmA_FWlCvK3fsGgYqfvP2vXMZBoUcvpChIe8KdbvjIVl5ocASfRH4oLtwrglyENas70jYZI2PTCIsTndc1Kwc8kI8LP8Hj62OSE6_kxM/s320/next-icon2.png'/></a></td></tr>

<tr><td><a href='#' onClick='window.location.reload()' title='Refresh Halaman Ini'><img border='0' onmouseout='this.style.opacity=0.4;this.filters.alpha.opacity=40' onmouseover='this.style.opacity=1;this.filters.alpha.opacity=100' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguQyMh0jbiendbhy7W6pNZlL1yT2UEF8_8m1GHgi84tdeXB7rFOnjce52R4P86rCH4H8dmhzfRvHc3ZbZPiM4tgaCoRIQNg277FG_qqan_sIxqdBXT_xp4bbw8HcTjTNza7o-SN-2M8Sg/s320/refresh-icon1.png'/></a></td></tr>

</table>
</div>
<!-- end of floating button -->
<a name='kebawah'/>
5. Ubahlah Teks yang di Cetak Tebal Sesuai dengan Ke Inginanmu
6. Klik Simpan Template dan Selesai


Related Post:


Comments
2 Comments


2 Responses So Far:

Unknown mengatakan...

lebih bagus kalo dikasi demo mas , sebagai contoh barang

Kurniawan Rizky mengatakan...

Makasih sarannya om, lain kali saya kasih contoh gambar yg dah jadi, nuhun :D

:10 :11 :12 :13
:14 :15 :16 :17
:18 :19 :20 :21
:22 :23 :24 :25
:26 :27 :28 :29
:30 :31 :32 :33
:34 :35 :36 :37
:38 :39 :40 :41
:42 :43 :44 :45
:46 :47 :48 :49
:50 :51 :52 :53
:54 :55 :56 :57
:58 :59 :60 :61
:62 :63

Harap tinggalkan jejak anda
dengan memberi kesan dan
pesan di kotak komentar di
bawah ini.