Skip to content Skip to sidebar Skip to footer
Home / Blogger / SEO friendly / tips/trick

Cara Mudah Menambahkan Kolom Widget di Samping Header

By 4rie Ngr 25 comments
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 for "Cara Mudah Menambahkan Kolom Widget di Samping Header"

  1. UnknownFebruary 5, 2015 at 6:00 PM

    Master :P

    ReplyDelete
  2. FebriFebruary 5, 2015 at 9:11 PM

    Menarik gan makadih infonya

    ReplyDelete
  3. UnknownFebruary 5, 2015 at 9:21 PM

    kpn 2 gw coba

    ReplyDelete
  4. galangFebruary 5, 2015 at 9:26 PM

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

    ReplyDelete
  5. UnknownFebruary 5, 2015 at 9:28 PM

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

    ReplyDelete
  6. 4rie NgrFebruary 5, 2015 at 9:29 PM

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

    ReplyDelete
  7. UnknownFebruary 5, 2015 at 9:36 PM

    Itu membuat blog jd berqt tidak gan?

    ReplyDelete
  8. UnknownFebruary 5, 2015 at 9:42 PM

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

    ReplyDelete
  9. 4rie NgrFebruary 5, 2015 at 9:51 PM

    ok ok gan..... (o)

    ReplyDelete
  10. Pradianto BlogFebruary 5, 2015 at 11:33 PM

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

    ReplyDelete
  11. xxxxxFebruary 5, 2015 at 11:43 PM

    mempengaruhi seo gak?

    ReplyDelete
    Replies
    1. 4rie NgrFebruary 6, 2015 at 7:10 AM

      kebanyakan template seo juga menggunakan ini gan

      Delete
  12. UnknownFebruary 6, 2015 at 12:09 AM

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

    ReplyDelete
  13. ZukriFebruary 6, 2015 at 5:25 AM

    terimakasih gan sudah berbagi ilmu

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

    ReplyDelete
  14. UnknownFebruary 6, 2015 at 9:41 AM

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

    ReplyDelete
  15. 4rie NgrFebruary 6, 2015 at 10:50 AM

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

    ReplyDelete
  16. RedaksiFebruary 6, 2015 at 9:26 PM

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

    ReplyDelete
  17. dastio garbiFebruary 6, 2015 at 10:48 PM

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

    ReplyDelete
  18. afdo ghifariqFebruary 8, 2015 at 5:40 PM

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

    ReplyDelete