Jumat, 25 Desember 2009

Mengganti Header Blog dengan Banner

Ada yang bertanya pada saya, bagaimana  cara ganti header blog dengan banner? kan biasanya cuma tulisan biasa? kok bisa jadi banner?


Nah, maka dari itu saya berpikir untuk membuat posting tentang mengganti header blog dengan banner.
Langkah I :
1. Buatlah sebuah banner yang ukurannya sesuai dengan lebar header blog Anda. Atau Anda dapat menggunakan CoolText.Com.
2. Kemudian Anda klik banner yang ditawarkan oleh cooltext.com tadi.
3. Ganti nama logo text dengan nama judul blog Anda dan kemudian render logo
4. Setelah itu pilih Get HTML code
5. Copy kode tersebut

Langkah II :
1. Menuju tata letak atau layout dan kemudian pilih edit HTML
2. cari kode  

<div id='header-wrapper'>
kemudian hapus kode
<b:section class='header' id='header' maxwidgets='1'>
<b:widget id='Header1' locked='true' title='Judul Blog Anda (Header)' type='Header'/>
</b:section>
lalu ganti dengan code yang Anda dapatkan di Cooltext.com tadi.
3. Simpan template dan lihat hasilnya.

Contoh.
Awalnya :

<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1'>
<b:widget id='Header1' locked='true' title='Ilmu Kita-Kita (Header)' type='Header'/>
</b:section>
</div>


Lalu menjadi :

<div id='header-wrapper'>
<a href='http://ilmukitakita-bermanfaat.blogspot.com'><img alt='Ilmu Kita-Kita' height='78' src='http://images.cooltext.com/1255762.gif' width='360'/></a>
</div>




Dan hasilnya adalah..

Ilmu Kita-Kita

Jika puas, silahkan berkomentar yang membangun.

11 komentar:

Ari mengatakan...

Wah, perlu dicoba nih... tapi lagi mikir2 dan nyari2 banner yang bagaimana yang cocok untuk blog saya.
salam kenal

fahmi fauzi mengatakan...

salam kenal juga sob..

Top 10 Search Engine mengatakan...

Salam kenal, postingannya bagus, saya tertarik mau coba

Unknown mengatakan...

kurang lengkap shob tutorialnya.............

Felippe mengatakan...

Makasih mas info nya, lsg di seting deh blog nya :D

Reza Kuntokz mengatakan...

thanks

Unknown mengatakan...

gan sy blogger baru,
saya seacrh xx='header-wrapper'> tdk ketemu ditemplate gan... slam kenal
mampir ya di vsikita.blogspot.com

Unknown mengatakan...

bagus ni..
saya sudah coba..

visit
http://tipsfauki.blogspot.com/

Unknown mengatakan...

ini dia yang saya cari gan,,,terima kasih sudah berbagi,,,
ijin untuk diaplikasikan,,,

im4 mengatakan...

Makasih gan menambah ilmu pengetahuan saya, bisa dicoba kalau sudah ada banner yang ane butuhkan

Anonim mengatakan...

berguna bgt nih :)))) thankyouuu

Posting Komentar

Komentar Anda sangat berarti

>

Guestbook Rolling Widget

 
Design by Free WordPress Themes | Bloggerized by Lasantha - Premium Blogger Themes | Grants For Single Moms