Cara Menambah Elemen/ Widget Disamping Header

Selesai sudah kegiatan tak berguna malam ini, seperti biasa... edit tampilan blog biar lebih indah, kerjaan malam ini yaitu Cara Menambah Elemen/ Widget Disamping Header, yang mana elemen ini bisa kita manfaatkan untuk memasang iklan baner, anda bisa menempatkan beberapa baner pada header ini, tapi anda harus menggunakan kemampuan anda, bagaimana caranya memasang beberapa gambar berjejer dalam 1 Elemen.
Oke, Langsung ke pokok bahasan saja, Cara Menambah Elemen/ Widget Disamping Header
Lihat Preview pada gambar berikut

Jika Itu Yang Dimaksud, mari kita ikuti langkah2 berikut ini.

1. Log In ke blogger anda, Masuk ke dasbor

2. Masuk ke Tab Template> Edit HTML

3. Cari Kode Berikut ini 

 Tiap template pasti berbeda, cari yang agak miripdengan ini

/* Header

---------------------------------
*/
#header-wrapper {
width:900px;
margin:0 auto 10px;
border:1px solid #000;

.............terus

.............terus

.............terus

.............sampai sini

/* Tabs

----------------------------------------------- */

4. Ganti semua kode diatas dengan kode berikut (/* Tabs tidak termasuk, Yang diatasnya saja)

#header-wrapper width:840px; margin:0 auto 0px; background:#0000; height:80px; } #head-inner { width:250px; background-position: left; text-align: justify; margin-left: auto; margin-right: auto; float:left;<br />border-right:0px dashed #000; } #header { margin: 0px; border: 0px solid #000; text-align: left; color:#fff; } #header-kanan{ width:590px; text-align: justify; float:left; padding-top:10px; }

Silahkan lakukan perubahan untuk ukuran lebar dan pewarnaan, demikian untuk menyesuaikan dengan blog anda, ini membutuhkan kejelian anda sebagai seorang blogger.
5. Kemudian Cari lagi Kode yang mirip seperti ini
tiap template pasti berbeda kodenya,silahkan disesuaikan

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

6. Kalo sudah ketemu Ganti semua kode tadi dengan kode berikut ini

<div id='header-wrapper'><div id='head-inner'><b:section class='header' id='header' maxwidgets='1' showaddelement='no'><b:widget id='Header1' locked='true' title='Test Blog (Header)' type='Header'/></b:section></div><div id='header-kanan'><b:section class='header' id='header2' preferred='yes'/></div></div>

7. Simpan Template, silahkan dicek melalui tata letak, Tambahkan elemen sesuai dengan hati anda

Happy Alway by Rips Way...
Gak nyangka dah jam 00.00, tapi bingung mau ngapain, ngejar target biar disayang google.. hehehe

Yang Mau Tuker Link Monggo Masuk Ke Sini

Simpan Artikel Cara Menambah Elemen/ Widget Disamping Header Dengan Link : https://neoblogku.blogspot.com/2012/11/cara-menambah-elemen-widget-disamping.html

Judul : Cara Menambah Elemen/ Widget Disamping Header.
Kategori : Artikel / Blogging / Header / Kode CSS / Kode Script / Tutorial
Ditulis oleh : Unknown Pada Monday, November 12
Bagikan Ke : Facebook / Twitter