☏ Blog Idol ☎

TUTORIAL:Macam Mana Nak Buat Floating Button Twitter,Facebook,Blogger

Assalamualaaikum , guys.Hmm since tengah rajin ni FQ nak buat tuto dua kali hari ini but tuto ini untuk freebies je klu newbiee buat maybe hancus kot .HeHeHe......


Okey,korang kalau tak tahu apalah bendenye floating up button tu.Haaaa..... Nilah Dia!!

FIRST : Go To Dashboard > Layout (Blogger Newer Interface) >Add A Gadget (HTML/JAVASCRIPT)

SECOND : Copy Code 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; top:140px; left:-12px;'>
<a class='linkopacity' href='URL LINK FACEBOOK' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='TITLE APA YANG NAK DITULIS'><img border="0" src="URL GAMBAR FLOATING BUTTON" /></a><br />
<a class='linkopacity' href='URL LINK TWITTER' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='TITLE APA YANG NAK DITULIS'><img border="0" src="URL GAMBAR FLOATING BUTTON" /></a><br />
<a class='linkopacity' href='URL LINK BLOG' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='TITLE APA YANG NAK DITULIS'><img border="0" src="URL GAMBAR FLOATING BUTTON" /></a><br />
</div>


THIRD : Then , pastekan code tu dalam HTML/JAVASCRIPT

FOURTH : Tukarkan :

URL LINK FACEBOOK/TWITTER/BLOG ANDA =
                  
                  URL GAMBAR FLOATING BUTTON =

  http://1.bp.blogspot.com/-tpmuYty_yCg/TVlX5OwSzZI/AAAAAAAAA4E/-jLUOu1jVsA/s1600/blogger-icon-big.png

http://3.bp.blogspot.com/-uh3ocOkbMAw/TVlX5p7MFhI/AAAAAAAAA4I/B2i8PqfvgPU/s1600/Facebook-icon.png

http://2.bp.blogspot.com/-_9k-0vJXPdY/TVlX8Q5Jm6I/AAAAAAAAA4c/PJp04NF-9ZA/s1600/TwitterIcon.png

                 TITLE APA YANG NAK DITULIS = Contoh : Twitter Saya
                                              Facebook Saya
                                      Blog Saya

FIFTH : Save.Finish!!

Kalau tak paham cakap tau just cakap kat shout box.Selamat Mencuba!

No comments: