29 October 2011

[Tutorial] Cara nak buang border pada header blog


Assalammualaikum..
Hai..Macam mana keadaan anda hari nie, harap sihat-sihat selalu sebab sekarang nie kan musim hujan. Jadi jagalah kesihatan ye. Baiklah, hari nie nak kongsi sesuatu dengan anda semua, pasal apa? pasal tutorial blog. Nak header yang cantik? Boleh lah buat header cantik-cantik guna photoshop. Kalau anda nak letak header sendiri mesti header anda akan nampak burukkan, sabar-sabar..bukan saya nak kata header awak semua buruk tapi sebab adanya border kat sekeliling tu. Jadi hari nie saya nak ajar cara buang border yang ada pada header tu. Ok, senang je caranya. Mula-mula :

1. Log in> Design> Edit Template

2. Tekan Ctrl+F, untuk memudahkan pencarian. Lepas tu cari kod nie:

#header-wrapper {
3.Kalau dah jumpa kod tu, scroll kat bawah sikit sampai jumpa kod yang nie:

  border:1px solid $bordercolor;
  }
4. Yang warna merah tu padam dan gantikan dengan 0.

Tak habis lagi.

5. Scroll lagi kebawah, sampai jumpa kod nie pulak, kod nie ada kat bawah  kod tadi.

#header {
6.Pun sama jugak cari kod nie 
border: 1px solid $bordercolor;

7.Yang warna merah tu padam dan gantikan dengan 0.

8. Boleh preview dulu sebelum save dan anda tengok dekat header tu dah tak ada border kan? Kalau begitu, berjaya!!!!Yeaaaaaa. Boleh lah save.

Selesai sudah tutorial bersama cik tutor pada hari nie, selamat mencuba. Semoga blog anda menjadi lebih cantik daripada biasa. Anyooo...

p/s : kalau memang dah tak nak dah border tu, boleh je padam terus kod tu. Saya tukar pada 0 sebab mana tahu anda nak gunakan balik border yang ada dekat header tu. T____T

4 comments

January 8, 2013 at 10:27 AM

klau xjmpe kod nie..#header-wrapper {
cmner??

January 8, 2013 at 10:56 AM

@NORR A.HADEE Guna template apa? kalau tak jumpa..cuba cari mana-mana kod #header.. kemudian tengok ada tak kod yang macam ni

border:1px solid $bordercolor;
}

January 8, 2013 at 10:57 AM

kalau ada..tukar 1px itu kepada 0.

March 3, 2015 at 12:22 PM

tak ada pun header wrapper

Related Posts Plugin for WordPress, Blogger...
 

Design by ! AINI ZAKARIA © 2014| Resolution: 1280x800px | Best View: Google Chrome