materi : Membuat Tombol Home,Back To Top,Dan Bottom di Blog
Judul : Membuat Tombol Home,Back To Top,Dan Bottom di Blog
Membuat Tombol Home,Back To Top,Dan Bottom di Blog
Artikel Bloger,
Ingin tau Cara Membuat Tombol Home,Back To Top,Dan Bottom
Mari kita mulai saja Tutorial nya..
Eiiiit sebelum memulai Tutorial nya saya ingin menjelas kan dulu apa itu Tombol Home,Back To Top,Dan Bottom..?
Eiiiit sebelum memulai Tutorial nya saya ingin menjelas kan dulu apa itu Tombol Home,Back To Top,Dan Bottom..?
sudah sobat klik,nah itu dia maksud nya dari Tombol Home,Back To Top,Dan Bottom..
Sobat tertarik untuk membuat nya di blog sobat..?
jika tertarik,mari kita mulai cara pembuatan nya..
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 ]]></b:skin> ( gunakan CTRL F atau F3 untuk memudahkan pencarian )
4.Copy Paste Kode Dibawah Ini Tepat Diatas Kode Tadi
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 ]]></b:skin> ( 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;
}
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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-LpN94po5QCpc3dluRifDJPlb6_JRhBPoGcNDWTcEFG4J-x-4mEZ7z3JLYlqXzSQ5YuaOBz0v0-OwozUXpDQC-eb5LwuPpnyktYTPnytiZTU-363vI4TW7M2aRVv-Y9cf3sQnVs75pvE/s320/home-icon2.png'/></a></td>
<td><a href='#' title='back to top'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHoFRkuIgIwhRDBxljpep7zXMNYR6BZgK7L8QdtuemXL3jgwfwsKdufmeglPUn6Tzjtaxl3bdH6ys9x71cFBjl5yf4FLzpis2g4EyfzTKjlhwmMySgXSamOPq-a5ivg8wBoqySr9eLqoU/s320/pre-icon1.png'/></a></td>
<td><a href='#ngisor-dhewe' title='back to bottom'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbdKbA6Vsb557ol0eU1zHNb8zQL9upC81WqCz7Iza9wDbsCUxQfwoGK7elrFod_jnrdzGyVUwbmS2QfKOSiKxoQopWfRxSHV3VIFnS8XNEhLP5BgxQr55-uJ4jFgHRrftGqOCOGD1CICk/s320/next-icon2.png'/></a></td>
</tr>
</table>
</div>
<table border='0'>
<tr>
<td><a expr:href='data:blog.homepageUrl' title='Home'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-LpN94po5QCpc3dluRifDJPlb6_JRhBPoGcNDWTcEFG4J-x-4mEZ7z3JLYlqXzSQ5YuaOBz0v0-OwozUXpDQC-eb5LwuPpnyktYTPnytiZTU-363vI4TW7M2aRVv-Y9cf3sQnVs75pvE/s320/home-icon2.png'/></a></td>
<td><a href='#' title='back to top'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHoFRkuIgIwhRDBxljpep7zXMNYR6BZgK7L8QdtuemXL3jgwfwsKdufmeglPUn6Tzjtaxl3bdH6ys9x71cFBjl5yf4FLzpis2g4EyfzTKjlhwmMySgXSamOPq-a5ivg8wBoqySr9eLqoU/s320/pre-icon1.png'/></a></td>
<td><a href='#ngisor-dhewe' title='back to bottom'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbdKbA6Vsb557ol0eU1zHNb8zQL9upC81WqCz7Iza9wDbsCUxQfwoGK7elrFod_jnrdzGyVUwbmS2QfKOSiKxoQopWfRxSHV3VIFnS8XNEhLP5BgxQr55-uJ4jFgHRrftGqOCOGD1CICk/s320/next-icon2.png'/></a></td>
</tr>
</table>
</div>
Mudah kan sobat cara membuat Tombol Home,Back To Top,Dan Bottom nya...
Semoga Bermanpaat dan selamat mencoba.
sumber
Demikianlah Artikel Membuat Tombol Home,Back To Top,Dan Bottom di Blog
Sekian materi Membuat Tombol Home,Back To Top,Dan Bottom di Blog, mudah-mudahan bisa memberi manfaat untuk anda semua. baiklah, sekian postingan kali ini semoga kalian bisa kembali lagi ke sini dan mengajak teman kalian menuju ke sini supaya saya lebih semangat lagi untuk update artikel maka sebarkan link blog ini dan jangan lupa untuk komentar bisa melalui facebook juga lho komentarnya .
0 Response to "Membuat Tombol Home,Back To Top,Dan Bottom di Blog"
Posting Komentar