Kamis, 13 November 2014

Cara Menampilkan Iklan Adsense dibawah Menu Navigasi

Menampilkan Iklan Adsense dibawah Menu Navigasi

Cara Menampilkan Iklan Adsense dibawah Menu Navigasi

Untuk menampilkan iklan Adsense dibawah menu navigasi / diatas Postingan terlebih dulu kita harus menambah sebuah kolom Gadget pada layout blog. cara ini berguna untuk menempatkan iklan PPC, Sponsor agar lebih terlihat jelas dan dinamis.

Langsung saja ke TKP!


menambah sebuah kolom/ruang Gadget dibawah menu navigasi pada layout blog

Langkah pertama

1. Login Blogger sobat

2. Cari kode yang seperti ini: ]]></b:skin> *untuk mempercepat pencarian gunakan Ctrl+F
3. Tambahkan kode dibawah ini tepat diatas ]]></b:skin>
#underheader { clear:both; } .underheader-widget { 
padding:0px 10px 10px 10px; }
Sehingga akan nampak seperti ini:

#under_header{float:left;width:100%;}
]]></b:skin>

4. Kemudian cari kode: <div id='content-wrapper'> 

5. Copy kode dibawah ini tepat diatas kode: <div id='content-wrapper'> 
<div id='underheader'>
<div id='box1' style='width: 100%; float: left; 
margin:0; text-align: left;'>
<b:section class='header' id='col1' preferred='yes' 
style='float:left;'/>
</div>
</div
>
Sehingga kode diatas terletak diantara <!-- navigation end -->  dan <!-- content wrapper start --> atau semacamnya.

6. Klik simpan


Langkah kedua: memasang script iklan

1. Klik menu Layout Template (Tata Letak).

2. klik tambahkan Gadget pada kolom baru yang kita buat tadi.

3. isikan dengan script iklan sobat.

4. simpan dan lihat hasilnya!


Semoga tutorial blog kali ini bisa bermanfaat dan membantu sobat blogger kususnya pengguna PPC dan sebagainya, terimakasih

17 komentar:

  1. nah ini tinggal dipraktekin tutornya...sipp

    BalasHapus
  2. weh kreen kang tutornya mantap, bisa digunakan

    BalasHapus
  3. siap mempraktekkan...tutorialnya sederhana namun mudah dipahami...
    keep happy blogging always..salam dari Makassar :-)

    BalasHapus
    Balasan
    1. salam kenal juga mas hariyanto, selamat datang di blog sederhana saya ini

      Hapus
  4. rapi mas, dan mungkin ini berpotensi besar untuk dapat klik yang lebih banyak lagi..

    BalasHapus
  5. Neng nyimak ajah karna belum paham kode gituan..

    BalasHapus
  6. bisa nanti di coba nih mas. spacenya emang ideal buat naro GA :)

    BalasHapus
  7. wahh mantaf nihh tutorialnya bisa saya coba :D

    BalasHapus
  8. nanti saya terapin setelah punya GA mas

    BalasHapus
  9. Sangat simpel dan mudah untuk dipahami Mas, + dengan memasang ADS di bawah menu navigasi tentunya dapat memberi nilai tambah juga ya Mas dalam pengptimalan ADS Kita

    BalasHapus
  10. sip langsung praktek mas
    salam kenal dari newbie :)

    BalasHapus
  11. terima kasih mas, sangat bermanfaat untuk pemula seperti sayan untuk memasang iklan hehehehe

    pembahasan soal tes USM stan

    BalasHapus
  12. makasih banyak atas ilmunya kang sigit,,

    BalasHapus
  13. Gan agar kodenya jadi reponsive gmana???

    #Please

    BalasHapus