dina's storylineʕ•ᴥ•ʔ: Pasang Header Di Blog+Cara Membuat Header

#FANFIksi Refresh Author Stuff buddies

Pasang Header Di Blog+Cara Membuat Header

Special For Newbie #OwnTuto

  • Click (SINI)
  • Pilih "CREATE A NEW IMAGE"
  • Setel;
NAME: Transparent
WIDTH/LEBAR: (Setel Dengan Width Blog Mu!)
HEIGHT/TINGGI: Terserah
Tick Tranparent
-->"OK"
  • Click drawing tool--> Rounded rectangle tool
  • Ganti warna header seperti warna body post kamu,cara ganti warnanya click button(lihat gambar) dan pilih waranya
  • Nah kalo mau nyetel kelengkungan headernya click border radius


  •  Buat kurang lebih shapenya kayak ginian
  • Lalu tambahkan text dengan menekan tombol "A" atau lihat di image
  • File>>Save lalu setel format jadi PNG dan click OK!


CARA PASANG HEADERNYA DIBLOG?
  • Buka blog kamu lalu langsung cekidot masukkan header hasil tadi ke postingan blog kamu,lalu copy link image header kamu tadi
  • Ke tata letak>>Paste url image headernya click simpan
  • Cara menghapus back putih kayak gini:
  • Template>>Edit HTML
Search below code: (using Ctrl+F)
/* Header

  • Lalu Masukkan code bawah ini di atas code /*Header tadi
.header-outer, .content-inner { background-color: transparent;}.main-outer, .tabs-outer { background-color: $(content.background.color);}.tabs-inner .widget ul { margin: 0px -15px;}.content-inner{padding: 0px;}

  • SAVE 

TATA'S half done -_________-
YAY!;0

  •  So on, gimana mau buangin shadow dipinggirnya (?)*

  • Cari code ini:
.content-outer {

  • Kemudian, didekat code .content-outer { ada code kayak ginikan: 
-moz-box-shadow: 0 0 $(content.shadow.spread) rgba(0, 0, 0, .15); -webkit-box-shadow: 0 0 $(content.shadow.spread.webkit) rgba(0, 0, 0, .15); -goog-ms-box-shadow: 0 0 $(content.shadow.spread.ie) #333333; box-shadow: 0 0 $(content.shadow.spread) rgba(0, 0, 0, .15);
  •  Hapus code itu?!
  • SAVE
  • Jadideh YIPPY!!


Tidak ada komentar: