Apr 19, 2011

Membuat border blog bagi template designer

Assalamualaikum dan hai kepada pembaca belog ni. Nak minta maaf kepada sesiapa yang bertanya kat belog ni, tapi masih belum berjawab dan tak terjawab. HUHU. Baru hari ini dapat updated belog, orang busy mengalahkan menteri, HAHA.

Minggu lepas aku ada buat tuto pasal pisahkan header bagi yang menggunakan template designer, hari ni nak buat tuto pasal rounded border ataupun border yang mengelilingi blog, haaa.

Bagi yang bertanya pasal rapatkan header tu, aku tak berapa nak pasti sebab aku pernah cuba godek code 'dia' tapi tak bergerak seinci pun. T.T . Takpun aku cadangkan korang buat header saiz lebar 900 dan tinggi dalam 350- 400. Bila upload header tu jangan tick fit amende semua tu. Kalau tak berjaya jugak, tunggulah aku dapat godek code tu, hehe!

Baiklah, kita teruskan tuto ni sekarang ekk.


Mula- mula korang kena Log in ke dashboard korang dulu then pergi ke Design-- > edit hml -> expand widget.


Tekan ctrl+ F atau f3 untuk memudahkan pencarian korang. Sekarang cuba cari code ni.


.content-inner


Kalau tak jumpa, cari yang ini pulak.


.main-outer


Kalau tak jumpa jugak, perlahan- lahan scroll dan cari antara dua code tu k. HUHU.

Kalau dah jumpa, letak code kat bawah ni selepas code yang korang dah cari tadi.


border : 1px dotted black ;


Contoh :

.main-outer }
border:1px dotted black;
***********************************

Akey, meh aku terangkan sikit k?

 1px tu untuk ketebalan border korang.Lagi tinggi nombor yang korang letak, lagi tebal border yang korang ada.

 Dotted pulak bentuk border korang. Dotted tu macam putus- putuslah. Korang boleh ubah dengan solid atau dashed.

 Black tu korang boleh tukar dengan warna yang korang suka.

Kalau korang nak border korang melengkung, korang hanya perlu letak code ni kat bawah code border:1px dotted black tu.


border-radius :10px;


Mudah je kan? Harap- haraplah tak ada masalah, HAHA.

Selamat mencuba! :D

11 comments:

  1. jadi , thanxx ! tapi yang melengkung tu tak jadi :)

    ReplyDelete
  2. @sweetlittlePUMPKIN, laa..yeker? kuikuikui..xpe, nt sy cek blk..mgkn ade slp kot

    ReplyDelete
  3. hyep2. thank2 ika.~
    peanut ngah mencantekkan blog . satu2 tutorial try. heee~

    ReplyDelete
  4. @Cik Peanut, yeker? wahh.. gud lak dlm mencantikkan blog,^^

    ReplyDelete
  5. dah jadi..tapi macam ada line putih antara border blog dengan header..kenapa ek?

    ReplyDelete
  6. Akak , duadua dah jadik ! Thanks !

    ReplyDelete
  7. im almost giveup nk create rounded border ni dr dulu. berbulan tk pernah success! Hm apa design template awak pakai eh? simple ke? watermark ke ape ke? Boleh bg thu details tak?

    ReplyDelete
  8. kak , bak rapatkan header tu dh jumpe ke ?

    ReplyDelete