Membungkus Google Adsense Kedalam Posting Dengan CSS

July 26, 200863 komen

Karena begitu banyak pengunjung yang mendarat kemari mencari info bagaimana menaruh iklan Google Adsense didalam posting WordPress, maka ada baiknya saya tuliskan tutorial menaruh atau lebih enaknya membungkus Iklan Adsense kedalam posting dengan css. Andapun bisa menggunakan plugin untuk meletakan Adsense didalam posting, saya telah membuat postingnya di: 10 Plugin Google Adsense terbaik WordPress atau bisa juga ke Iklan Google Adsense dalam Posting WordPress untuk cara yang lebih mudah. Namun cara ini mempunyai kelebihan yaitu anda punya kendali penuh untuk menempatkan sendiri dibagian mana dalam posting anda iklan adsensenya akan ditampilkan dan ukuran berapa yang anda inginkan.

Cari ini tidak menggunakan plugin namun murni css dan secara manual dan hebatnya anda sendiri yang


mengendalikan mau diletakan dimana iklan Adsense anda dan memilih sendiri ukuran apa. Di posting ini saya hanya menjelaskan 2 tempat meletakan Google Adsense, karena memang tempat tersebut yang banyak digandrungi karena alasan meningkatkan ctr dan alasan lebih besar kesempatan untuk diklik pengunjung. Sebelumnya maaf saya tidak menyediakan screenshoot sebagai hasilnya, namun langsung saya tampilkan iklan Adsensenya diposting ini sebagai contohnya, sehingga rekan bisa langsung melihatnya dan menimang apakah ingin mengaplikasikanya atau tidak. Oke langsung saja.

Meletakan iklan Google adsense di samping kanan atau kiri postingan/paragrap, contohnya bisa dilihat di paragrap diatas.

1. Menempatkan Google Adsense disamping kanan/kiri paragrap.

Caranya masukan kode css berikut disaat anda posting:

<div style=”display:block;float:right;margin: 0px 10px 0px 0px;”>letakan kode adsense anda disini</div>

Keterangan: float berfungsi untuk menempatkan adsense, jika anda memilih right maka adsense akan muncul disamping kanan paragraph anda, seperti contoh pada blog saya. Anda bisa juga merubahnya menjadi left, jika ingin menempatkannya disebelah kiri.

Masukinnya begini jika Adsense ditaruh dikanan:

Kalimat pertama paragrap anda<div style=”display:block;float:right;margin: 0px 10px 0px 0px;”>letakan kode adsense anda disini</div>kalimat berikutnya dari paragrap anda.

Masukinnya begini jika Adsense ditaruh dikiri:

<div style=”display:block;float:left;margin: 0px 10px 0px 0px;”>letakan kode adsense anda disini</div>kalimat pertama paragrap anda sampai seterusnya.

2. Menempatkan Adsense didalam postingan/menenggelamkan adsense kedalam posting.

Seperti anda lihat sendiri, iklan Google Adsensenya berada didalam paragraph, nah untuk memunculkannya, tambahkan css berikut.

<div style=’width:400px’>
<div style=’float:left;width:1px;height:50px;’></div>
<div style=’float:left;clear:left;margin-top:10px;margin-right:5px’>
Letakan Kode Adsense Anda disini</div></div>

Masukinnya begini:

<div style=’width:400px’>
<div style=’float:left;width:1px;height:50px;’></div>
<div style=’float:left;clear:left;margin-top:10px;margin-right:5px’>
Letakan Kode Adsense Anda disini</div>Paragrap anda</div>

Ini contohnya:


Blog that is! It’s an old debate now, but I wanna add my 5 sense worth! It is possible to make money through promoting affiliate programs, but you can make buckets more promoting your own products! Apart from being able to use your own blog as a portal for a variety of affiliate programs, it’s also possible to promote your own products or services. Blog that is! It’s an old debate now, but I wanna add my 5 sense worth! It is possible to make money through promoting affiliate programs, but you can make buckets more promoting your own products! Apart from being able to use your own blog as a portal for a variety of affiliate programs, it’s also possible to promote your own products or services. Blog that is! It’s an old debate now, but I wanna add my 5 sense worth! It is possible to make money through promoting affiliate programs, but you can make buckets more promoting your own products! Apart from being able to use your own blog as a portal for a variety of affiliate programs, it’s also possible to promote your own products or services.

Mudah bukan?

Semoga bermanfaat.

Google
Adsense
  • http://putraeka.org Putra eka

    Kaya nya bisa dipake untuk yang laen neh mas Abi. Thanks ya, disave dulu.

    • http://www.flatscreentvok.com samsyu

      Matur suwun, terima kasih, thanks mas Abi. Aku harap makin banyak yang sayang dikau.

  • http://hakimtea.com hakimtea

    kayak punya mas Jimmy itu ya mas Abi… dulu sempat pake, malah cssnya masih tertanan di stylesheet template hanya tidak digunakan lagi padahal tinggal manggil css doang… Jadi inget lagi, mungkin nanti dicoba pake lagi deh, btw, thanks infonya mas Abi :)

  • Abi Bakar

    @Putraeka silahkan boss.

    @Hakimtea, maksudnya kertas adsense yang diatas komen? iya itu hadiah dari mr. Jimmy, keren yah hasilnya :D

  • http://thegands.wordpress.com the gands

    Bersyukur aku terdampar di blog ini…
    ini yang lagi aku cari2 selama ini… makasih ya mas..

  • http://beblogger.co.cc/ abbie

    Matur nuwun..
    Sy mo coba ah. :D

  • Abi Bakar

    @the gands makasih kembali n beruntung jg blog ini didatengin kamu :D

    @abbie, silahkan2x bro Abbie

  • http://www.ekonurhuda.com Ecko

    Walah, saya bukan fans-nya WP nih. Jadi gak ngerti nih cara2 kaya gini. :D

  • http://www.divaprofit.com/webiz/?id=visapaycard visapaycard

    Wah keren tuh adsense-nya yang ada di atas kertas…gimana cara copy code-nya kalau mau di pasang di blogger.com?

    Terima kasih sebelumnya yaaa…

    Btw untuk semuanya…terima kasih banget kalau pada berkenan melongok blog aku

    C u

  • http://michaelmajolivan.blogspot.com mike

    wow..lagi2 tips keren dr mas abi..hebat kali abang satu ini..:)

  • Abi Bakar

    @Ecko, ini juga bisa diterapkan di blogspot kok, coba kesini adsense didalam posting.

    @Visapaycard kalo mo pasang adsense diatas kertas spt punya saya ini, kesini aja adsense diatas kerta – Jimmysun

    @Mike, mike pa kabar?

  • http://www.ismartshare.com 2mk

    Kok Adsensny bisa muncul ya ?

    Bro minta bacgkground image untuk adsnya dong.

  • http://cokroaminoto.wordpress.com cokroaminoto

    Mas Abi, sungguh inspiratif postingnya. Sudah saya cobakan di blog saya, tapi seluruh kode penempatan berikut adsense-nya hilang. Sehingga ketika di view tidak muncul. Trims. salam

  • Abi Bakar

    @Cokroaminoto, itu karena sampean memamakai wordpress.com, cara diatas hanya bisa buat wordpress dengan hosting sendiri atau yang bukan wordpress.com

  • http://cokroaminoto.wordpress.com cokroaminoto

    Terimakasih mas. Sukses untuk anda.

  • http://www.flatscreentvok.com samsyu

    Sory mas Abi, kalau adsense ditempatkan di halaman atas (baik link unit/link iklan) bagaimana ya mas?

  • http://nihongokurabu.co.cc Trikarai

    Mas Klo di pasang di wordpress yang gratis bisa gk, aku dah coba tapi gk muncul….

  • http://newhotmp3daily.blogspot.com shaniago

    mas abi….kalo dimasukan pake kode gt apa gak buat blog kita tambah berat…kan tiap postingan mesti di kasi code nya adsense….20 postingan bisa bisa lambat proses buka blognya…tlg dong dibuat kan tutor biar iklan nya tetap seperti yang di sidebar kan sekali buat nya. tlg ya mas abi aku request code yang seperti sidebar tapi buat ditengah biar gak tiappostingan mesti masukan code terus..

    • Abi Bakar

      Iya memang bikin berat karena akan banyak skrip btw saya kurang faham sama pertanyaan kamu, iklan disidebar yg spt apa? bisa lebih spesifik?

  • http://www.ossgis.co.cc Tika

    tahu gimana caranya masang di blogger ga abi? btw makasih postingannya…

    Tika´s last blog post..GRASS GIS: Import Shapefile, Overlay and Extract Map

  • http://tamponandhealth.blogspot.com husin

    Koq ndak bisa yah Mas? sudah aku jalankan sesuai instruksi di wp blog ku, waktu di view hanya muncul kode adsensensenya

    pub-0253323068470086EMPAT JENIS INDIVIDU
    Seekor kera yang hidup di atas sebuah pohon jambu air yang tumbuh di tepi sebuah sungai, berteman dengan seekor ikan yang hidup di sungai tersebut.

    munculnya

    pub-0253323068470086
    EMPAT JENIS INDIVIDU
    Seekor kera yang hidup di atas sebuah pohon jambu air yang tumbuh di tepi sebuah sungai, berteman dengan seekor ikan yang hidup di sungai tersebut.

    • Abi Bakar

      Mas naruhnya jangan di “Visual” tapi di “Html” saat posting.

  • haidir

    udah beberapa hari ini saya nyasar ke blog bang abi ini, tampilan dari blog ini biasa2 aza….tapi isi dari blog ini luar biasa lho!keren bang abi…saya ikutan ya bang abi…o ya baru2 ini saya coba2 ikutan program adsense dari google, singkatnya…koq iklan google saya hanya tampil di halaman depan aza ya..gimana caranya supaya iklan tetap muncul walaupun pengunjung memilih hanya salah satu kategori/label aza?misalnya iklan saya terdiri dari kategori artikel dan software,tapi pas saya klik kategori artikel aza, adsense google tiba2 menghilang dari pandangan saya..tolong ilmunya dibagi-bagi ke saya ya bang abi..

    • Abi Bakar

      hI Haidir makasih sudah mampir, dan mungkin kamu terlalu banyak naruh iklan Adsense (batas maksimal 3 iklan).

  • http://mr-peee.co.cc Pieter Joenizaf L

    Mas Abi.. saya termasuk golongan orang yg sama sekali ga ngerti masang adsense pada wordpress…
    Sudah saya ikuti cara mas di atas tp ko pas saya postingkan kodenya tetep keluar bukan iklan adsense?? saya bingung ni mas menggunakan CSS apa yg harus saya lakukan supaya adsense bisa bekerja pada website saya?? Please.. I Need your Help.. Please..
    Thx ya mas Abi..
    Best Regards
    Mr.Peee

  • Abi Bakar

    @Pieter, gini aja, kamu masuk ke WordPress lalu theme editor, kemudian ke “single.php” kemudian temukan ini:

    <?php the_content(); ?>

    atau php the_content

    Dan masukan tag berikut tepat diatasnya:

    <div style="float:right;padding-right:15px;"><script type="text/javascript"><!–
    google_ad_client = "pub-PUBADSENSE";
    /* 336×280, created 12/20/08 */
    google_ad_slot = "4001442826";
    google_ad_width = 336;
    google_ad_height = 280;
    //–>
    </script>
    <script type="text/javascript"
    src="http://pagead2.googlesyndication.com/pagead/show_ads.js"&gt;
    </script></div>

    Ganti Adsensenya dengan milik kamu, maka nantinya Adsensenya akan tempil di kanan posting kamu, jika ingin menempatkannya di sebelah kiri, rubah “Right” jadi “Left”, seperti ini:

    <div style="float:left;padding-left:15px;">
    Kode Adsense kamu.
    </div>

  • http://mr-peee.co.cc Pieter Joenizaf L

    Mas abi.. saya sudah nyoba cara mas abi di atas, tapi malah yg saya dapat gambar pada posting article saya menjadi aneh letaknya.. misalkan right, gbr artikel saya jadi di kanan ( ketutupan side bar) Kalo saya menggunakan cara yg pake single.php yaitu pake kode adsense itu bisa keluar iklannya, cuma kok pada 1 article posting aja iklan adsense text tersebut muncul?? Kok di posting lain cuma adsense gambar yg ada?? Text Malah ga ada?? Mas abi punya solusi ga agar bisa naroh google adsense seperti cara mas di atas ( terutama tipe text )?? Misalkan mau naro di paragraf?? Saya bner2 minta maaf merepotkan mas abi.. karena saya sgt newbie mengenai google adsense.. Maaf ya mas abi yg terhormat..
    Mudah2an ada solusi utk saya.. thx ya mas abi.. saya br dapat 2 klik.. hikzz.. pedihnya hatiku… T.T
    Best Regards, Pieter

  • Abi Bakar

    Pieter, Kalau yg keluar adsense gambar berarti Pieter memilih Adsense dengan text dan image, kalau mau yg tampil hanya text, maka pilih text saja. Semua bisa di seting di dashboard Adsense kamu, pilih hanya “Text” tanpa “Image”.

  • http://mr-peee.co.cc Pieter Joenizaf L

    ok mas.. terus ko dalam posting saya ada kolom iklan adsense yg ga keluar iklannya?? Padahal saya ga lebih dari 3 dalam 1 posting naro adsensenya. Knp ya mas kira2??

  • Abi Bakar

    Hal itu sering terjadi, biasanya karena si Adsense memerlukan update (tunggu 1 atau 2 hari), atau kamu punya iklan PPC lainnya (walau tidak slalu), dan terakhir tidak ada sebab yg pasti.

  • http://www.computersjazz.com amin

    ok mas..
    matur nuwun tutorialnya..
    akan saya coba dulu..
    klo ga bisa tar saya tanyakan lagi..

  • http://[email protected] putra

    mas abi..
    mohon bantuannya dunk..
    caranya taruh iklan adsese di atas postingan bagaimana ya??
    kalo buat wordpress gratisan ada saran ga taruh adsensenya dimana?

  • Abi Bakar

    Putra kalau WordPress.com spt punya kamu ga bisa dimasukin Adsense.

  • http://mr-joko.blogspot.com/ Make Money Online

    Katanya harus masuk theme editor, tapi saya cari tidak ketemu theme editornya.
    Tolong yang lebih detil lagi…

  • Abi Bakar

    Mas cara ini hanya untuk WordPress yang self hosted bukan WordPress.com bukan juga blogspot.com dan tidak perlu masuk ke theme editor, langsung masukin di lembar posting, silahkan baca lagi posting di atas.

  • http://rioprastiae-shared.blogspot.com rio prastia

    mas tolong oencerahanya ya aku bru coba ngeblog pke wordpress aku ad kendala pas maw masukan kode adsense tip mas abi udh  aku coba, cuma yang jadi pertanyaan itu murni tingal masukan aja ke postingan at ad plugin yang harus dinstall kalo misal pke plugin klo domainya masih ikt wordpress kan ga bisa mas?? please commen ya….Thanx  best regrad

  • http://www.wulansparks.com Wulan

    Wah, gogling sana sini ternyata saya nemunya disini, makasih banyak mas tutorialnya, sangat membantu ;)

  • http://www.dhenre.web.id dhenre

    thanks bos infonya.. :P :P

  • http://www.diamond-sjewelry.com AdeReena

    Hello. Saya suda mencoba kode css yang untuk membungkus adsense di dalam posting berikut ini:

    Letakan Kode Adsense Anda disini

    Tapi kok ga bisa ya? Saya menaruh paragraph (isi 1 paragraph) di antara “” dan “”. Tapi kok jadinya malah kacau ya? Apa yang salah ya? Mohon bantuannya terima kasih…

    Regards,
    AdeReena

  • http://www.indonesiabisnisforum.com Bisnis Forum

    Bagus nih, tips yang sangat berharga…

    Tingkatkan penghasilan Adsense secara luar biasa. Temukan rahasianya DI SINI

  • http://www.mobilepress.co.cc Dunia Hnadphone

    mas, ga bisa di pasang di ya…..?
    coz aq pasang malahan pada eror widget yang lainnya….
    jd nya sekarang di pasang di luar postingan ja…

  • http://allinformationtechnology.blogspot.com caisarr

    BOS, kalo untuk Blogspot… Gimana Bos…..???
    mohon bantuannya , newbie
    thank’s

  • http://www.pakbelalang.net pak belalang

    thx mas atas infonya, lagnsung dicoba deh pake ppc lokal

  • http://qayahati.com qayahati

    alow abang abi…bagus banget artikelmu, dari dulu ni yang seperti ini yang aq cari…aq save ya.

  • http://Anangjogja.com Anang

    Ilmunya sangat membantu.tq bro.

  • http://www.kencangratis.blogspot.com BRAM IRIAANTO

    Demak, 22 Oktober 2009, Jam : 07.00 WIB
    Kalau boleh tahu, Sejak kapankah aplikasi pendaftaran web milik anda di terima oleh “Google AdSense”, ? Berapa lamakah waktu yang di perlukan sejak pendaftaran sampai di terima ?
    Salam action,
    -BRAM IRIANTO
    [email protected]
    -http://www.kencangratis.blogspot.com

  • http://www.kencangratis.blogspot.com BRAM IRIANTO

    Demak, 22 Oktober 2009, Jam : 07.41 WIB
    Dalam salah satu artikel anda, menyatakan bahwa bila blog atau web ingin ramai di kunjungi salah satu cara adalah sering-seringlah meninggalkan komentar di blog atau web milik orang lain, pertanyaan saya, apakah anda telah konsisten dengan isi artikel yang anda tulis tersebut, sebab hal ini banyak terjadi pada blogger-blogger lain, yang pernah saya hadapi, apalagi jika meninggalkan kita berkunjung ke web atau blog milik orang inggris, Amerika, dan sebagainya, saya pastikan mereka tidak akan mau untuk melakukan kunjungan balasan, percaya atau tidak silahkan anda buktikan !!! dsan yang bisa mereka lakukan hanya menawarkan produk-produk mereka atau pura-pura terkena musibah yang mengerikan. Bahkan saya bersedia jika diminta setiap hari meninggalkan komentar, dengan catatan ada timbal balik nya, atau kerjasama yang baik, dan tidak egois, tidak ingin menang sendiri.
    Salam action,
    -BRAM IRIANTO
    [email protected]
    -http://www.kencangratis.blogspot.com

    • Abi Bakar

      Alhamdulillah saya cukup konsisten praktekin cara di atas, namun sekarang ini saya sedang di batasi oleh beberapa hal (silahkan baca ini).

  • http://www.kencangratis.blogspot.com BRAM IRIANTO

    Demak, 22 Oktober 2009, 08.07 WIB
    Sebetulnya ingin mencoba, tapi aplikasi pendaftaran saya di “Google AdSense”. sampai detik ini saja masih di non aktifkan, tanpa ada alasan yang jelas.
    Salam action,
    -BRAM IRIANTO
    [email protected]
    -http://www.kencangratis.blogspot.com

    • Abi Bakar

      Jika mau mendaftar Google Adsense, blog anda harus berbahasa Ingris plus skarang ini Google Adsense tidak menerima subdomain, seperti .blogspot.com, .freehost.com dsbnya namun hanya menerima aplikasi top level domain .com

  • http://www.kencangratis.blogspot.com BRAM IRIANTO

    Demak, 22 Oktober 2009, Jam : 08.12 WIB
    Pasti anda sudah dapat “Dollar”, yang banyak dari “Google Adsense”, betul ? Kalau iya saya ucapkan selamat ya !!!
     

  • http://www.mazzalee.com Alee

    yang kek gini yang aku cari.
    simpel dan bermanfaat.
    coba dulu ahh……

  • http://www.artasastra.com Budi Hermanto

    wow..
    ini baru info yg saya cari..
    mantap, thx ya mas.. ;)

  • http://gerry-tk.blogspot.com tips kesehatan

    thx gan.. berhasil..

  • http://www.aburobocon.info Spektakuler

    Tangkyu gan, ……. trik adsensenya

  • http://photoshoppemula.com photoshoppemula.com

    yap… baca langsung praktekin dan berhasil, duh… bahagianya bisa mencoba sesuatu yang belum pernah dicoba dan ternyata berhasil, tengkyu…tengkyu Mas Abi
    Tapi Mas saya traffic 500-1000/hari kok dapatnya 0, (nol koma) melulu ya… sebulan untung2an dpt $10, ada triknya ga’ Mas.
    Kl menurut pakar 100 pengunjung/hari minimal $1 kl dgn traffic saya segitu bisa tiap bulan gajian dong…..ah ..ah..
    Ajarin dong Mas Abi triknya
    Dan tak lupa trima kasih sekali ilmunya dan mudah2an bisa berkunjung ke blog saya yang amburadul tanpa jelas…

  • http://www.munawir.web.id nhawier

    Thanks infonya Mas Abi!
    Sy baca sebentar nih artikel, trus coba eh berhasil!
    sekali lagi makasih atas artikelnya!

  • http://anekahobi.wordpress.com Goldfa

    nggak ada gambarnya gan?

  • http://meriwardana.blogspot.com/ Meri Wardana

    aman ga’ bos ???

  • http://mainelyequal.com mainelyequal

    enak banget klen pada…dah monitize pake google adsense….
    ane pemula mana bisa…

  • http://www.mulaibangkit.com/ memulai bisnis online

    Sudah saya coba dan sukses. :) terima kasih infonya. Sangat bermanfaat. jadi lebih semangat belajar lagi deh..