Border Pada Main Blog

Assalammualaikum kawan-kawan.cuti wat ape?  Miss elle cuti nak wat tuto bnyk sikit.insyallah:) Okay lah. setelah berpenat lelah meronda ronda code, akhir nya miss elle jumpa tutorial yg baru. Mungkin ada yg dah jpa tutorial ni sebelum ni.Tp Miss elle baru dapat ^^ takpe la kan? janji miss elle blaja sendiri :D okay lah. Mari mulakan tutorial kita pada hari ni. sebelum tu, mai tengok gamba border pada main blog :)

Example A

Example B

Example C

Example D

Example E

Example F

Seronok kan kawan-kawan? Mari kita mulakan tutorial kita pada hari ini :)

1. dashboard > design > edit html 

2. CTRL + F cari code .main-inner .column-center-inner .section {

Lepas tu, kat bawah code .main-inner .column-center-inner .section { ada code .post { kan? 

Kalau tak paham, tengok gambar kat bawah :

3. copy code di bawah dan paste kat bawah code .post {  tadi :)

EXAMPLE A :

-moz-border-radius-bottomright: 50px;

border-bottom-right-radius: 50px;

}

EXAMPLE B :

-moz-border-radius-bottomright: 50px 25px;

border-bottom-right-radius: 50px 25px;

}

EXAMPLE C

-moz-border-radius-bottomright: 25px 50px;

border-bottom-right-radius: 25px 50px;

}

EXAMPLE D 

-moz-border-radius: 1em 4em 1em 4em;

border-radius: 1em 4em 1em 4em;

}

EXAMPLE E 

-moz-border-radius: 25px 10px / 10px 25px;

border-radius: 25px 10px / 10px 25px;

}

EXAMPLE F 

-moz-border-radius: 35px;

border-radius: 35px;

} 

Korang pilih satu bentuk je tau.pastu paste kat bawah code .post {  tadi :)
Jangan  lupa tambah kan code ni

border: solid 3px #000000;

Tukarkan warna merah dengan jenis border yg korang nak
Warna biru untuk ketebalan border.
Warna purple lak untuk warna border.

lepas korang habis paste semua, code dia akan jadi mcm ni :

SELAMAT MENCUBA. HAVE FUN :D 

CREDIT TO : MISS ELLE@ hajarhadija:D

HARAP MAAF

bismillahirahmanirahim.
assalamualakum semuanya.
harini miss ELLIE nak beritau yang request untuk blog editing telah ditutup sementara waktu.harap maklum.sekian terima kasih :)

BORDER KELILING BLOG KECUALI HEADER

1.  dashboard > design > edit html


2. CTRL + F cari code ini main-outer


3.  copy code di bawah dan paste di bawah code yg korang cari tadi

border: 3px solid #000000;

Warna purple untuk ketebalan border
Warna biru untuk jenis border
Warna merah pulak untuk warna border


Kalau korang nak membentuk kan border korang tu tadi menjadi pelbagai bentuk, cuma tambah code di bawah :

-moz-border-radius: 15px;-webkit-border-radius: 15px;

nanti dia akan jadi mcm ni

border: 3px solid #000000;

-moz-border-radius: 15px;-webkit-border-radius: 15px;

HAVE FUN :D

CREDIT TO : miss elle@hajarhadija:)

Sidebar Gadget Border

Assalammualaikum.Tak jawab dosa.kalau jawab dapat pahala :) Lama kan miss elle tak buat tutorial baru? Okay la.hari ni miss elle nak buat tutorial Sidebar Gadget Border. Tapi tutorial ni untuk template designer aja ok?

Sebelum itu, mari tengok apa itu Sidebar Gadget Border kat gambar kat bawah ni ye :)

Sebelum menggunakan tutorial ini.

Nampak perubahan nya? seronok kan? Jum buad :D

1.dashboard > design > edit html 

2.CTRL+F cari code ini ]]></b:skin>

3. ctrl + c copy code di bawah dan paste di atas code yg korang cari tadi 

.sidebar .widget {border: 1px solid #000000;margin:0 0 2em;
padding:10px 10px 10px 10px ; }

*PERKATAAN MERAH UNTUK KETEBALAN BORDER

*PERKATAAN HIJAU UNTUK JENIS BORDER

*PERKATAAN BIRU UNTUK WARNA BORDER 

4.tukarkan perkataan merah, hijau dan biru mengikut kreativi korang :)

CREDIT TO : empayar tiga bintang :)

BUAT SCROLL BOX

ini adalah scroll box untuk code di bawah :)

Ada 2 langkah untuk letak scroll box pada post.

Langkah 1

Langkah pertama ni kalau korang cuma nak letak scroll box pada current post je ok :D

1. Dashboard > new post 

2. CTRL + C untuk copy code di bawah 

<center><textarea cols="23" id="textarea" name="textarea" rows="4"></textarea></center>

3. Pada new post, click edit html mcm dalam gambar di bawah  :

4. Paste code yg telah di copy pada edit html

5. Click compose pada sebelah edit html tersebut, tengok ada tak scroll box tadi? 

6. Setelah selesai dengan 5 langkah di atas, korang paste la ape yg korang nak kat scroll box tersebut ok?

LANGKAH 2

Langkah kedua ni kalau korang nak letak scroll box pada each post.

1. Dashboard > Setting > Formatting > Post Template 

2. CTRL + C untuk copy code di bawah 

<center><textarea cols="23" id="textarea" name="textarea" rows="4"></textarea></center>

3. Paste code yang telah di copy tadi di Post Template dan save kan :)

Setiap kali korang nak post, scroll box tu akan appear :)

HAVE FUN :D

BLOG ARCHIVE BERGERAK

1.Dashboard > design > add a gadget > html/javascript

2.CTRL + C untuk copy code di bawah

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>

<style media="screen" type="text/css">

<!--

#spylist {

overflow:hidden;

margin-top:5px;

margin-bottom:-20px;

padding:0px 0px -20px 0px;

height:350px;

}

#spylist ul{

width:270px;

overflow:hidden;

float:center;

list-style-type: none;

padding: 0px 0px;

margin:0px 0px;

}

#spylist li {

width:252px;

padding: 2px 2px;

margin:0px 0px 5px 0px;

list-style-type:none;

float:none;

height:70px;

overflow: hidden;

background:#FFFFFF;

border:1px solid #ddd;

}

#spylist li a {

text-decoration:none;

color:#A32929;

font-size:12px;

height:0px;

overflow:hidden;

margin: 0px 0px;

padding:0px 0px 0px 0px;

}

#spylist li img {

float:left;

margin-right:5px;

background:#EFEFEF;

border:0;

}

.spydate{

overflow:hidden;

font-size:0px;

color:#0284C2;

padding:2px 0px;

margin:1px 0px 0px 0px;

height:0px;

font-family:Tahoma,Arial,verdana, sans-serif;

}

.spycomment{

overflow:hidden;

font-family:Tahoma,Arial,verdana, sans-serif;

font-size:0px;

color:#262B2F;

padding:0px 0px;

margin:0px 0px;

}

-->

</style>

<script language="JavaScript">

imgr = new Array();

imgr[0] = "http://i43.tinypic.com/orpg0m.jpg";

imgr[1] = "http://i43.tinypic.com/orpg0m.jpg";

imgr[2] = "http://i43.tinypic.com/orpg0m.jpg";

imgr[3] = "http://i43.tinypic.com/orpg0m.jpg";

imgr[4] = "http://i43.tinypic.com/orpg0m.jpg";

showRandomImg = true;

boxwidth = 255;

cellspacing = 6;

borderColor = "#232c35";

bgTD = "#000000";

thumbwidth = 70;

thumbheight = 70;

fntsize = 12;

acolor = "#666";

aBold = true;

icon = " ";

text = " ";

showPostDate = false;

showcomments = false;

summaryPost = 40;

summaryFontsize = 10;

summaryColor = "#666";

icon2 = " ";

numposts = 20;

home_page = "http://URL korang.blogspot.com/";

limitspy=4

intervalspy=4000

</script>

<div id="spylist">

<script src="http://sites.google.com/site/testingsahaja/recentpostslide.js?attredirects=0&d=1" type="text/javascript"></script>

</div>

3. Masukkan link blog pada perkataan berwarna merah

HAVE FUN :D

TIPS MENCANTIKKAN BLOG

Korang nak blog yg cantik? korang nak blog yang cute? korang nak blog yang kemas? Ikut je langkah2 kat bawah ni :

1. Pilih tema blog korang.mcm Miss elle pilih gajah.so, background, cursors, dan kebenyakan benda dalam blog ini adalah gajah.kalau korg ada tema, orang tak kan pening tengok blog korang :D
2. Pilih background yang menarik.mcm contoh, CARTOON ke, POLKA DOTS ke, PATTERN ke, dan ape2 aje lah yang nampak menarik.Miss elle sarankan, jangan pilih background yang ada glitter2 tu. dok berkelip je.sakit mate miss elle tengok.hehe
3. Jangan letak banyak sangat gadget.mcm contoh, kalau Miss elle edit blog orang, punya la banyak gadget dia letak.gambar dia dah dua lima gadget.lagu lagi.slideshow lagi.Fish lagi.mcm2 la.maksud miss elle, yang tak berkenaan, tolong buang.nanti kemas la sikit blog korang :)
4. Kalau blh, pilih satu atau dua tema warna.mcm contoh, white and black ke.Pink and red ke.supaya blog nampak ceria :P

Okay lah.tu je kot.Miss elle bukan nak cakap, blog miss elle cantik, kemas & cute.hanya sedikit perkara yang sering diamalkan miss elle :D korang jangan la kecik ati ye.sama2 untuk membina blog yg cantik dan kreatif mcm Wan Hazel :D. setuju tak? kalau setuju, click CLICK SINI :D

HAVE FUN :D

MACAM MANA NAK UPLOAD GAMBA DAN LETAK KAT ADD A GADGET?

Macam biasa. Follow the following steps :)

Langkah 2 : Click Design 

Langkah 3 : Click Add A Gadget 

Langkah keempat : Pilih no. 10 

Langkah kelima : click CHOOSE FILE 

Langkah keenam : pilih gamba yg ingin di upload 

Langkah ketuju : click save :)

HAVE FUN :D

MACAM MANA NAK UPLOAD GAMBA DALAM POST?

Follow gambar di bawah :)

Langkah pertama : Dashboard

Langkah kedua : Click Design 

Langkah ketiga : Click New Post 

Langkah keempat : Click pada frame macam dalam gambar di atas

Langkah Kelima & Keenam, seperti di atas 

Langkah ketujuh : Korang tau-tau je lah :D

HAVE FUN :D

BASIC PADA TUTORIAL

CTRL + C FUNGSI NYA UNTUK COPY CODE
CTRL +  F UNTUK CARI CODE
CTRL + V UNTUK PASTE CODE

LIHAT ARAHAN DI BAWAH :

DASHBOARD>DESIGN>ADD GADGET>HTML/JAVASCRIPT

1.KORANG DAH TAU DASHBOARD TADI KAN?
2.DESIGN TAU? ADD A GADGET TAU? HTML/JAVASCRIPT TAU? OK LA.KALAU TAK TAU,
   LIHAT GAMBAR DI BAWAH :

DESIGN ADALAH NOMBOR 2 :)

yang miss elle bulatkan adalah ADD A GADGET

Kalau korang click pada ADD A GADGET dia kuar mcm ni kan?

perhatikan nombor 8.pada angka 8 adalah HTML/JAVA SCRIPT :D

DAH TAU DASHBOARD? DESIGN? ADD A GADGET? HTML/JAVA SCRIPT ? TAHNIAH ! 

SEKARANG, KORANG DAH BLH BUAT TUTORIAL YG MISS ELLE DAH SEDIAKAN :D

HAVE FUN :D

APA ITU DASHBOARD?

LANGKAH PERTAMA


SIGN IN BLOG KORANG :)

LEPAS KORANG SIGN IN, DIA KUAR MCM NI KAN?

YANG NI LA DASHBOARD :)

GOOD NEWS

Assalammualaikum.Apa kaba kawan2? sihat? Ok lah.Apa Good News yang MISS ELLE nak cakap ni?
mesti korang nak tau kan? ok lah.Miss elle bagi tau. GOOD NEWS NYA ADALAH :

SEMUA TUTORIAL TELAH DI UPDATE.SEGALA CODE YANG TIDAK BERFUNGSI TELAH DIBUANG DAN DIGANTI.SEGALA TUTORIAL YANG SUKAR UNTUK DIPAHAMI, TELAH MISS ELLE UPDATE DENGAN LEBIH DETAIL LAGI :D

Suka tak? kalau suka, CLICK MISS ELLE PUNYA NUFFNANG DAN HEARTBEAT MISS ELLE :D
okay lah.jumpa lagi !have a blast day peeps :D

TUTORIAL FIELDSET

Apa itu FIELDSET? Lihat gambar di bawah :

1.DASHBOARD>DESIGN>ADD GADGET>HTML/JAVA SCRIPT 

2.CTRL+C UNTUK COPY CODE DI BAWAH 

<FIELDSET><LEGEND>MAKANAN KEGEMARAN</LEGEND> AYAM MASAK KARI  </FIELDSET>

tukarkan MAKANAN KEGEMARAN dengan tajuk yang korang nak

tukarkan AYAM MASAK KARI dengan word korang

CREDIT TO : NAZIHAH :)