Sunday, January 30

Tutorial border melengkung sekeliling blog !


So sekarang neyh , zuai akan buat tutorial border melengkung keliling blog ,
i guess , sume mesti dah tau kannn ?
Tapi just nak buat jea , ade orang request sume ,
mestilah buat punye , anyway senang jea , just go to
Design -----> Edit HTML 
Press CTRL+F atau F3 untuk pencarian code ,
anda perlu cari code ini :

#outer-wrapper {
atau
.content-outer

Bila dah dapat cari code itu ,
Anda akan dapat code macam ini ,

#outer-wrapper {
border: 3px double #FF0080;
  width: 920px;
  margin: 0px auto 0;
  text-align: left;
  font: $bodyfont;
}

So bila anda dah dapat code yang dicari , anda perlu tambah code itu di bahagian
paling bawah code tersebut ,
code yang perlu anda tambah ialah ini :

  -moz-border-radius: 35px;
border-radius: 35px;

So , lepas dah copy code diatas , anda perlu copy dia and paste di bahagian
bawah code tersebut , CONTOH :

#outer-wrapper {
border: 3px double #FF0080;
  width: 920px;
  margin: 0px auto 0;
  text-align: left;
  font: $bodyfont;
  -moz-border-radius: 35px;
border-radius: 35px;
}

Make sure preview dulu sebelum SAVE .
Itulah code yang perlu anda tambah dekat code HTML blog anda sendiri .
Sebenarnya ada banyak code border , ada yang melengkung , bulat dan kotak ,
Erm nanti saye update lagi ok , just stay tune sebab nanti saya akan update lagi
tutorial ini .
*UPDATED*
Sila tengok di sini untuk jenis2 border : Jenis-jenis border
Sila tengok sini untuk lihat pattern border : Jenis-jenis pattern border
p/s: selamat mencuba !*untuk template minima sahaja *



Sincere : Zuai♥

35 cute words:

Nur Hamizah said... [Reply balik♥]

zuai..x jump[e pen code
#outer-wrapper {

♥ zuai™ ♥ said... [Reply balik♥]

@priencess myza : mungkin template anda tak sesuai

♥ zuai™ ♥ said... [Reply balik♥]

@Mejuez : template anda tidak sesuai :) sorry HUHU

Unknown said... [Reply balik♥]

dahh ! . tengs :)

♥ zuai™ ♥ said... [Reply balik♥]

@omarul : ur welcome~

Nad Jamal said... [Reply balik♥]

tak jadi pun :( template desingner kea?

Nad Jamal said... [Reply balik♥]

tak jadi pun :( template desingner kea?

-S- said... [Reply balik♥]

zuai , rsenye kne edit ckit la . slain dri #outer-wrapper , bole gak cri .content-outer . hee

♥ zuai™ ♥ said... [Reply balik♥]

@saya shea : erm , tu zuai ta tau , tapi setakat neyh , code outer-wrapper jerp yang berkesan . kalau code tu , kene try lu .

@nad: tak lorh . Edit HTML jerp

anisgilos said... [Reply balik♥]

abg zuai,walopown AWAN xderk template yg sesuai but juz wanna thank you for making thesh tuto...rakan2 bloggers laen semua blaggak xnk kasi tau..:(
thank you abg zuai!XD

♥ zuai™ ♥ said... [Reply balik♥]

@AWANSian awan , nanti cari la template yang sesuai tu , jangan sedeh2 okeyh , biase lah baru berblogging , :)

Apit said... [Reply balik♥]

even code kita x sama but when paste code border tuh dekat bawah content wrapper terus menjadi ! thanks zuai ! :)

♥ zuai™ ♥ said... [Reply balik♥]

@apitrawrrHUHU , congratzzz :)

cik blink blink said... [Reply balik♥]

x jumpa pon code tu....

♥ zuai™ ♥ said... [Reply balik♥]

@cik blink blinktry cari code ini pulak , .content-outer

ika wengweng said... [Reply balik♥]

thanks :) even sy gune denim template , boleh buat jugak heeee , kene cri code nihhh #content-wrapper { , thanks lg skali ;D

♥ zuai™ ♥ said... [Reply balik♥]

@iqahuhu , congratz :D

Anonymous said... [Reply balik♥]

Zuai, nape Miera cari tak jumpe? Miera gune Minima Template. Tapi tak jumpe kod tu :'(

♥ zuai™ ♥ said... [Reply balik♥]

@MiEracer cari code ini pulak , .content-outer

Natasha MDG said... [Reply balik♥]

selalu nak edit html ni semua kena guna template ape? sbb saye selalu nak cari code selalu tak jumpe.

♥ zuai™ ♥ said... [Reply balik♥]

@Natasha MDG Erm , dekat template yang ada code tu jea yang boley buat :)

Anonymous said... [Reply balik♥]

Miera da carik, tak jumpe gak due2 kod tu. :(

Hafizi Azmi said... [Reply balik♥]

tq sgt2..~~ (^^)

:: alwanPelangi.com ::

♥ zuai™ ♥ said... [Reply balik♥]

@AlfiYour welcome :)

Maneera said... [Reply balik♥]

jadi la.. thanks ye

♥ zuai™ ♥ said... [Reply balik♥]

@Meella Your welcome :)

zyra said... [Reply balik♥]

awaa , menjady , tengs cgtcgt ;)

♥ zuai™ ♥ said... [Reply balik♥]

@miss bubu AHHA , congratz :)

sukri said... [Reply balik♥]

tq jadi2 . tp asal ade border skli dngn header a ? xleh buang ke border kt header 2 ? :)

sukri said... [Reply balik♥]

ape2 balas kt shoutbox k :) .
http://sukrimapler.blogspot.com

afiqsmileTM said... [Reply balik♥]

ni untok denim template jeke...

♥ zuai™ ♥ said... [Reply balik♥]

@are_fiq: Yeap :)

Nama pena, Puteri Nur Cahaya @ Cikgu iEta. Suri rumah sepenuh masa. Penulis Lifestyle Blogger berpengalaman Social Media Marketing Coach. said... [Reply balik♥]

done follow. thanks tutorial ni menjadi ^_^

♥ zuai™ ♥ said... [Reply balik♥]

@Ieta Mat Saad Ur welcome :)

♥ zuai™ ♥ said... [Reply balik♥]

@Ieta Mat Saad Ur welcome :)