:x: tuToRiaL

CARA LETAK BUTTON LIKE FB

assalamualaikum...hye..

Hari nie aku nak ajar macam mana nak buat FB like button dalam blog. So,let's start bebeh

Dashboard ---> Design ---> Edit HTML ---> Tick expand widget

Tekan CTRL + F

Search code

data:post.body

After that copy code di bawah ni .....

<iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&layout=standard&show-faces=true&width=530&height=60&action=like&colorscheme=light"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:530px; height:60px'/>

And then paste kan code dekat atas nie di bawah code data:post.body kalau korang nak FB like button tu ada dekat bawah .

Kalau korang nak FB like button tu ade dekat atas,copy dan pastekan code tadi di atas code data:post.body okay

Then preview dulu.Kalau okay,SAVE.

Kalau ada pertanyaan,boleh tanya okay :)

CARA LETAK KAWAI SHOUTBOX

Okay,since ada yang bertanyakan aku macam mana nak buat shoutbox yang ada kartun comel macam aku punya tuE,jadi aku buat satu tuto untuk kamu yang mahukan shoutbox macam tUe..

1-Dashboard --> Design --> Page Element --> Add Gadget --> HTML/Java Script

2-Copy code dibawah ini dan paste kan ke dalam kotak HTML tadi tuh okay

<style type="text/css">

    #gb{
    position:fixed;
    top:50px;
    z-index:+1000;
    }
    * html #gb{position:relative;}

    .gbtab{
    height:350px;
    width:180px;
    float:left;
    cursor:pointer;
    background:url('URL IMAGE KORANG') no-repeat;
    }
    .gbcontent{
    float:left;
    border:2px solid #666666;
    background:#F5F5F5;
    padding:10px;
    }
    </style>

    <script type="text/javascript">
    function showHideGB(){
    var gb = document.getElementById("gb");
    var w = gb.offsetWidth;
    gb.opened ? moveGB(0, 150-w) : moveGB(150-w, 0);
    gb.opened = !gb.opened;
    }
    function moveGB(x0, xf){
    var gb = document.getElementById("gb");
    var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
    var dir = xf>x0 ? 1 : -1;
    var x = x0 + dx * dir;
    gb.style.right = x.toString() + "px";
    if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
    }
    </script>
    <div id="gb">
    <div class="gbtab" onclick="showHideGB()"> </div>
    <div class="gbcontent">

   ---> KOD SHOUTMIX KORANG <---

    <div style="text-align:right">
    <a href="javascript:showHideGB()">
    [close]
    </a>
    </div>
    </div>
    </div>
    <script type="text/javascript">
    var gb = document.getElementById("gb");
    gb.style.right = (150-gb.offsetWidth).toString() + "px";
    </script>