6teen

21 January 201215:52

Hoyah hoyah, Assalamualaikum! Selamat sejahtera semua. Apa khabar? Eh bnyk tanya pulak aku. Hari ni, Saya buhhhsan sangat. Sebab tu lah nak buat tutorial ni. Hoho. Saya nak buat tutorial tentang float status. Macam bawah neh :

Urm, Yg saya petakkan dengan warna hitam itulah die. Senang jek nak buat. Ohya, Untuk template denim je K? Yg blogskins saya tak tau. Pandai pandai lah paste code, Yo? Hhe. K jom lah mulekan.

Page Element > Add A Gadjet > HTML Javasript.
Paste code di bawah neh kat HTML Javascript.

<style type="text/css">

#gb{

position:fixed;

top:50px;

z-index:+1000;

}

* html #gb{position:relative;}

.gbtab{

height:250px;

width:152px;

float:left;

cursor:pointer;

background:url(' URL IMAGE ') no-repeat;

}

.gbcontent{

float:left;

border:1px solid #000000;

background:#FFFFFF;

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(170-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">

<b>Mood</b> : _____<br /><b>Status </b>: _____<br /><br />
<font color=#ffafaf><script type="text/javascript" src="http://st2.freeonlineusers.com/on4.php?id=769517"> </script> Cute <span style="font-weight:bold;">♥</span></font>

<div style="text-align:right">

<a href="javascript:showHideGB()">

[close]

</a>

</div>

</div>

<script type="text/javascript">

var gb = document.getElementById("gb");

gb.style.right = (140-gb.offsetWidth).toString() + "px";

</script></div>

Awak tukarkan apa yg patut k? Yg saya bold tu, semestinya lah tukar. Ataupun kekalkan. Hihi, Tukarkan lah apa yg patut :) Kbye. Semoga berjaya. Header aii dah baru. Amacam? Lawa tak? Hehe.