cara-cara pasang button terapung di sisi blogger

Untuk tutorial ni button terapung disisi blogger...sila ikut langkah2 dibawah..

1,pergi ke design/add a gadget/html javascript.

2,salin code html dibawah.gantikan tulisan/url yang bewarna merah kepada url anda..

<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; right:-12px;'>

<a class='linkopacity' href='http://gengblogger.com/' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='gengblogger'><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguxmdZNV-Ovumb2RyCV15TZOOQZX4kE9yBbF0HbefSFN3XYABRJDuyHjP7HxwdBQuSXld_SxQVEtSr-wNDu0V0i4WiYtL2umih8R-5y0AlMS947PNEDc2_T5iRtmWVWRXexPjAvC6iRNvi/s320/icongb.PNG" /></a><br />

<a class='linkopacity' href='http://facebook.com/akaun facebook anda/' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='facebook'><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8NN1jmR8gDNm71694X6qkymJUIgdvXvuepep9Ni4QzJjrpqwJIU4vB-Rh0yPjp0NwQr6gSfCrwU3Wt6F6sFH9l819TTackdsOd4pfKJYLvdJehyxhXhBkhKxoxkpcEMbDKCBFlUDXTv-L/s320/facebook.png" /></a><br />

<a class='linkopacity' href='http://twitter.com/akaun twitter anda/' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='twitter'><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3_KjGzSTCeep6pu8OyT4c6DOlhI0BRWuqN1IdZfygchs7Nw5YnsiPXt3wSEMAVPxrrMXsfLU_iSLMK7ixoLdRj6inOuG2JMelmANfHd-8N0hk9EdV0IYkS9yF_JmFnmbIYHwhQ7rM8413/s320/twitter.png" /></a><br />

<a class='linkopacity' href='http://aerol-rianbow.blogspot.com/feed blog' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='feed'><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgY03KMB4BkPUkzXlobf8eS12krdE47_cP4Wn8eF8IsC6X0kmyj_n2tqkRyN3RHE-lpRDUsJ4QL5lzIOnxoywzv0l57tvF1yYcfWwLWspnhXlYHI3KAKaaCssZoH2vdRG0JLhb5dDxWTHH4/s320/feedblogger.png" /></a><br />

<a class='linkopacity' href='http://feedburner.com/akaun feedburner anda/' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='feedburner'><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjV4kFK4a2W45-4Nj0TLBUhb7biDMUVQzrA4Mmhn0uZbc6kbqP3BZRB7ycAaQttUZiIpjbbD3AyQRcSEmANUnV1YjwIDhnHR2llqmnO1chMKvuRp4TjOyymYLuEMArDpqf1hHoortqEdkuS/s320/feedburner.png" /></a><br />

<a class='linkopacity' href='http://youtube.com/akaun youtube anda/' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='youtube'><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZWu4pHMvdMSTT9L_yFJC0QdR29mQgh2h07cgI8cog1fZG3z6EipGnT-BIt_IxBcG3znbfWo27wCypQFFHzIjaa2NI1NwxZC0zStWCDHSnXPT2jOB3rahjdnUrt-w_fMlZ2Erwvgg1LB7r/s320/youtube.png" /></a><br />

<a class='linkopacity' href='http://flickr.com/akaun flickr anda/' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='flickr'><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlG1YxMiEUYSSGHWkhXEcDOpMyM5G9HW9vXaxD4rFDbnw4f6H5PYxMEQkARd2Y22L2PqpYdivLVDKY2MTFzqAz9BGArgOkPmFRuq4-a_BxUrBWOilVqsvHWE7wa2YF_4Qm9WEKv6rd3MAS/s320/flickr.png" /></a><br />

</div>


(anda juga bolehgantikan icon sendiri di http://www.iconspedia.com )
Credit!! :)

1 ulasan:

Anna Syazana berkata...

cam mana nk bagi icon 2 besar skit..??
tolong..plss..

Artikel menarik

Related Posts Plugin for WordPress, Blogger...

lik lak,kejap jeww ^^

Daisypath Anniversary tickers