Cara Menambah Gadget disamping Header Blog

Bagaimana Menambah Gadget Blogger disamping Header

Menambah gadget atau widget disamping header merupakan hal yang sangat baik untuk tata letak blog. Karena biasanya letak sisi kanan header pada setiap blog itu kosong. Untuk itu kita dapat memanfaatkannya dengan menambah gadget seperti iklan ataupun follow sosial media pada tempat kosong itu. Seperti gambar dibawah ini yang pernah saya terapkan pada header Dewa Inside Blog.

Mungkin sobat juga tertarik:

a. Membuat Gadget Melayang di Blog
b. Menampilkan/Menyembunyikan Gadget di Blog
c. Memberi Warna Background Judul Gadget Blog

Memasang Gadget disamping Header Blogger

1. Lihat ke Template --> Edit HTML --> Klik kiri di kotak Edit HTML dan Cari (CTRL+F) kode:

<b:section class='header'

Tampilan full akan terlihat seperti ini:

Copy dan Paste kode berikut diatas/sebelum <b:section class='header'

<div class='swt-blogheader'>

Copy dan Paste kode berikut dibawah/setelah </b:section> (lihat gambar diatas) cari dengan scroll kebawah secara perlahan sampai dapat.

<b:section class='swt-blogheader-right' id='swt-blogheader-right' maxwidgets='1' showaddelement='yes'>
    </b:section>
    </div>
    <!-- /swt-blogheader -->
    <div style='clear: both'/>

2. Cari (CTRL+F) kode:

]]></b:skin>

Copy dan Paste kode CSS berikut diatas/sebelumnya:

/*gadget beside header*/

    .swt-blogheader {

    position: relative;

    width: 100%;

    }

    #header {

    padding: 0;

    margin:0;

    overflow:hidden;

    float:left; width:35%;

    }

    #swt-blogheader-right {

    padding: 0;

    margin:0;

    overflow:hidden;

    float:right;

    width:65%;}

/*gadget beside header end*/

Note: Ubah angka 35% (Header dikiri) dan 65% (Gadget dikanan) apabila posisi-nya kurang pas.

3. Simpan Template

Setiap template memiliki perbedaan, apabila pada layout blogger sobat belum terbagi menjadi dua header dan gadget. Cukup sobat seret gadget yang sobat inginkan tepat dibawah header dan Simpan Perubahan. (Biasanya baru akan terbagi menjadi header dan gadget apabila sobat membuka halaman baru untuk tata letak/layout).

4. Lihatlah Blog sobat

Apakah sudah memiliki gadget disamping headernya. Saya berhasil kok mempraktekkannya, jika sobat gagal atau memiliki pertanyaan silahkan tinggalkan komentar pada kolom komentar yang tersedia.

Selamat mencoba dan semoga berhasil.