5 February 2015

Cara Mudah Menambahkan Kolom Widget di Samping Header

Cara Mudah Menambahkan Kolom Widget di Samping Header. Cara ini merupakan cara yang terbilang cukup mudah, karena dengan cara ini, anda bisa memasang widget atau iklan di samping header atau judul blog anda.
Dan dengan menambah kolom widget di samping header atau judul blog ini juga sangat cocok bila dipasang dengan iklan GA anda, seprti yang anda lihat di header atau judul blog saya.

Jika anda tertarik, anda bisa melakukannya untuk menambahkan kolom widget dengan langkah-langkah sebagai berikut :

  • Login ke Blogger
  • Pilik Rancangan -> Edit HTML (jangan lupa meyimpannya untuk antisipasi apa bila teamplate blog anda tidak suport)
  • Cari kode /* Header (untuk mempermudah pencarian bisa anda gunakan tombol CTRL+F.) jika sudah ketemu, Copy kode dibawah ini dan Paste tepat di bawah kode /* Header

#header {
float:left;
width:40%;
margin: 0px;
text-align: center;
color:#ffcc66;
}
#header2{float:left; width:60%;}

  • Cari kode yang sama persis seperti kode dibawah ini

<div class='region-inner header-inner'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Title Blog Anda' type='Header'/>
</b:section>
</div>

  • Kemudia kode tersebut anda ganti dengan kode dibawah ini

<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Title Blog Anda' type='Header'/>
</b:section>
<b:section class='header' id='header2' maxwidgets='4' showaddelement='yes'/>
<div style='clear:both;'/>
</div><!-- end header-wrapper -->

  • Lalu Save template anda dan anda bisa lihat hasilnya, ada kolom widget baru di sampil header atau judul blog anda.

Demikian artikel yang saya tulis tentang Cara Mudah Menambahkan Kolom Widget di Samping Header.  Semoga bermanfaat dan  Selamat Mencoba!!

25 comments:

  1. mantab gan,kayaknya cocok buat ane yang laghi kesusahan masang widget

    ReplyDelete
  2. Nice Artikel !
    kunjungi balik ya :) www.kebak-ilmu.blogspot.com

    ReplyDelete
  3. Oke oke gan,, tpi jangan lupa di backup dulu gan....

    ReplyDelete
  4. Itu membuat blog jd berqt tidak gan?

    ReplyDelete
  5. keren gan. :D
    kunbal ya di <a reff=http://anondwahyu.blogspot.com/

    ReplyDelete
  6. wah, kayaknya mantab neh, perlu dicoba deh..
    yang untuk wordpress self-host ada gak gan? :)

    ReplyDelete
  7. Replies
    1. kebanyakan template seo juga menggunakan ini gan

      Delete
  8. master mampir blog baru ya gan .
    http://sharing-ilmu.com dan comment ya :)

    ReplyDelete
  9. terimakasih gan sudah berbagi ilmu

    yang hobby travelling mampir ya gan: zoera-tourtravel.blogspot.com

    ReplyDelete
  10. bagus gan...mampir balik ke wpsharing.blogspot.com

    ReplyDelete
  11. iya gan,,, thanks gan,,, kunjungannya... (o)

    ReplyDelete
  12. Ini khusus untuk blogspot opo bisa semu...??

    ReplyDelete
  13. mantap gan ...
    www.cara-sidas.blogspot.com

    ReplyDelete
  14. Sip gan :)
    Kunjungi Balik ya Gan
    http://fariqsoftware.blogspot.com

    ReplyDelete