PARADISE

Nk navigation macam Kak EKA nii??Tutor dari Kak EKA Ikut Step Di Bawah ni...

satu: Dashboard > Design > Add Gadget > Add HTML / JavaScript

dua: copy and paste code bawah ni dengan senang hati :p ctrl+C untuk copy.

<style type='text/css'>
a.linkopacity img {
filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
-khtml-opacity: 0.5;
}
a.linkopacity:hover img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
-khtml-opacity: 1.0; }
</style>
<div style='display:scroll; position:fixed; top:240px; left:35px; align:left; '>
<a class='linkopacity' href='URL PAGE' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='TITLE'><img src="URL GAMBAR" /></a><br />
<a class='linkopacity' href='URL PAGE' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='TITLE'><img src="URL GAMBAR" /></a><br />
<a class='linkopacity' href='URL PAGE' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='TITLE'><img src="URL GAMBAR" /></a><br />
</div>

tiga: tukarkan URL PAGE kepada url page yang korang nak.. (paham tak? HAHA) & URL GAMBAR tu kepada url gambar yang korang nak letak... *better letak gambar yang transparent kalau tak, tak lawa :) yang TITLE tu korang boleh ubah sesukahati korang.

empat: SAVE and korang dah boleh view blog korang ^^

Example..

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixJHjgbblOMPwsCWEzuoD8cb7qJLg_hEBGtsR0RQn3cXPLH85eap-9bwDF5hV3dkm1R5yuRixzOfl3DmUsUCh977y5GxhqQeYDwYCrVlnrKrr50whU5Bu2_EE2ziQ3RC-rIy5V3WouM6k/s1600/profile+hover.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZspPOQvMlpBWny60hGfCxBdEwEF9XGfNChNb3LHdU86gFcIfzLA5pKgf0hhdgMgijpTM6zwDsai1rmFD0cxARJGWl5ClgqOAhTrlvlhNJLQVm-Tlgf-as7UCWYjexinodiy7Giv3iqAE/s1600/tab+menu+baruuu.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiD-cKsy5zQbDawDQihy_cFrwOJFWB8hon9H7YnmexQY1M2Nu89Wo-Ehp_wKGUBN_DjHbfvslNWzHegN9HIBRfLxND-IAHmIUz7TiF4IYmMcbORCIIDIN_W98iMFfhe2vU4oXVQwE7ECs8/s1600/goodies+hover.png

<style type='text/css'>
a.linkopacity img {
filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
-khtml-opacity: 0.5;
}
a.linkopacity:hover img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
-khtml-opacity: 1.0; }
</style>
<div style='display:scroll; position:fixed; top:240px; left:35px; align:left; '>
<a class='linkopacity' href='URL PAGE' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='TITLE'><img src="URL GAMBAR" /></a><br />
<a class='linkopacity' href='URL PAGE' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='TITLE'><img src="URL GAMBAR" /></a><br />
<a class='linkopacity' href='URL PAGE' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='TITLE'><img src="URL GAMBAR" /></a><br />
</div>