Lorem ipsum

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum mattis porttitor arcu id aliquet. Morbi purus lectus, imperdiet malesuada interdum in, gravida ac ante. Pellentesque ultricies vulputate felis, sed viverra dui mattis auctor. Ut non magna neque. Nullam vitae faucibus nulla. Sed viverra, neque sit amet

porta scelerisque, lacus lorem fringilla diam, nec suscipit risus nulla vitae purus. Maecenas lacinia dolor ut nisl feugiat sollicitudin. Nunc consequat, elit in imperdiet fermentum, puru

s risus laoreet sapien, eu iaculis mi urna id lorem. Fusce commodo eleifend neque id rhoncus. Nunc convallis, enim ac dignissim malesuada, purus sem scelerisque velit, et accumsan dui eros id lectus. Vivamus euismod tortor ac ipsum venenatis vel egestas nunc pellentesque. Vivamus convallis elementum lectus eu blandit. Phasellus et erat fermentum nisl rutrum dignissim. Nunc placerat, nisi non congue luctus, libero felis sodales dolor, eget convallis velit dolor at erat.

testing ruang komen baru

bayangkan disini ada entri yang panjang lebar, sampai pembca termuntah terberak dll.

bayangkan disini ada entri yang panjang lebar, sampai pembca termuntah terberak dll.bayangkan disini ada entri yang panjang lebar, sampai pembca termuntah terberak dll.bayangkan disini ada entri yang panjang lebar, sampai pembca termuntah terberak dll.

bayangkan disini ada entri yang panjang lebar, sampai pembca termuntah terberak dll.bayangkan disini ada entri yang panjang lebar, sampai pembca termuntah terberak dll.

Redirect

you will be redirected to...

Widget | Tabs

NO MORE WORKING. 
https://sites.google.com/site/jquery01/tabmenuaccordion.js IS DELETED...

Pertama

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse et lectus metus. Sed ut purus erat. Cras erat massa, pretium ut pharetra a, pellentesque in elit. Sed sed tortor quam, id malesuada erat. Proin neque lacus, semper id suscipit nec, pretium in ante. Nunc a lacinia tellus. Proin euismod dolor.

Kedua

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse et lectus metus. Sed ut purus erat. Cras erat massa, pretium ut pharetra a, pellentesque in elit. Sed sed tortor quam, id malesuada erat. Proin neque lacus, semper id suscipit nec, pretium in ante. Nunc a lacinia tellus. Proin euismod dolor.

Ketiga

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse et lectus metus. Sed ut purus erat. Cras erat massa, pretium ut pharetra a, pellentesque in elit. Sed sed tortor quam, id malesuada erat. Proin neque lacus, semper id suscipit nec, pretium in ante. Nunc a lacinia tellus. Proin euismod dolor.

Keempat

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse et lectus metus. Sed ut purus erat. Cras erat massa, pretium ut pharetra a, pellentesque in elit. Sed sed tortor quam, id malesuada erat. Proin neque lacus, semper id suscipit nec, pretium in ante. Nunc a lacinia tellus. Proin euismod dolor.

Cursor Effect| Falling Star/Snow

easy easy! hanya tukar yang berkaler merah dalam contoh bawah ni;

<script type='text/javascript'>
// <![CDATA[
var colour="white";
var sparkles=15;

copy paste dalam gadjet html/javascript

Demo »

<script type='text/javascript'> // <![CDATA[ var colour="white"; var sparkles=15; var x=ox=400; var y=oy=300; var swide=800; var shigh=600; var sleft=sdown=0; var tiny=new Array(); var star=new Array(); var starv=new Array(); var starx=new Array(); var stary=new Array(); var tinyx=new Array(); var tinyy=new Array(); var tinyv=new Array(); window.onload=function() { if (document.getElementById) { var i, rats, rlef, rdow; for (var i=0; i<sparkles; i++) { var rats=createDiv(3, 3); rats.style.visibility="hidden"; document.body.appendChild(tiny[i]=rats); starv[i]=0; tinyv[i]=0; var rats=createDiv(5, 5); rats.style.backgroundColor="transparent"; rats.style.visibility="hidden"; var rlef=createDiv(1, 5); var rdow=createDiv(5, 1); rats.appendChild(rlef); rats.appendChild(rdow); rlef.style.top="2px"; rlef.style.left="0px"; rdow.style.top="0px"; rdow.style.left="2px"; document.body.appendChild(star[i]=rats); } set_width(); sparkle(); }} function sparkle() { var c; if (x!=ox || y!=oy) { ox=x; oy=y; for (c=0; c<sparkles; c++) if (!starv[c]) { star[c].style.left=(starx[c]=x)+"px"; star[c].style.top=(stary[c]=y)+"px"; star[c].style.clip="rect(0px, 5px, 5px, 0px)"; star[c].style.visibility="visible"; starv[c]=50; break; } } for (c=0; c<sparkles; c++) { if (starv[c]) update_star(c); if (tinyv[c]) update_tiny(c); } setTimeout("sparkle()", 40); } function update_star(i) { if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)"; if (starv[i]) { stary[i]+=1+Math.random()*3; if (stary[i]<shigh+sdown) { star[i].style.top=stary[i]+"px"; starx[i]+=(i%5-2)/5; star[i].style.left=starx[i]+"px"; } else { star[i].style.visibility="hidden"; starv[i]=0; return; } } else { tinyv[i]=50; tiny[i].style.top=(tinyy[i]=stary[i])+"px"; tiny[i].style.left=(tinyx[i]=starx[i])+"px"; tiny[i].style.width="2px"; tiny[i].style.height="2px"; star[i].style.visibility="hidden"; tiny[i].style.visibility="visible" } } function update_tiny(i) { if (--tinyv[i]==25) { tiny[i].style.width="1px"; tiny[i].style.height="1px"; } if (tinyv[i]) { tinyy[i]+=1+Math.random()*3; if (tinyy[i]<shigh+sdown) { tiny[i].style.top=tinyy[i]+"px"; tinyx[i]+=(i%5-2)/5; tiny[i].style.left=tinyx[i]+"px"; } else { tiny[i].style.visibility="hidden"; tinyv[i]=0; return; } } else tiny[i].style.visibility="hidden"; } document.onmousemove=mouse; function mouse(e) { set_scroll(); y=(e)?e.pageY:event.y+sdown; x=(e)?e.pageX:event.x+sleft; } function set_scroll() { if (typeof(self.pageYOffset)=="number") { sdown=self.pageYOffset; sleft=self.pageXOffset; } else if (document.body.scrollTop || document.body.scrollLeft) { sdown=document.body.scrollTop; sleft=document.body.scrollLeft; } else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) { sleft=document.documentElement.scrollLeft; sdown=document.documentElement.scrollTop; } else { sdown=0; sleft=0; } } window.onresize=set_width; function set_width() { if (typeof(self.innerWidth)=="number") { swide=self.innerWidth; shigh=self.innerHeight; } else if (document.documentElement && document.documentElement.clientWidth) { swide=document.documentElement.clientWidth; shigh=document.documentElement.clientHeight; } else if (document.body.clientWidth) { swide=document.body.clientWidth; shigh=document.body.clientHeight; } } function createDiv(height, width) { var div=document.createElement("div"); div.style.position="absolute"; div.style.height=height+"px"; div.style.width=width+"px"; div.style.overflow="hidden"; div.style.backgroundColor=colour; return (div); } // ]]></script>

script asal: http://denisahlan.netau.net/bintang.ungu.js

Komen @Solutide Slumber

3 box yang pandai sembunyi! untuk blogger

Senang, hanya tukar yang di highlight merah, atau tukar ja mana-mana yang boleh. hehe. Tapi mesti ikut urutan yang aku bagi okey! sbb nanti hasil rosak..
example: tab tak dapat buka, dll..
 

fesbuk

<style type="text/css">
#bb{
position:fixed;
top:100px;
z-index:+1000;
}
* html #bb{position:realative;}
.bbtab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url('url tab/button') no-repeat;filter:alpha(opacity=70);-moz-opacity: 0.7;
opacity: 0.7;
-khtml-opacity: 0.7;
}
.bbtab:hover{
 height:100px;
 width:30px;
 float:left;
 cursor:pointer;
 filter:alpha(opacity=100);-moz-opacity: 1.0;
opacity: 1.0;
-khtml-opacity: 1.0;
}
.bbcontent{
float:left;
border:0px solid #666666;
background:;
padding:10px;
padding-right:40px;
padding-left:30px;
}
</style>
<script type="text/javascript">
function showHidebb(){
var bb = document.getElementById("bb");
var w = bb.offsetWidth;
bb.opened ? movebb(0, 60-w) : movebb(80-w, 0);
bb.opened = !bb.opened;
}
function movebb(x0, xf){
varbb = document.getElementById("bb");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
bb.style.right = x.toString() + "px";
if(x0!=xf){setTimeout("movebb("+x+", "+xf+")", 10);}
}
</script>
<div id="bb">
<div class="bbtab" onclick="showHidebb()">
</div>
<div align="center" class="bbcontent">
Tab yang pertama (fesbuk) Mesti simpan atas sekali.
<a href="javascript:showHidebb()"> optional (close text) </a>
</div>
</div>
<script type="text/javascript">
var bb = document.getElementById("bb");
bb.style.right = (60-bb.offsetWidth).toString() + "px";
</script>

iklan

<style type="text/css">
#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url('url tab/button') no-repeat;filter:alpha(opacity=70);-moz-opacity: 0.7;
opacity: 0.7;
-khtml-opacity: 0.7;
}
.gbtab:hover{
 height:100px;
 width:30px;
 float:left;
 cursor:pointer;filter:alpha(opacity=100);-moz-opacity: 1.0;
opacity: 1.0;
-khtml-opacity: 1.0;
}
.gbcontent{
float:left;
border:2px solid #666666;
background:#F5F5F5;
padding:10px;filter:alpha(opacity=70);-moz-opacity: 0.7;
opacity: 0.7;
-khtml-opacity: 0.7;
}
.gbcontent:hover{
float:left;
border:2px solid #666666;
background:#F5F5F5;
padding:10px;filter:alpha(opacity=100);-moz-opacity: 1.0;
opacity: 1.0;
-khtml-opacity: 1.0;
}
</style>
<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 30-w) : moveGB(20-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">
Tab (iklan) mesti dibawah code tab (fesbuk)
<div style="text-align: right;">
<a href="javascript:showHideGB()"> optional (close text) </a></div>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script>

shout

<style type="text/css">
#aaa{
position:fixed;
top:150px;
z-index:+1000;
}
* html #aaa{position:relative;}
.aaatab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url('url tab/button') no-repeat;filter:alpha(opacity=70);-moz-opacity: 0.7;
opacity: 0.7;
-khtml-opacity: 0.7;
}
.aaatab:hover{
height:100px;
width:30px;
float:left;filter:alpha(opacity=100);-moz-opacity: 1.0;
opacity: 1.0;
-khtml-opacity: 1.0;
}
.aaacontent{
float:left;
border:2px solid #666666;
background:#F5F5F5;
padding:10px;filter:alpha(opacity=70);-moz-opacity: 0.7;
opacity: 0.7;
-khtml-opacity: 0.7;
}
.aaacontent:hover{
float:left;
border:2px solid #666666;
background:#F5F5F5;
padding:10px;filter:alpha(opacity=100);-moz-opacity: 1.0;
opacity: 1.0;
-khtml-opacity: 1.0;
}
</style>
<script type="text/javascript">
function showHideaaa(){
var aaa = document.getElementById("aaa");
var w = aaa.offsetWidth;
aaa.opened ? moveaaa(0, 30-w) : moveaaa(20-w, 0);
aaa.opened = !aaa.opened;
}
function moveaaa(x0, xf){
var aaa = document.getElementById("aaa");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
aaa.style.right = x.toString() + "px";
if(x0!=xf){setTimeout("moveaaa("+x+", "+xf+")", 10);}
}
</script>
<div id="aaa">
<div class="aaatab" onclick="showHideaaa()">
</div>
<div class="aaacontent">
Tab (shout) Bawah sekali!
<div style="text-align: right;">
<a href="javascript:showHideaaa()"> optional (close text) </a></div>
</div>
</div>
<script type="text/javascript">
var aaa = document.getElementById("aaa");
aaa.style.right = (30-aaa.offsetWidth).toString() + "px";
</script>

CONTOH


get this

Contoh
Misal
Example
etc
get this

CONTOH


get this

Lorem Ipsum

» A normal paragraph

Ea eam labores imperdiet, apeirian democritum ei nam, doming neglegentur ad vis. Ne malorum ceteros feugait quo, ius ea liber offendit placerat, est habemus aliquyam legendos id. Eam no corpora maluisset definitiones, eam mucius malorum id. Quo ea idque commodo utroque, per ex eros etiam accumsan.

» A paragraph format

Et posse meliore definitiones (strong) his, vim tritani vulputate (italic) pertinacia at. Augue quaerendum (Acronym) te sea, ex _sed ^sint invenire erroribus. Cu vel ceteros scripserit, te usu modus fabellas mediocritatem. In legere regione instructior eos. Ea repudiandae suscipiantur vim, vel partem labores ponderum in blogger templates (link).

» A paragraph as code

Mel putent quaeque an, ut postea melius denique sit. Officiis sensibus at mea, sea at labitur deserunt. Eam dicam congue soluta ut.

» A paragraph as blockquote

Eu mei solum oporteat eleifend, libris nominavi maiestatis duo at, quod dissentiet vel te. Legere prompta impedit id eum. Te soleat vocibus luptatum sed, augue dicta populo est ad, et consul diceret officiis duo. Et duo primis nostrum.

» Unordered list

• Blogger templates
• Templates
• Blogs
• Layouts
• Skins
• BTemplates

» Ordered list

1. Login
2. Visit BTemplates
3. Download template
4. Install
5. Enjoy!

» Heading

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

» A table

Table Header 1	Table Header 2	Table Header 3
Division 1	Division 2	Division 3
Division 1	Division 2	Division 3
Division 1	Division 2	Division 3

link