Sabtu, 23 April 2011

0 Cara Mengganti Background Judul Menu Bar Dan Side Bar Blogger

Hay sobat blogger. Kali ini saya akan menulis cara untuk menggantu judul Menu bar dan Side Bar seperti yang ada di blog saya ini, caranya cukup simple namun agak sulit dimengerti jika kita tidak memperhatikannya dengan baik, oke mari kita mulai 

1. Log In ke blogger anda
2. Setelah itu pindahlah ke Tab Rancangan > Edit HTML
3. Bukalah Blog anda. *Pastikan blog anda memiliki Menu Bar dan Side Bar
4. Lalu pada gambar yang ingin diganti silahkan lakukan seperti gambar dibawah ini


5. Pada Gambar Pembatas Sidebar itu klik kanan dan pilih View Background Image
6. Maka  akan muncul tampilan Address gambar

7. Setelah itu, Copylah Address dari gambar yang didapat
8. Kembalilah ke EDIT HTML
9. Tekan CTRL + F lalu pastekan alamat tersebut.
10. Maka akan muncul tempat dimana kita akan menaruh Background baru


11. Sekarang kita akan membuat Background Side Bar yang baru lewat situs Cooltext.com
12. Buka Cooltext lalu pilih Button

 13. Buatlah Gambar sendiri dengan Kreativitas anda, dan Jangan lupa untuk MENGOSONGKAN TULISAN pada tombol itu untuk dijadikan background



14. Jika sudah diatur, klik RENDER BUTTON
15. Download gambar tersebut dan upload di Situs lain atau di blogger juga. Perhatikan gambar berikut

16. Setelah selesai anda COPAS di tempat Edit HTML tadi.

PROBLEM :
1. Sidebar saya tidak terdapat gambar ?
Caranya cukup mudah
Masuklah ke EDIT HTML lalu cari
".sidebar h2" atau "#sidebar h2" atau "sidebar post title"
2. Backgroundnya tidak sama rata ?
Caranya cukup merubah LEBAR dan TINGGI gambar yang anda buat tadi. Setelah itu upload lagi dan Copy lagi

3. Gambarnya Kecil, padahal Imagenya sudah besar.  ?
Perhatikan Code dibelakang tag MARGIN, WIDTH, Lebih baik gunakan code yang sudah saya berikan

sidebar h2 {margin: 10px 0 0 0;padding: 6px 0 20px 0;background: url(URL GAMBAR ANDA) top left no-repeat;font-size: 16px;font-family: Arial, Helvetica, Sans-serif;font-weight: bold;color: #464646;

NB : CARA INI BERLAKU UNTUK MENGUBAH BACKGROUND LAINNYA, SEPERTI NAV BAR MENU, POST BACKGROUND.

0 komentar:

Poskan Komentar

Kalau Comment Jangan Junk Ya

Free Blog Promotion

Untuk mengatur bagaimana tampilan tooltip tersebut nantinya, maka disini memerlukan kode style. Kode yang diperlukan seperti berikut ini.