You are here: Home » internet » adsense » Cutom CSS Background untuk Tampilan Google Adsense
Application Java Games HandPhone (HP)

Cutom CSS Background untuk Tampilan Google Adsense

by BambangOke on December 3, 2008

Google Adsense merupakan salah satu perusahaan iklan terbesar dan terhebat saat ini, karena iklan yang muncul bisa sesuai dengan conten blog dan negara masing-masing si pengunjung. Selain itu google adsense juga mempunyai prospek yang lebih bagus yang dikarenakan dimiliki oleh Google.

Jika anda merupakan publisher, mungkin ada tau google adsense hanya memberikan format ads dan pilihan warna tertentu saja. Salah satu cara agar kita mendapatkan penghasilan yang bagus dari adsense juga tergantung dari peletakan adsense itu sendiri serta kombinasi warna yang sesuai antara iklan dan template blog anda. Sehingga hampir tidak ada bedanya antara iklan dengan konten sehingga ini akan meningkatkan rasio klik.

Google adsense sendiri memperbolehkan adanya penambahan code CSS untuk background pada blog, sehingga tampilan adsense bisa lebih menarik hati pengunjung.

Langsing aja..

1. Edit Template blog kamu, cari kode ]]></b:skin>. Tambahkan code CSS sebelum code tersebut


#adsense_style {
width:226px;
text-align:center;
background:#FFFFFF url(http://url.bambangoke.com/back_adsense/Small_Square_Papers/PapersExample.png) center center no-repeat;
padding:9px 16px 17px 10px;
}

Save Template Kamu.

2. Pada code adsense silahkan tambahkan div

Sebelum code : <div id="adsense_style">

dan pada belakang code ditutup dengan </div><!– end div#adsense_style –>

Sehingga akan tampil seperti dibawah ini


<div id="adsense_style">
<script type="text/javascript"><!--
google_ad_client = "pub-4069209371286308";
google_ad_width = 200;
google_ad_height = 200;
google_ad_format = "200x200_as";
google_ad_type = "text";
//2006-12-30: adclustr-testing
google_color_border = "FFFFFF";
google_color_bg = "FFFFFF";
google_color_link = "000000";
google_color_text = "444444";
google_color_url = "444444";
google_adtest = "on";
//--></script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div><!-- end div#adsense_style -->

Untuk tutorial diatas hanya dicntohkan untuk ads format tipe Small_Square_Papers 200×200.

Untuk type format ads yang lain bisa anda kembangkan sendiri menggunakan editing gambar seperti photoshop dll. sebagai rerensi anda dapat mendownload 3 buah gambar background free

Thanks……By : Bembenk

Author

BambangOke

{ 5 comments… read them below or add one }

1 septian December 4, 2008 at 5:56 pm

PERTAMAX plus..

hmm…sangat bermanfaat triknya..sayang belum punya adsense..hehehe

Reply

2 Nyante Aza Lae December 10, 2008 at 5:11 am

ngliat liat, baca baca…ooww,..angguk angguk, tp g pake geleng2 lho bro..! emangnya project pop

Reply

3 deden m. ihsan December 11, 2008 at 2:21 am

Informasi bagus mas bambang, akan saya ingat2 nanti kalau saya juga pasang adsense.

Reply

4 deden m. ihsan December 11, 2008 at 2:23 am

oh ini bisa menampilin gravatar di list komen blogspot bagaimana caranya mas???

saya tunggu ulasannya ya mas.

Reply

5 exwantoro January 20, 2009 at 10:42 am

makasih ya om…
coba tak pasangnyo

Reply

Leave a Comment

You can use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Incoming Search Terms for the Article

 css background , adsense backround , background adsense , background untuk tampilan google , memasang kode google ads pada template joomla 

Previous post:

Next post: