Jumat, 27 Agustus 2010

Membuat Icon / widget Mininavbar di Pojok Halaman


Coba lihat icon di pojok bawah kanan pada blog ini. Itu adalah icon/widget untuk mengatur posisi halaman. Ini caranya :
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>




/************************************************
* MininavbarByz33s *
************************************************/
#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;
}


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://i580.photobucket.com/albums/ss248/z33s/refresh.png'/></a><a expr:href='data:blog.homepageUrl'><img src='http://i580.photobucket.com/albums/ss248/z33s/house.png'/></a><a href='#' title='Ke Atas Halaman'><img src='http://i580.photobucket.com/albums/ss248/z33s/topopg.png'/></a><a href='#finalpg' title='Ke bawah halaman'><img src='http://i580.photobucket.com/albums/ss248/z33s/down.png'/></a></div>


Kamu bisa merubah letak posisi dan bentuk gambar sesuai dengan keinginanmu.


Selamat Mencoba dan semoga bermanfaat.

Diposting oleh Oncombeureum

[Reply]

No comments yet