Thursday, 4 June 2015

Tutorial : Home Icon untuk Blog

Assalamualaikum & Hye ^^

Ama rasa macam nak buat tutorial pulak... Yelah, rasanya dah tiba masanya ama share apa yang ama ada. bukan ke begitu ? hahahah. Malam ni ama ajar macam mana ye ? 

Pertama sekali, korang klik Dashboard > klik Layout > Add A Gadget > klik dekat HTML/Javascript tu. Then, Korang Copy and Paste code bawah ni.
<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='LINK BLOG KORANG' style='margin-left: 1em; margin-right: 1em;' title='HOME'><img border="0"width="50" height="50" src="URL HOME ICON" /></a><br />
Korang boleh je nak ubah width="50" height="50", ikut kesesuaian blog korang sendiri. okay? Bawah ni ama sertakan some HOME icon yang ama pernah gunakan :) Korang boleh je kalau nak copy.. Macam mana nak copy? TEKAN  CLTR dan C secara serentak ! :)


        http://i561.photobucket.com/albums/ss52/angelicxmelody/Web%20materials/home1.png

 http://dl6.glitter-graphics.net/pub/1094/1094086hi8lmqosnf.gif

           http://dl7.glitter-graphics.net/pub/1297/1297387pbg1tfe669.gif

           http://dl9.glitter-graphics.net/pub/1210/1210449pdmq601b8w.gif


SEKIAN, TERIMA KASIH :)

No comments:

Post a Comment