Tutorial : Shoutbox Di Blogskin



Harap tutorial ini membantu =)


 buat shoutbox dahulu :* SINI


1. Dashboard > Templates

2. Tekan CTRL F serentak 

</head>
3. copy dan paste code ini di BAWAH </head>

<div style='display:scroll; position:fixed; top:10px; right:10px;'></a><br /><a href="javascript:void(0);"onclick="showHideAT()"/><img class= width="140" height="140"src="URL ICON" alt="Shoutbox" title="Shoutbox" /></a></div><style type="text/css">#at{position:fixed;

top:0;;}* html #at{position:relative;}.attab{height:100px;width:30px;float:left;cursor:pointer;background:url();}.atcontent{float:right;background:url(BACKGROUND SHOUTBOX) no-repeat 0 0 transparent;width:800px;height:460px;center scroll ;padding:56px 0 20px 5px;}</style><script type="text/javascript">function showHideAT(){var at = document.getElementById("at");var w = at.offsetWidth;at.opened ? moveAT(0, -200-w) : moveAT(20-w, 0);at.opened = !at.opened;}function moveAT(x0, xf){var at = document.getElementById("at");var dx = Math.abs(x0-xf) > 25 ? 35 : 1;var dir = xf>x0 ? 1 : -1;var x = x0 + dx * dir;at.style.top = x.toString() + "px";if(x0!=xf){setTimeout("moveAT("+x+", "+xf+")", 10);}}</script><div id="at"><div class="attab" onclick="showHideAT()"> </div><div class="atcontent"><div align="center"><div style="background:url() no-repeat;">
<br /><br /><br /><br /><br /><br />Masukkan Shoutbox korang dengan lebar 270 dan tinggi 280<center><div id="author"><a href="javascript:void(0);" onclick="showHideAT()"><input type="button" value="Close" class="close" /></a></div></center></div></div><script type="text/javascript">var at = document.getElementById("at");at.style.top = (-200-at.offsetWidth).toString() + "px";</script></div></div>



No comments:


Syukran Kerana Sudi Membaca :)