contoh header di layout

Saturday, 31 December 2011

Tutorial post title bergerak-gerak

Ha ! nak belajar tak ni ?? jom jom !!

1) Dashboard --> Design --> Edit HTML
2) Tekan button CTRL+F dan cari kod <b:includable id='post' var='post'>
3) Bila dah jumpa , padam/delete kod di bawah .. DELETE TAU !!

<b:includable id='post' var='post'>

<div class='post hentry uncustomized-post-template'>

<a expr:name='data:post.id'/>

<b:if cond='data:post.title'>

<h3 class='post-title entry-title'>

<b:if cond='data:post.link'>

<a expr:href='data:post.link'><data:post.title/></a>

<b:else/>

<b:if cond='data:post.url'>

<a expr:href='data:post.url'><data:post.title/></a>

<b:else/>

<data:post.title/>

</b:if>

</h3>

</b:if>

4) Bila dah delete tu , gantikan dengan kod di bawah .. GANTI !

<b:includable id='post' var='post'>

<div class='post hentry uncustomized-post-template'>

<a expr:name='data:post.id'/>

<b:if cond='data:post.title'>

<marquee direction='left'><h3 class='post-title entry-title'>

<b:if cond='data:post.link'>

<a expr:href='data:post.link'><data:post.title/></a>

<b:else/>

<b:if cond='data:post.url'>

<a expr:href='data:post.url'><data:post.title/></a>

<b:else/>

<data:post.title/>

</b:if>

</h3></marquee>

</b:if>

Dah siap ? PREVIEW dulu , dah menjadi , SAVE aje lah ! SELAMAT MENCUBA !

Tutorial Letak Shadow Effect Di Post Entry

Hi korang ! korang nak buadd x shadow effedt di post korang?? macam neyh ..

Korang nampak x??

hoho..

mulee mulee,korang kene pegi

Log in > Design > Edit Html

lepastu korang tekan CTRL +F dan korang search

.post {

bilee korang dah jupee,korang letak HTML dekat bawah neyh dibawah kod tdi ...

text-shadow: 2px 2px 3px #000000;

yang warne pink tu,korang bley tukarkan dgn swarnee shadow yg len..korang kene

CLICK SAYA !!

Harap korang buat menjadi...

~semoga berjaya !

Tutorial falling object love

Hi korang ! korang nak buat x love love warnee pink jatuh jatuh dekat blog korang ?? macam neyh !

okeyh .meh dieja ajar ...

Dashboard > Design > Add Gadget > Html/JavaScript

pastu,korang letak yee HTML kt bawah neyh ??

Huhu..panjang ek?? hoho..memang lhaa..kalu nak comey,kene panjang panjang ...

~semoga berjaya !

Tutorial letak cute icon di blog archive

Nak belajar tak ?? Nak ?? Jom mula !

1) Design --> Buka blog archive !

Pastikan korang tick ! Tengok gambar tu !

2) Selepas korang tick tu --> Design --> Edit HTML
3) Korang tekan CTRL+F dan cari kod <a expr:href='data:i.url'><data:i.title/>
4) Korang padam/delete kod di atas ..
5) Gantikan dengan kod
<a expr:href='data:i.url'><img src="URL ICON"/><data:i.title/>

6) Url icon boleh dapat di Glitter Graphics ! GOODLUCK GUYS !

Tutorial Sparkling cursor berbentuk hati

Nak belajar tak ?? Jom kita belajar dengan hanis !!

1) Dashboard --> Design --> Add a gadget --> HTML javascript
2) Copy code di bawah dan pastekan di ruangan HTML .. :D

<script type='text/javascript'>
// <![CDATA[
var colour="#000000";
var sparkles=40;
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(5, 5);
var rdow=createDiv(5, 5);
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()*5;
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+"49px";
div.style.width=width+"50px";
div.style.overflow="hidden";
div.style.backgroundColor=colour;
return (div);
}
// ]]>
</script>

Amekaw ! haha .. SELAMAT MENCOPY PASTE ! hoho ... :D

Pages

Marquee

Saturday, 31 December 2011

Tutorial post title bergerak-gerak

Tutorial Letak Shadow Effect Di Post Entry

Tutorial falling object love

Tutorial letak cute icon di blog archive

Tutorial Sparkling cursor berbentuk hati