Cell Phone

                     

Cute Border Behind Banner

Ketika Anda menemukan sebuah gambar yang bagus dan ingin dipasang sebagai Header diblog anda. Tetapi ketika anda preview blog anda menemukan hal seperti ini :

Ada teks didalam gambar dan cute border juga. Bisakah kita bisa perbaiki hal ini? langkah pertama mudah:

1. Log in di akun anda kemudian dari dashboard, klik Layout.
2. Pada halaman Page Elements , klik Edit pada Header Anda.
3. Pilih opsi yang mngatakan bahwa anda ingin banner baru "Instead of title and description." Hal ini akan mengahapus teks tambahan.

Bagaimana dengan cute bordernya? Border tersebut digunakan untuk menyimpan judul blog Anda. tetapi sekarang kita punya gambar dengan ukuran yang berbeda, jadi inilah langkah-langkah yang harus kita kerjakan:

1. Dari halaman Page elements, klik Edit HTML link.
2. Cari section yang bertuliskan Header.
3. Hapus teks border:1px solid $bordercolor; ( dibawah #header-wrapper { dan #header { pastikan untuk mengahapus keduanya).

Ini akan membuat border anda tidak terlihat. Sekarag header image anda terliat hebat!.

Bagaimana jika menyukai border tapi kita ingin border tersebut klop dengan banner kita. nah.. langkah yang perlu kita lakukan adalah :

1. Pertama, jangan menghapus border colour text ( seperti yang disebutkan diatas)
2. Yang perlu perlu Anda ketahui adalah seberapa lebar banner Anda. Dengan mudah anda bisa mengetahuinya, dengan cara hover file anda. Misalkan ketika anda hover diatas file dan disitu tertulis "Dimention 500 x 150."
3. Katakan lebar file Anda (500) dan tambahkan 10px.
4. Pada jendela HTML cari  #header-wrapper {  masukkan lebar banner Anda ditambah sepuluh (510).
5. Jangan lupa untuk klik Save, lihatlah perubahannya.