Buang Content Belakang Header

SEBELUM 

SELEPAS :)

mesti ramai yg dok cari tutorial ni kan? miss elle dah jpa :) jum mulakan 

1. dashboard > design > edit html

2. CTRL + F cari code ini  /* Header

3. Copy code di bawah dan paste di ATAS code yang korang cari tadi 

.header-outer, .content-inner { background-color: transparent; }

.main-outer, .tabs-outer { background-color: $(content.background.color);}

.tabs-inner .widget ul { margin: 0px -15px;}

.content-inner{padding: 0px;}

4. Preview dulu. Kalau jadi, save :)

HAVE FUN :D

CREDIT TO : ANIS NUTELLA :D

tumblr follow button

assalamualaikum :)

okayy.korang mesti tau tumblr tu apa kan?

tapi korang faham tak maksud miss ellie tentang button tu?

tak faham?

okayy.korang boleh tengok picture kat bawah ni untuk faham :)

sekarang korang dah faham?jum buat tutorial ni :)

1.dashboard>>design>>add a gadget>>edit html

2.pastekan kod ni dalam kotak gadget tu:

<a style="display:scroll;position:fixed;top:45px;right:15px;" href="http://www.blogger.com/follow-blog.g?blogID=BLOG ID KORANG" title="Follow"><img src="http://assets.tumblr.com/images/iframe_follow_alpha.png?468" /></a><a style="display:scroll;position:fixed;top:15px;right:15px;" href="http://www.blogger.com/home" title="Dashboard"><img src="http://assets.tumblr.com/images/iframe_dashboard_alpha.png?468" /></a>

3.letakkan blog id korang kat perkataan berwarna merah tu.
4.savekan.
5.have funn :)

ha.korang mesti tak tau camne nak carik blog id korang kan?
takpe.miss ellie boleh ajar korang. :)

korang tengok picture kat bawah ni:

*kelik untuk tumbesaran*

korang nampak tak yang di highlight kan biru tu lah blog id korang.senang tak?senang kan?hahahaha

okayylah.selamat mencuba :)

sparkle cursor :)

okayy.ni tutor ke 4 miss ellie buat untuk harini. :)
sparkle cursor?apakah itu sparkle cursor?
bila korang gerakkan cursor korang,sparkling thingy akan jatuh dari cursor korang.
okayylah mari kita mulakan :D

1.dashboard>>design>>add a gadget>>html javascript :)
2.pastekan kod ni dekat dalam kotak gadget tu :)

<script type='text/javascript'>
// <![CDATA[
var colour="#666666";
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(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>

3.yang miss ellie kalerkan merah tu,itu adalah kod untuk warna.nak cari kod untuk warna?cari kat sini[LINK]
4.savekan.
5.HAVE FUN :)

hide navigation :D

assalamualaikum :)

korang perasan tak navigation gajah comel ni aneh?

bila tengok macam takde.bila hover kat atas tu ada pulak navigation dia.

nak tak tutorial macamana nak hide navigation korang?

okayy,mari kita mulakan :)

1.dashboard>>design>>edit html

2.CTRL+F and cari kod ni:

/* Variable definitions

3.pastekan kod ni dekat ATAS miss ELLIE ulang lagi ATAS kod  /* Variable definitions

  #navbar-iframe{

    opacity:0.0;

    filter:alpha(Opacity=0)

    }

    #navbar-iframe:hover{

    opacity:1.0;

    filter:alpha(Opacity=100, FinishedOpacity=100)

    }

4.savekan.
5.HAVE FUN :D

credit to:MISS ELLIE @ WAJIE :)

POP OUT GOODBYE :)

assalamualaikum warahmatullahi wabarokatuh.

dekat dalam post sebelum ni,miss ELLIE lupa nak ucap selamat HARI GAWAI buat follower follower yang menyambut hari gawai dan SELAMAT menyambut TADAU KEAMATAN buat follower yang menyambutnya :) 

okayy sebelum ni,miss ELLIE penah ajar korang camne nak buat POP OUT WELCOME kan?tak tau?kelik sini[LINK].harini pulak,miss ELLIE nak ajar korang camne nak buat pop out GOODBYE.

korang cuma perlu ikut langkah langkah ni >>>

1.dashboard>>design>>add a gadget>>edit html
2.pastekan kod di bawah ni,kedalam kotak gadget tu tadi :)

<script type='text/javascript'>    // goodbye alert    function goodbye(){    alert('KATA KATA HIKMAT');    }    parent.window.onunload=goodbye;    </script>

3.tukarkan perkataan yang bewarna merah tu kepada ayat yang korang nak.panjang lebar pun takpe.blog korang kan? :D
4.save.
5.have fun :D

salji turun dari langit :)

assalamualaikum.korang mesti hairankan dengan title post miss ellie harini?salji turun dari langit?kat malaysia manada salji turun.hahaha.tutorial ni lama dah miss ellie nak buat.tapi,asyik tak temu je kod dia.so,miss ellie nak berterima kasih dekat FARHANAH RASLI sebab dah share pengetahuan beliau tentang salji ni and share dengan miss ELLIE and miss ELLIE pun decide nak sharekan dengan korang.okayy.korang mesti dah tau apa itu salji kan?okayy,salji ni akan turun dari lelangit blog korang dengan ayu sekali.nak preview?alamak.takdak lah pulak.hahaha.kalau korang rasa rasa macam syok je salji turun dari langit ni,yelah.kan dekat malaysia takdak salji,so,berangan dalam blog pun bolehlah.hahahaha.interested?korang boleh ikut tutorial kat bawah ni :)

1.dashboard>>design>>edit html
2.korang pergi tekan ctrl + F and paste kan kod kat bawah ni dekat kotak find tu

]]></b:skin>

3.korang pilihlah salji warna apa yang korang nak:


PUTEH

<script src='http://hahazirah.googlecode.com/files/whitesnoweffect.js'/>

HITAM

<script src='http://hahazirah.googlecode.com/files/blacksnoweffect.js'/>

KELABU

<script src='http://hahazirah.googlecode.com/files/graysnoweffect.js'/>

MERAH

<script src='http://hahazirah.googlecode.com/files/redsnoweffect.js'/>

PINK

<script src='http://hahazirah.googlecode.com/files/pinksnoweffect.js'/>

HOTPINK

<script src='http://hahazirah.googlecode.com/files/hotpinksnoweffect.js'/>

PURPLE

<script src='http://hahazirah.googlecode.com/files/purplesnoweffect.js'/>

BIRU

<script src='http://hahazirah.googlecode.com/files/bluesnoweffect.js'/>

KUNING

<script src='http://hahazirah.googlecode.com/files/yellowsnoweffect.js'/>

ORANGE

<script src='http://hahazirah.googlecode.com/files/orangesnoweffect.js'/>

4.lepas korang letak pewarna kat salji korang,korang PASTE kan kod salji korang tu dekat BAWAH i repeat BAWAH   ]]></b:skin>

5.savekan.

okayy.senangkan nak letak salji kat blog korang?masih tak faham?korang baca betul betul,kalau betul betul tak faham,boleh komen kat sini :)

HAVE FUN :D

credit to : FARHANAH RASLI