FIND US HERE

Sunday, March 27, 2011

3 Langkah membuang link "Subscribe to: Posts (Atom)"

  1. dashboard>design>edit html>ctrl+f cari code di bawah :
<b:include data='feedLinks' name='feedLinksBody'/>
  2. lepas tu korg del je code tu :)

Blog Archive versi kalendar


1.dashboard>design>add a gadget
2.copy code di bawah dan paste dkt add a gadget


<div id="blogCalendar"></div>
<script type="text/javascript" src="http://lvchen-recentcomments.googlecode.com/svn/trunk/Calendar/1.0/calendar_pack.js"></script>
<script type="text/javascript">
Calendar.base="LINK BLOG ANDA";
Calendar.timeZone="+08:00";
Calendar.timeZoneCheck = true;
Calendar.drawTable();
</script>
<style>
</style>
Calendar.timeZone="+08:00";
Calendar.timeZoneCheck = true;
Calendar.drawTable();
</script>
<style>
</style>
4.jgn lupa letak link blog korg ok?

Thursday, March 17, 2011

5 CIRI BLOG YG MENGGERUNKAN

mari kita semak sama2 adakah blog kita ni menggerunkan atau tidak.bkn nak ckp blog miss elle bg sgt.tak.bkn mcm tu.hanya maklumat yg ingin d kongsi je :)

1.penggunaan huruf yg tak sekata.

cnth : MaK aKu NaK  bAwAk AkU PeGi PaSaR
jgn la tulis mcm ni.kalau huruf besar, huruf besar semua.kalau huruf kecil, huruf kecil semua.nak baca pun senang kn? :D

2.penggunaan ayat GAI

cnth: kamewk cayunk kitarwk
eeww.geli ny miss elle baca ayat yg mcm ni.tulis lh elok2 kamek sayang kitak. kan senang?

3.music player yg takda PAUSE

cnth :


tengok music player ni.mcm mana nak pause? miss elle sarankan pakai la music player yg senang d pause.mcm music  dumper, mixpod, youtube.


4.menghalau visitors 

cnth : ni page aku.kalau kau tak suka apa aku taip kau blh blah 
jgn la buat ayt mcm ni ye? kita kn rakyat Malaysia.semua org tahu rakyat malaysia berbudi bahasa kn? :) budi bahasa budaya kita

5.terlalu banyak warna dalam post entri

cnth : hari ni aku pegi sekolah. sekolah seronok sangat. aku belajar macam-macam. belajar huruf, nombor, membaca, mengaji


cuba korg tengok.sakit betul mata miss elle menegokk nya.haha

COMBINE FOLLOWER DAN SHOUTBOX


LANGKAH 1
sediakan code CBOX/SHOUTBOX & code follower korg.utk dptkn code cbox sng kn? tapi mcm mana pulak nak dapatkn code follower? ikut step kat bawah ni :)

1.click di sini :) (sign in menggunakan email blog dan password blog korg)
2.ikut je gamba kat bawah ni





*adjust kn WIDTH & ROWS OF FACES*

(adjust kepada 270)

LANGKAH 2
  • generate code utk dapatkn code follower korg
dah ada code utk cbox&followers? simpan dulu code tu dalam notepad

LANGKAH 3

1.dashboard>design>add a gadget
2.copy code di bawah dan paste dkt add a gadget



<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('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEig6ApfeoOiAM2ZHSeH8zt-FYikn8AzWere7pfPJ2l9WKEinwl0bjSEKV53Z3ooC2VBPpGOvlIx3flNuhfUPY9p0HK-ZPgRmUXeePiuSsbGbyiqlhWb4qi74ASR1CovhxUWWxWJI-mV0fbI/s320/tabs.png') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #666666;
background:#F5F5F5;
padding:10px;
}
</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">

MASUKKAN CODE SHOUTBOX KORANG KAT SINI

<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 = (30-gb.offsetWidth).toString() + "px";
</script>


3.masukkan code cbox dan followers korg dkt word yg berwarna merah
4.save ! selamat mencuba :)






Wednesday, March 16, 2011

centerkan post title, title sidebar dan dates

post title


1.dashboard>design>edit html
2.cari code ini h3.post-title { atau .post 
3.copy code ni dan paste kat bawah code yg korg cari tadi 
text-align:center;
sidebar title & date

1.dashboard>design>edit html
2.cari code ini h2 {
3.copy code di bawah dan paste kat bawah code yg korg cari tadi 
text-align:center;
p/s:preview dulu.pastu save :)





CARI BLOG ID

1.dashboard>design
2.tengok gmbr kat bawah ni : (click utk tumbesaran)


nampak tak yg mrs.elle kotakkn tu? bahaha.lucu ny bhsa mrs.elle ni.yg dikotakkan tu blog id okay? utk pengetahuan korg, blog id seseorg tu tak sama. jgn pulak korg terkezutt nanti kalau korg punya blog ID tak sama dgn gmbr yg atas tu.okay lh.tu aja ! bye :)

CENTERKAN HEADER

1.dashboard>design>add a gadget
2.ctrl+f cari code ini /* Content
3.copy code kat bawah ni dan paste kat ATAS code yg korg cari tadi :P




.Header img {
  margin-$startSide: auto;
  margin-$endSide: auto; 
}

4.preview dulu.pastu save :)

p/s:Anda akan menjadi semakin comel kalau click mrs.elle punya heartbeat :)

CUTE ICON TEPI BLOGLIST


apa itu cute icon tepi bloglist? tengok gambar kat atas.nampak tak gambar roti yg mrs.elle bulatkan tu? yg tula cute icon.comel kan? nak buat? jum kita mulakan:)

1.dashboard>design>add a gadget
2.lihat gambar di bawah :




jgn tick ICON tu ye.pastu korg add la blog kat list korg tu :) lepas habis add save :D

3.dashboard>design>edit html
4.ctrl+f cari code ni ]]></b:skin>
5.copy code di bawah dan paste kat ATAS code yg korg cari tadi tu

.sidebar ul li {
background:url(URL Icon korang) no-repeat 2px .25em;
margin:0;
padding:0 0 3px 16px;
margin-bottom:2px;
text-indent:7px;
line-height:1.3em;
}
6.preview dulu.kalau jadi save kn


p/s:kalau tak jadi cakap tau !


BACKGROUND PADA MAIN WIDGET & SIDEBAR WIDGET (MINIMA TEMPLATE)

Hari ni Mrs.elle rajin sikit.mari kita mulakan tutorial kita :) sebelum tu please take note tutorial ni hanya utk MINIMA TEMPLATE sahaja okay?

MAIN WIDGET

1.dashboard>design>edit html
2.ctrl + f cari code ini  .main .Blog { 
3.copy code kat bawah ni.pastu paste kat bawah code yg korg cari tu tadi 



background:$bgcolor;

  Background-image:url(URL BACKGROUND);
background-repeat: repeat;
background-position:Center center;
background-attachment:Fixed; 
*jgn lupa letak URL BACKGROUND* 

SIDEBAR WIDGET

1.dashboard>design>edit html
2.ctrl + f cari code ini  .main . widget  atau code ni .sidebar .widget, .main .widget {
3.copy code di bawah & paste kat bawah code yg korg cari tadi

background:$bgcolor;

  Background-image:url(URL BACKGROUND);
background-repeat: repeat;
background-position:Center center;
background-attachment:Fixed;
*jgn lupa letak URL BACKGROUND*

p/s:preview dulu.kalau jadi, jadi la.kalau tak jadi cuba lagi :)





Tuesday, March 15, 2011

icon comel percuma untuk shoutbox/cbox :)

harini,MISS ELLIE berbaik hati nak bagi korang icon comel percuma.tak perlu bayar.
kalau nak bayar,boleh jugak.haahha*gelak gedik*
korang cuma perlu copy jer kod ni dan letakkan dalam shoutbox korang
tak tahu camne?

tu tu tu.kelik yang kat atas tu. :P
okayy,jum terjah!


http://i1112.photobucket.com/albums/k497/marchubbies/background-12-1.png



http://i38.photobucket.com/albums/e114/Dreyfus2006/CSS%20Images/Shout.png




http://i1201.photobucket.com/albums/bb350/AddinaMukhlisa/Gossip.gif




http://i1118.photobucket.com/albums/k602/syeraheenim/shoutbox.png

 
http://i1046.photobucket.com/albums/b464/fariesfearless/kit.png

icon comel/tukar tab pada shoutbox

Apa itu cute icon pada shoutbox? Lihat gambar di bawah :)


okay.sekarang kita akan tukar tab itu kepada icon comel mcm yg Miss elle punya mcm dlm gmba kat bawah xD


cute kan? okay.mcm mana nak buat?

1.korang edit la korang punya tab tu dekat photoscape ke, picnik ke.edit ikut kreativiti korang.
2.dah habis edit? upload kan gambar tab tadi tu dekat photobucket
3.dh selesai upload, ambik dia punya DIRECT LINK sahaja.ingat DIRECT LINK.
4.CTRL+C untuk copy code di bawah 

<style type="text/css">
#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:280px;
width:150px;
float:left;
cursor:pointer;
background:url('DIRECT LINK') no-repeat;
}
.gbcontent{
float:left;
border:2px dashed #666666;
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">
 CODE SHOUTBOX/CBOX KORG
 <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>
5.Paste code di atas dekat add a gadget (HTML/JAVA SCRIPT)

WARNA MERAH UNTUK KEDUDUKAN SHOUTBOX KORANG
WARNA BIRU UNTUK DIRECT LINK CUTE ICON
WARNA UNGU UNTUK CODE SHOUTBOX/CBOX KORANG

HAVE FUN :D
 whole tutorial credits to:MRS ELLE @ HAJAR and Miss ELLIE @ WAJIE :)

Monday, March 14, 2011

text cursor :)

hye uols!harini miss ELLIE nak aja korang cara cara nak buat text cursor.
tutorial ini adalah permintaan khas daripada nurul shafiqah
apakah itu text cursor?
text cursor ialah perkataan yang takda hobi dok ikut cursor korang kemana jerr cursor korang pergi.
sibok kan?
hahaha.
tapi tutorial ni best tau.
miss ELLIE suka sangat text cursor ni.
baiklah.mari kita mulakan tutorial kita pada hari ini
1.DASHBOARD>>DESIGN>>PAGE ELEMENTS>>ADD A GADGET>>EDIT HTML/JAVASCRIPT
2korang copy kod kat bawah ni and paste kan jer dalam gadget tu tadi.[ctrl + c untuk copy]

<style type="text/css">
        /* Circle Text Styles */
        #outerCircleText {
        font-style: large;
        font-weight: normal;
        font-family: 'curlz mt';
        color: #7D0552;
        position: absolute;top: 0;left: 0;z-index: 3000;cursor: default;}
        #outerCircleText div {position: relative;}
        #outerCircleText div div {position: absolute;top: 0;left: 0;text-align: center;}
        </style>
        <script type="text/javascript">
        ;(function(){
        var msg = "YOUR WORDS";
        var size = 24;
        var circleY = 0.75; var circleX = 2;
        var letter_spacing = 5;
        var diameter = 10;
        var rotation = 0.4;
        var speed = 0.2;
        if (!window.addEventListener && !window.attachEvent || !document.createElement) return;
        msg = msg.split('');
        var n = msg.length - 1, a = Math.round(size * diameter * 0.208333), currStep = 20,
        ymouse = a * circleY + 20, xmouse = a * circleX + 20, y = [], x = [], Y = [], X = [],
        o = document.createElement('div'), oi = document.createElement('div'),
        b = document.compatMode && document.compatMode != "BackCompat"? document.documentElement : document.body,

        mouse = function(e){
        e = e || window.event;
        ymouse = !isNaN(e.pageY)? e.pageY : e.clientY; // y-position
        xmouse = !isNaN(e.pageX)? e.pageX : e.clientX; // x-position
        },
        makecircle = function(){ // rotation/positioning
        if(init.nopy){
        o.style.top = (b || document.body).scrollTop + 'px';
        o.style.left = (b || document.body).scrollLeft + 'px';
        };
        currStep -= rotation;
        for (var d, i = n; i > -1; --i){ // makes the circle
        d = document.getElementById('iemsg' + i).style;
        d.top = Math.round(y[i] + a * Math.sin((currStep + i) / letter_spacing) * circleY - 15) + 'px';
        d.left = Math.round(x[i] + a * Math.cos((currStep + i) / letter_spacing) * circleX) + 'px';
        };
        },
        drag = function(){ // makes the resistance
        y[0] = Y[0] += (ymouse - Y[0]) * speed;
        x[0] = X[0] += (xmouse - 20 - X[0]) * speed;
        for (var i = n; i > 0; --i){
        y[i] = Y[i] += (y[i-1] - Y[i]) * speed;
        x[i] = X[i] += (x[i-1] - X[i]) * speed;
        };
        makecircle();
        },
        init = function(){ // appends message divs, & sets initial values for positioning arrays
        if(!isNaN(window.pageYOffset)){
        ymouse += window.pageYOffset;
        xmouse += window.pageXOffset;
        } else init.nopy = true;
        for (var d, i = n; i > -1; --i){
        d = document.createElement('div'); d.id = 'iemsg' + i;
        d.style.height = d.style.width = a + 'px';
        d.appendChild(document.createTextNode(msg[i]));
        oi.appendChild(d); y[i] = x[i] = Y[i] = X[i] = 0;
        };
        o.appendChild(oi); document.body.appendChild(o);
        setInterval(drag, 25);
        },
        ascroll = function(){
        ymouse += window.pageYOffset;
        xmouse += window.pageXOffset;
        window.removeEventListener('scroll', ascroll, false);
        };
        o.id = 'outerCircleText'; o.style.fontSize = size + 'px';
        if (window.addEventListener){
        window.addEventListener('load', init, false);
        document.addEventListener('mouseover', mouse, false);
        document.addEventListener('mousemove', mouse, false);
        if (/Apple/.test(navigator.vendor))
        window.addEventListener('scroll', ascroll, false);
        }
        else if (window.attachEvent){
        window.attachEvent('onload', init);
        document.attachEvent('onmousemove', mouse);
        };
        })();
        </script>
tukarkan perkataan purple untuk jenis font yang korang nak.and warna merah untuk words korang.
3.save
siap.have fun uols :)

Thursday, March 10, 2011

background sidebar title ( template biasa )

dashboard>design>edit html>
cari code ini
h2 {

background:url(URL GAMBAR ANDA);   background-attachment: fixed;background-repeat: repeat;

paste code di atas kat bawah h2 { tadi ;)

jgn lupa letak URL GAMBAR !

CREDIT TO :putryy Nasuha :)

BLOG BACKGROUND

 jum kiter belajar cara nak buat background untuk blog :) kalau korang mls nak cari background dekat pyzam atau mana2 website, korg blh cari dkt google background yg korg nak.pastu ambik dia punya image url je.senang kn? so , mcm mana nak buat? jum mulakan.

1.cari background yg korg nak dkt google. contoh nya ; korg boleh taip PATTERN BACKGOUND atau CUTE BACKGROUND atau COLOURFUL BACKGROUND
2.dashboard>design>edit html>
cari kod ini
 background: $(body.background);
3.paste code ni kat bawah dia 
background:url(URL GAMBAR BACKGROUND);
background-attachment: fixed;
background-repeat: repeat; 
4.jgn lupa letak URL IMAGE ok !

CREDIT TO :putryy Nasuha ;)

Sunday, March 06, 2011

membuat pages

harini miss ellie nak ajar korang semua cara cara membuat pags dengan 3 langkah yang mudah.
1.dashboard>>design>>add a gadget




 2.cari gadget pages dan picit [+]


 3.kelik save.




dah siap :)
have fun peeps :D
tutorial background pages coming soon :)

Wednesday, March 02, 2011

TUTORIAL DEACTIVE DAN DELETE ACC FB

Assalammualaikum , semua. apa kaba? lama tak buat tutorial kn? hari ni , mrs .elle nak buat tutorial mcm mna nak deactive acc dan del acc facebook. yg ni request dari slh seorg follower page ni. terima kasih :)


DEACTIVE ACC 

log in acc fb anda > home > click account > account setting > deactive account 
tak paham ? mai tengok gmba kat bawah ni :

CLICK ACCOUNT


CLICK ACCOUNT SETTINGS

CLICK DEACTIVE ACCOUNT
PILIH SATU JE REASON TU OK ? PASTU TEKAN CONFIRM

TEKAN PASSWORD KORG OK ? 


DAH SIAP.SENANG KAN ? TAPI PASTIKAN KORANG DEACTIVE ACC KORG TU KURG DRPD 3 BULAN. 
KALAU LEBIH , AUTOMATIC ACC KORG PIHAK FACEBOOK DELETE.


DELETE ACCOUNT FACEBOOK
click je gamba kat bawah okay ?



CLICK ACCOUNT



CLICK ACCOUNT SETTINGS




senang kan ? selamat mencuba :)