1. Login to Blogger kemudian pilih "Layout"
2. Klik pada "Edit HTML" trus kasih centang tanda "Expand Widget Templates"
3. Copy kode ini dibawah ini lalu paste diatas kode ]]></b:skin>
/************************************************
* Mininavbar *
************************************************/
#mininavbar
{
display:scroll;
position:fixed;
bottom:1px;
right:1px;
z-index:99;
}
#mininavbar a
{
filter:alpha(opacity=65);
-moz-opacity:0.65;
opacity:0.65;
border:0;
}
#mininavbar img
{
border:0;
}
#mininavbar a:hover
{
filter:alpha(opacity=100);
-moz-opacity:1;
opacity:1;
}
+ Kode yang berwarna merah bisa kamu ganti. Misal bottom menjadi top (gambar akan berada diposisi atas) dan right menjadi left (gambar akan menjadi di posisi kiri). Kombinasikan saja sesuai keinginanmu.
4. Masih di edit HTML, copy kode dibawah ini lalu paste dibawah <body>
<div id='mininavbar'><a href='#' onClick='window.location.reload()' title='Reload page'><img src='http://soulouko.googlepages.com/refresh.png'/></a><a expr:href='data:blog.homepageUrl'><img src='http://soulouko.googlepages.com/house.png'/></a><a href='#' title='Ke Atas Halaman'><img src='http://soulouko.googlepages.com/topopg.png'/></a><a href='#finalpg' title='Ke bawah halaman'><img src='http://soulouko.googlepages.com/down.png'/></a></div>
+ Kode yang berwarna biru adalah link gambar kamu. Bisa kamu ganti sesuai link gambar keinginanmu.
5. Save Template dan Selesai
Comments
4 comments to "Membuat Icon Mininavbar"
April 30, 2009 at 12:50 PM
Thanx... q uda bisa,,, mohon bantuan maklum q pemula.... :-)
May 9, 2009 at 3:55 PM
Kayaknya itu sih bukan membuat tapi meletakkan mas, hehehe....
July 18, 2010 at 11:05 PM
aduh... kode 'body' kok gk ad di blog aku... trus yang kode script bawah belum ku paste ni bgmn? apakah ada cara lain... pengen pasang.
terima kasih dan mhn petunjuknya...
October 19, 2011 at 1:48 PM
Thank's ya
Post a Comment
Maaf! Komentar bernada spam / SARA akan saya hapus.