CLICK HERE FOR FREE BLOGGER TEMPLATES, LINK BUTTONS AND MORE! »
islam 4 all

Wednesday 27 February 2013

CARA LETAK 'FLOATING' COMEL DALAM BLOG

 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 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