Tutorial : Home Button Dalam Blog

February 18, 2013


Home Button ni bagi memudahkan pelawat kembali semula ke halaman utama blog anda . Home button akan muncul pada penjuru blog iaitu sama ada pada kedudukan top , bottom , left atau right . 

Langkah-Langkah :

1) Sign in akaun blogger 

2) Dashboard > Design > Page Element > Add A Gadget > HTML/Javascript

3) Copy paste kod di bawah di dalam HTML/Javascript

<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;bottom:10px; left:-12px;'>

<a class='linkopacity' href='Url blog anda' style='margin-left: 1em; margin-right: 1em;' title='HOME'><img border="0"width="50" height="50" src="Url Home icon" /></a><br />

Note :

Url blog anda - URL / Link blog anda .

bottom dan left - untuk ubah kedudukan sama ada Bottom / Top dan Left / Right

Url Home icon - letak URL gambar icon yang korang berkenan . Boleh hosting atau google tapi kalau malas , just pilih je yang ada dekat bawah ni :



http://img189.imageshack.us/img189/2902/98425686.png


http://img190.imageshack.us/img190/3407/13314253.png


 
http://img641.imageshack.us/img641/7218/24934856.png


http://img703.imageshack.us/img703/5702/45961315.png

4) Save dan lihat hasil dia :)

Selamat mencuba geng !


You Might Also Like

0 comments

Related Posts Plugin for WordPress, Blogger...