Gambar Latar Belakang Untuk AdSense
Di postingan saya sebelum ini, sobat saya Wiellyam menanyakan bagaimana caranya saya menampilkan iklan di bawah postingan yang ada backgroundnya (kemarin saya masih pakai Bidvertiser, tapi karena mengecewakan, dan AdSense lagi ngambek sampe nampilin PSA terus, saya nyobaik pake KlikSaya).
Tampilannya seperti ini:
Eitt!!! Jangan di-klik ya, itu cuma gambar screenshot lho 
Katanya, dengan memakai background untuk iklan seperti ini akan membuat pengunjung website kita lebih tertarik untuk melihatnya, dan kemungkinan besar mereka meng-klik iklan akan semakin besar pula.
Nah, sekarang saya mau bagikan background itu di sini, beserta codingnya. Saya dapat ini beli seharga lima dolar, isinya ada banyak background, tapi saya paling suka yang gambar kertas ini, jadi ini yang saya tampilkan.
Klik di sini untuk mendownload file background-nya (file .zip, 45.1 KB, isinya terdiri dari 12 ukuran background kertas seperti screenshot di atas).
Background ini bisa dipakai di semua website, tidak cuma WordPress saja, karena murni hanya menggunakan css saja. Tapi di sini saya kasih contoh untuk WordPress saja ya. Cara memasukkan kode-nya, anda tinggal edit file style.css (letaknya di folder theme anda), lalu copaslah kode untuk file style.css di bawah ini (bisa di bagian mana saja di file style.css itu, kalau mau gampang taro saja di paling akhir / bawah).
Ukuran iklan (ada 12 ukuran):
- Banner (468 x 60)
Kode untuk file style.css :#latar_iklan { width:488px; text-align:center; background:#FFFFFF url(kertas.png) center center no-repeat; padding:8px 11px 16px 10px; } - Button (125×125)
Kode untuk file style.css :#latar_iklan { width:153px; text-align:center; background:#FFFFFF url(kertas.png) center center no-repeat; padding:13px 16px 15px 12px; } - Half Banner (234×60)
Kode untuk file style.css :#latar_iklan { width:254px; text-align:center; background:#FFFFFF url(kertas.png) center center no-repeat; padding:11px 13px 15px 8px; }
- Large Rectangle (336×280)
Kode untuk file style.css :#latar_iklan { width:366px; text-align:center; background:#FFFFFF url(kertas.png) center center no-repeat; padding:16px 17px 18px 13px; } - Leaderboard (728×90)
Kode untuk file style.css :#latar_iklan { width:751px; text-align:center; background:#FFFFFF url(kertas.png) center center no-repeat; padding:12px 17px 20px 6px; } - Medium Rectangle (300×250)
Kode untuk file style.css :#latar_iklan { width:334px; text-align:center; background:#FFFFFF url(kertas.png) center center no-repeat; padding:14px 22px 22px 12px; } - Skycraper (120×600)
Kode untuk file style.css :#latar_iklan { width:156px; text-align:center; background:#FFFFFF url(kertas.png) center center no-repeat; padding:7px 19px 18px 17px; } - Small Rectangle (180×150)
Kode untuk file style.css :#latar_iklan { width:204px; text-align:center; background:#FFFFFF url(kertas.png) center center no-repeat; padding:11px 15px 14px 9px; } - Small Square (200×200)
Kode untuk file style.css :#latar_iklan { width:226px; text-align:center; background:#FFFFFF url(kertas.png) center center no-repeat; padding:9px 16px 17px 10px; } - Square (250×250)
Kode untuk file style.css :#latar_iklan { width:280px; text-align:center; background:#FFFFFF url(kertas.png) center center no-repeat; padding:12px 18px 18px 12px; } - Vertical Banner (120×240)
Kode untuk file style.css :#latar_iklan { width:144px; text-align:center; background:#FFFFFF url(kertas.png) center center no-repeat; padding:6px 14px 16px 8px; } - Wide Skycrapper (160×600)
Kode untuk file style.css :#latar_iklan { width:196px; text-align:center; background:#FFFFFF url(kertas.png) center center no-repeat; padding:10px 22px 22px 14px; }
Kemudian, (penting!):
- Ganti #latar_iklan dengan nama apa saja sesuka anda, namun ingat kalau anda menggunakan lebih dari satu background, tidak boleh menggunakan nama yang sama. Kalau anda menggunakan background untuk ukuran banner dan square, gunakanlah misalnya #latar_iklan_banner dan #latar_iklan_square untuk masing-masing kode.
- Ganti kertas.png dengan URL file background dimana anda meng-upload-nya.
- Wrap (bungkus) kode iklan anda, misalnya seperti contoh di atas, kalau anda menggunakan background untuk iklan adsense anda dengan ukuran banner dan square:
- untuk yang banner:
<div id="latar_iklan_banner"> kode adsense anda </div>
- untuk yang square:
<div id="latar_iklan_square"> kode adsense anda </div>
- untuk yang banner:
Selesai 
Background kertas dengan kode di atas sudah saya coba untuk AdSense, AdBrite dan Bidvertiser, ketiganya berhasil dan tampilannya pas sekali.
Silakan mencoba..
apa benar tuh mas Jimmy 
tapi emang mantap kok...
wah… mas Jimmy, terima kasih ya 
thank infonya mas jimmy 
jim, kalo pake wordpress bwat update theme kan bisa pake OneClick Install, nah file background ini bisa ga diinstal pake OneClick Install ?
infonya keren… baru tahu aku kalo adsense isa di kasih Background
belum punya adsense. jd ga bs praktek
Mau latian dulu…saya save ya artikel ini…nggak saya jadikan buku kok suer
aduh mantab2, udah diajarin, dikasi donlotan pula.
toss beer deh ma mas jimmy
Thanks mas Jimmy di donlod dulu buat referensi soalnya sekarang masih pake blogspot.
@bozz gak bisa bozz, soalnya ini bukan plugin tapi bisa dipake di segala macem website
@Dion iya sama aku juga baru tau minggu lalu mas
@Anang ayo daftar atuh mas
@Rezki Handoyo awas ya kalo dibikin buku gak bilang2!
@yudi thanks mas
@Putra eka buat blogspot juga bisa koq mas harusnya.. kan file templatenya itu css kan mas?
wah ikutan dah donlod ya mas filenya
gak punya adsense hehe
wah boleh tuh! nyoba aah.. optimasi karena PSA
Coba ahhh.. thanks Om..
koreksi sccript dikit, mas. itu kurang penutup tag-nya
kode adsense anda
Asyikk…makasih kang! Sepertinya belajar css juga bisa menhasilkan yah
mantaaaaaap tipsnya mas. sebenernya bikin sendiri bisa wong cuman css biasa, cuman gak kepikiran blas
Lumayan dapat lagi yang gratisan
Sip dah..
CTR-nya gimana mas. Naik….?
tengkiu mas Jim.
ah, lagi2 cm bs ngiler *mengenang adsesne*
heeeyyy bro jimmy, keren neh,..
nggak cuma tampilannya jadi lebih menarik. tapi juga nggak di blok ama addons ABP(ad block plus - CMIIW). so mungkin perlu di tambahin,
juga akan nge bypass browser2 yang nge block iklan,..
CMIIW lagi yak,..
huaaaa mas jimmy infonya top bangngedz deeehhhh
thanks yaaaa
Aku sama fisto (fistonista.net) juga lagi ngobrolin AdSense.. tapi kita masih pemula hehe..
disini gak ada cendol ya? mau gw kasih cendol dah
mantab jim:thumb4: , mas jimmy memang baik deh…toss dulu ah
wew..nice tutorial.. dipake ntar kalo ridu udah punya adsense..
mantap nih..
jadi pengin ngeklik loh.. 
karena artikel ini keren dan bermanfaat, saya klik iklannya 2 kali mas. coba di cek earningnya hahaha
@Wiellyam, @Artha, @rofiul, @persikers, @Abi Bakar monggo dicoba
@veta, @ridu ayo daftar mas
@rofiul kurang penutup tag yang di mana ya mas?
@@del css menghasilkan dan mengasyikkan mas!
@tipis ayo mas tipis dimofikasi lagi supaya tambah maknyusss
@be-mine
@Ruud belum ngecek mas..
@lutfi sama-sama mas..
@aLe emang kenapa mas koq jadi kenangan?
@bayu wah masa bisa gitu bay? gw baru tau loh!
@nyssa duh blog nya udah abis bandwidth ya?
berarti mantap nih blog nya, berarti tar awal bulan baru bisa berkunjung 
@Dino sama saya juga masih newbie koq mas..
@chodirin waduh makasih mas
hasilnya gimana mas?image nay udah saya perbaiki
.alhamdulillah berkat tekun dah bisa dapat diatas $10 
aduh bos… saya klik iklannya tadi
sebagai tambahan diblogspot bisa juga
itu sintaks div-nya yang belakang apa nggak kurang “” CMIIW
halah gak keluar
kurang penutup tag “/” di DIV yang belakang
@scarafce mantap mas! cepat sekali naiknya
@baladika hmm.. ya udah gapapa deh
@rofiul oh iya ya.. bener kurang tag penutup hehe.. saya koq gak nyadar.. thanks mas!
Thanks atas infonya
kemaren malam waktu ngimplementasi script ini diblog ku tiba² blog ku error. trus cpanel bisa login tapi gk bisa upload. error semua. sampek sekarang blog ku down. kayak awal tahun lalu, kayaknya servernya ada yg nyerang nih. kemungkinan beasr data hilang semua
mana gk sempat bekap lagi huaaaaaaaaaaaa
wah..mantap nih ilmunya…thx for sharing bro..:)
rada bingung gw…
wah..kagak ngerti aku mas jimmy
Thanks Om…dah dipraktekkan n berhasil…
*sekalian ganti e-mail biar ga kedetek spam
sip-sip,
makasih tips nya mas
hore-hore..dapat ilmu lagi..hore-hore…salut buat SLANK..eh lain dink…salut buat mas jimmy…
info yang bagus, sayang banget aku ga masang adsense sekarang.
Thanks uda sharing… bener2 mantab nih tipsnya…
Wah keren niy background adsensenya
Bagus juga triknya
btw, ini menyalahi aturan nggak ya?
thanks for the tips
mantab mas jimmy
Aduh, males pasang adsense di blog pribadi. Mgkin kudu coba2x di blog coba2x
Anyway, thx for the info. Baek banget nih kasi trik2x gratis
boleh juga ne.. thx bro
Waaah ini yang saya (ga sengaja) cari-cari… mantab infonya kang Jim… langsung saya download… oya maaf saya ga sengaja ngeklik iklannya…
wew,keren abis om. baru tau kalo background na isa di permak kayak gitu,,masih blajar neh saya,ndak mudeng css an gitu,,hiks
Kang sudah saya implementasikan di blog saya
Hatur nuhun kang
URGENT! Jim.. Mening loe tanya google dulu deh… Sory, cara ini cara lama… dan sepengetahuan sayah ini gak boleh lagi! Kalau memang boleh, entar gue posting deh lebih dari 50 template adsense gue.
@imcw, @Andre, @Danu, @Deddy, @pandi merdeka, @Fikar, @adit, @@del sama-sama..
@tipis sekarang udah beres kan mas?
@maminya vaya, @Okta Sihotang bingung apanya nih?
@bocah, @heddy, @Bambosi, @dipta, @Tigis monggo dicoba..
@persikers nah gitu dong mas, email yang kemaren kenapa ya? dulunya emang sempet dipake buat nye-pam ya?
@pink kenapa gak masang? padahal blognya bagus & rame lho..
@pututik, @Anak Medan aku udah cari-cari info dan gapapa koq, bisa dilihat di sini dan di sini.
Intinya “Background images are fine so long as the ads are clearly portrayed as ads, and clearly distinguished from the content.”
@hakimtea kalo gak sengaja mah gapapa mas, eh mau sengaja juga boleh koq
@ika saya juga gak terlalu mudeng css, tapi sedikit2 yang standar2 mah tau lah..
emang sih trik simple..tapi hasilnya itulah yang sangat mujarab bin ajaib. Keren mas Jimmy.. sip
mantap, makasi
, sudah saya pakai di blog saya 
Cara ini melanggar TOSnya Adsense ga om??? Takut di banned nih. Soalnya dah hampir dapet cek pertama neh
udah saya jawab mas di atas
liat deh jawaban saya buat pututik dan anak medan
Wah, tengkyu banget info nya. Keren abis. Tapi kalo dalam Mambo ato Joomla apa sama ya caranya?
Salama knal.
Bte Jim, saya mau download lagi kok ga bisa ya?
@Gung De bisa koq buat di semua macam website, soalnya ini kan cuma pake css biasa
@Deddy bisa koq dok, barusan saya coba masih bisa didownload.. coba lagi deh
Thanks ya sudah dikirimin via email…
sorry ngerepotin
Mas, setahu saya dulu adsense pernah ngelarang untuk meletakkan adsense didepan/disamping gambar.
Apakah sekarang memang sudah bisa lagi ya?
Tq
Wadoh…
Sip banget infonya,
Sedot ah…!! thanks ya..
mas, maksih infonya dan ikut dl ya
Mas Jimmy, thanks banget for sharing this. Saya coba untuk unit banner KlikSaya di blog saya kok nggak bisa ‘pas’ ya? Mohon pencerahan.
@Blogguebo
Mas Medhy, kalo untuk kliksaya, kode yang saya pakai seperti ini:
#latar_iklan {
width:488px;
text-align:center;
background:#FFFFFF url(kertas.png) center center no-repeat;
padding:6px 10px 10px 10px;}
}
terus ukuran gambar kertasnya di-resize dulu jadi 470×104
cobain ya mas
Mas Jimmy, saya coba kok gak bisa ya ?
biasanya yang menyebabkan tidak berhasil itu dari sisi apa ya ?
url image-nya atau penempatan kode yang salah ?
eeemmmm….. Maknyus.. thanks Jim…
Mas Jimmy, gambar kertas background untuk KlikSaya kok nggak bisa saya re-size jadi 470 X 104 ya? Hasilnya masih kepotong. Need help.
Wah..ini dia yang aku cari2, ternyata mas jimmy punya solusinya..
Lam kenal yach..
creative…..boleh juga nich…aq copy yaa mas…, makasih banyak…mo tak pasang di web ku…
Mas Jimmy, kalo background untuk KlikSaya ukuran skycrapper (160×600) apakah sama dengan background Adsense juga? Atau harus dire-size lagi pakai ACDC? Wah, nggak punya ACDC.
mas kalau untuk blog gratisan bisa nggak ya ? Ada yang sudah coba belum ya? Soalnya mau tak implemetasikan di blog latihanku.