[ Tips Blogger ] Cara Menambah Tombol Home,Back totop,dan Bottom pada Blog

Sekarang Saya akan Menjelaskan Tentang Cara Membuat Tombol Home,Back To top,Dan Bottom untuk blog sobat-sobat.Baiklah Saya akan Memulai Langkah langkahnya..

1.Masuk Ke akun Blog Sobat
2.Pada Dasbor Pilih Rancangan-->Edit HTML Dan jangan Lupa Centang Kolo Expand Template Widget
3.Kemudian Cari Kode ]]> ( gunakan CTRL+F atau F3 untuk memudahkan pencarian )
4.Copy Paste Kode Dibawah Ini Tepat Diatas Kode Tadi


#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 Letak Kode Dibawah Ini Tepat Diatasnya
    <a name='ngisor-dhewe'></a>


6.Langkah Terakhir Tinggal Memasukan Kode Dibawah  Ini Tepat Dibawah Kode <body>

    <div id='mangetsu'>
    <table border='0'>
    <tr>
    <td><a expr:href='data:blog.homepageUrl' title='Home'><img src='http://1.bp.blogspot.com/_rJyl7MtUcdY/S9QFyGDOdHI/AAAAAAAAAe4/Uz2_Cn7MQrU/s320/home-icon2.png'/></a></td>
    <td><a href='#' title='back to top'><img src='http://2.bp.blogspot.com/_rJyl7MtUcdY/S9QFtGirgKI/AAAAAAAAAew/8djXsedR4wg/s320/pre-icon1.png'/></a></td>
    <td><a href='#ngisor-dhewe' title='back to bottom'><img src='http://4.bp.blogspot.com/_rJyl7MtUcdY/S9QFncHAkrI/AAAAAAAAAeo/dklrey4DVTk/s320/next-icon2.png'/></a></td>
    </tr>
    </table>
    </div>

kemudian pratinjau dulu..
jika sudah puas baru di save..
jangan lupa comment !!!

Comments

Popular posts from this blog

Cheat Christmas event Ninja Saga one hit kill [ 26 Desember 2012 ]

Pockie Ninja Bloodline Limit [ Guide & Strategy Pockie Ninja ]

[Pockie Ninja Guide] Dodge Speedsters build | Advanced