Cara pasang Floating Button di sisi blog

Posted on

Untuk memasang Floating button di sisi blog seperti yang boleh anda lihat di sisi kanan blog ini, hanya ikut beberapa langkah yang mudah di bawah

Langkah 1

Log in blog => Design => Page Elements => Add A Gadget => HTML/Javascript.

Langkah 2

Salin dan edit kod berwarna biru di bawah dengan menggantikan URL akaun anda pada kod yang di bold. Anda juga boleh menggantikan icon asal dengan icon anda sendiri.

<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=”http://3.bp.blogspot.com/_LZtXSNcp76A/TB5XWecF0sI/AAAAAAAABHY/pPKlT79yKMA/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=”http://3.bp.blogspot.com/_LZtXSNcp76A/TBIPXEkOOEI/AAAAAAAABFQ/DAPJdek1QbQ/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=”http://1.bp.blogspot.com/_LZtXSNcp76A/TBIPlDeEV5I/AAAAAAAABFw/5Z4co3O_jpU/s320/twitter.png” /></a><br />
<a class=’linkopacity’ href=’http://maribinablog.blogspot.com/feed blog‘ imageanchor=’1′ rel=’nofollow’ style=’margin-left: 1em; margin-right: 1em;’ target=’_blank’ title=’feed’><img border=”0″ src=”http://3.bp.blogspot.com/_LZtXSNcp76A/TBIPaMfmxJI/AAAAAAAABFY/bPNaLBTwrhQ/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=”http://2.bp.blogspot.com/_LZtXSNcp76A/TBIPdJ0ZHsI/AAAAAAAABFg/i-CB_cBEzZM/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=”http://2.bp.blogspot.com/_LZtXSNcp76A/TBIPnxEur8I/AAAAAAAABF4/edEB1NQCdGg/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=”http://4.bp.blogspot.com/_LZtXSNcp76A/TBIPhuMVmKI/AAAAAAAABFo/6YC2J5UAXp0/s320/flickr.png” /></a><br />
</div>

Seterusnya, paste kod yang telah siap di edit pada ruang Content HTML/Javascript.

Akhir sekali, klik Save.

Anda boleh mencari icon di  http://www.iconspedia.com

61 thoughts on “Cara pasang Floating Button di sisi blog

  1. Wah….menarik ni…..
    nak cuba la….kalau nk letak sebelah kiri mcm mna pulak? terutamanya blog yg ada shoutmix kat sebelah kanan tu..

  2. yeah! maceh bro!! huhu nah blnje pizza sebijik.. opss tenggelam kat lautan india..hoho.

    hmm ada ke buat tutorial pasal button fb share? rasa macam tak jumpe je

  3. salam…sy dh psg slm neh..dan ok la..pastu saya nak tambah lagi…but the problem is biasanya bila masuk kod kat html/javascript…xtulis title pn xpe..bleh save…tp this time kne tulis title…xboleh blank..jd xcantik la blog tetiba ade title.

    sila tgk kat blog saya yang kat http://heygirl669.blogspot.com. scroll bwh lepas arhive ade perkataan title a. camne nak buat? reply soon.

  4. thanks bagi tuto ni…sebelum ni aku guna yang aku edit sendiri…bila klik dia tak buka kat page baru…yang ni buka kat page baru….aku suka..aku suka….tapi dah tukar icon sendiri…lebih tersendiri la orang cakap…thanks nes….

  5. saya dah buat, jadi tue jadi. tapikan after add a widget kt page element. bile saya view blog, float button elok je kat kanan tapi kat side bar saya ada widget box kosong pulak. camner tue??

Leave a Reply

Your email address will not be published. Required fields are marked *