Khairunnisa Hassan: 08/06/12

06 August 2012

Tutorial : Hide Shoutbox

1. Dashboard > Design > Add Gadget > Html

2. Copy code di bawah dan pastekan ke dalam HTML/Javascript

<style type="text/css">
#gb{position:fixed;top:50px;z-index:+1000;}* html #gb{position:relative;}
.gbtab{height:350px;width:140px;float:left;cursor:pointer;background:url('URL PIC YANG KORUNK SUKA') no-repeat;}.gbcontent{float:left;border:2px solid #00000;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(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">
MASUKKAN KOD SHOUTMIX
<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 = (140-gb.offsetWidth).toString() + "px";</script>

3. Save !

Nota Tuto :

RED : Ubah size mengikut kesesuaian korang

OREN : Masukkan URL PIC korang.Boleh amik di SINI
BLUE : Masukkan kod shoutmix/fibox/cbox etc.

P/S : Kalau jadi,inform Nisa ya ~

Freebies : Icon untuk Hide Shoutbox

http://i.imgur.com/OUTeg.png

http://i1182.photobucket.com/albums/x446/WanaKendys/Oh2-3.png

http://i.imgur.com/IDCVW.png

http://i1141.photobucket.com/albums/n585/ainhere/shoutbox-icon.png

http://i.imgur.com/jrMSv.png

http://i1002.photobucket.com/albums/af144/azmi88/cute-shoutbox-2.png

http://i455.photobucket.com/albums/qq274/wsyaurah/shoutbox_icon.jpg

http://i1182.photobucket.com/albums/x446/WanaKendys/cute_anime_girl.png

http://i1092.photobucket.com/albums/i402/syirara/shouthere.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKiJYVjfVBtXx3E97Ng-vcK-FcIYRFk4-31ZqWdR54SMdkszhCUDarUBIE0ipSFHYwXU4jDZgzN6vlvfhU4Ayw3Cw56HYfv3KBMcxpwNXxe5zfMFOKdX3EOu6v20b1KfbSXN-a0oqtJjBK/s1600/kuning+shot.PNG

http://i868.photobucket.com/albums/ab241/syimah0/cats3.png

Sumber : Google Images

Tuto : Hide Shoutbox

'Aida first GiveAway sempena Ramadhan'.

Tutorial : Top Commentor

1. Dashboard > Design > Add a Gadget > Html/JavaScript

2. Korang Copy kod di bawah & pastekan ke dalam Html/JavaScript

<div style="text-align:justify;line-height:1.2;">
<script type="text/javascript">
function cCloud(feed) {
max = 0;
min = 10000;
//finding highest and lowest count
for (i=0;i<feed.count;i++)
{
ccCount = feed.value.items[i].commentcount * 1;
if (ccCount > max)
{
max = ccCount;
}
if (ccCount < min)
{
min = ccCount;
}
}
ccCountD = "";
display = "";
for (j=0;j<feed.count;j++)
{
ccdiff = feed.value.items[j].commentcount - min;
ccFontsize = 80 + (ccdiff * 100) / (max - min) + "%";
ccUrl = "'" + feed.value.items[j].authorurl + "'";
ccCountD = "(" + feed.value.items[j].commentcount + ")";//comment count
ccName = feed.value.items[j].title + ccCountD;
ccLName = "<a style='font-size:" + ccFontsize + "' href=" + ccUrl + " target='_blank'>" + ccName + "</a>";//clickable commentator name
display = display + ccLName + " ";
}
document.write(display);
}
</script>
<script src="http://pipes.yahoo.com/pipes/pipe.run?
YourBlogUrl=http://khairunnisa3020.blogspot.com/ &Exclusions=Khairunnisa's land &showhowmany=10
&order=frequency
&_callback=ccloud
&_id=cfa196644e1d6159c9183548c4b5e2f5
&_render=json"
type="text/javascript"></script>
</div>