BISMILLAHIRRAHMANIRRAHIM
Assalamualaikum, malam ini ana nak tunjuk satu tutorial untuk letak 'floating' yang comel dalam blog. Sangat mudah. Bila kita ada ilmu, sedikit sebanyak kita kena kongsi pada semua. Kalau nak cuba, cubalah. Ana sudi berkongsi dengan 'blogger' sekalian.
Haa. Kalau nak, macam ini caranya.
*psst, silakan mencuba! Chaiyok!!!
Step 1 : Mula-mula Klik > Dashboard > Design > Page Elements > Add Gadget > Html/Javasript
Step 2 : Lepas tu 'copy' code kat bawah ni dan 'paste' dalam Html/javascript & save!
<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:200px; right:-12px;'>
<a class='linkopacity' href= " http://www.facebook.com/srikandiadawiyah " imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='facebook'><img border="0" src=" http://i1105.photobucket.com/albums/h346/ayusleeping11/cuteface/th_1.gif?t=1323673476 " /></a><br />
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:200px; right:-12px;'>
<a class='linkopacity' href= " http://www.facebook.com/srikandiadawiyah " imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='facebook'><img border="0" src=" http://i1105.photobucket.com/albums/h346/ayusleeping11/cuteface/th_1.gif?t=1323673476 " /></a><br />
<a class='linkopacity' href=" http://srikandi-adawiyah.blogspot.com/" imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='twitter'><img border="0" src=" http://i1105.photobucket.com/albums/h346/ayusleeping11/cuteface/th_2.gif?t=1323673476 " /></a><br /></div>
___________________________________________________________
Okey. warna merah jambu, biru dan merah ini untuk anda semua buat rujukan. Biar memudahkan anda semua ^^
*warna merah jambu : Anda boleh tukar 'item' yang berwarna merah jambu ini mengikut kesesuaian blog. Right boleh ditukar menjadi Left. Number 200 px itu boleh juga ditukar.
*warna biru : Anda letak url gambar yang anda pilih.
*warna merah : Anda tukarkan dengan 'link' yang anda mahu. Kalau ana, ana letak 'link' facebook dan blog ana.
*psst! Cuba anda tengok blog ana, di sebelah kanan anda. Nampak tak?
~ COMEL! ~
http://i1105.photobucket.com/albums/h346/ayusleeping11/buton/th_3-1-2.png?t=1323760399
http://i1105.photobucket.com/albums/h346/ayusleeping11/buton/th_7-1.png?t=1323760145
http://i1105.photobucket.com/albums/h346/ayusleeping11/buton/th_7.png?t=1323763298
http://i1105.photobucket.com/albums/h346/ayusleeping11/buton/th_5.png?t=1323763298
http://i1105.photobucket.com/albums/h346/ayusleeping11/buton/th_6.png?t=1323763299
http://i1105.photobucket.com/albums/h346/ayusleeping11/cuteface/th_8.gif?t=1323673481
http://i1105.photobucket.com/albums/h346/ayusleeping11/cuteface/th_7.gif?t=1323673479
http://i1105.photobucket.com/albums/h346/ayusleeping11/cuteface/th_6.gif?t=1323673479
http://i1105.photobucket.com/albums/h346/ayusleeping11/cuteface/th_4.gif?t=1323673478
http://i1105.photobucket.com/albums/h346/ayusleeping11/cuteface/th_5.gif?t=1323673479
http://i1105.photobucket.com/albums/h346/ayusleeping11/cuteface/th_3.gif?t=1323673476
http://i1105.photobucket.com/albums/h346/ayusleeping11/cuteface/th_2.gif?t=1323673476
http://i1105.photobucket.com/albums/h346/ayusleeping11/cuteface/th_1.gif?t=1323673476
No comments:
Post a Comment