Membuat Background Google Adsense

Posted by Drajat Ahmad G | 10:16 PM | | 1 comments »

Ads BackgroundSaya yakin anda semua sudah tidak asing lagi mendengar kata Google Adsense bahkan keyakinan saya mengatakan anda tentu sudah banyak berkecimpung di dalamnya.

Kali ini, pada postingan saya yang pertama, saya akan memberikan tips mempercantik tampilan Google Adsense di blogspot anda dengan harapan akan meningkatkan jumlah klik yang anda dapatkan.

Mari kita praktekkan bersama

  • Langkah pertama adalah mempersiapkan gambar atau image yang nantinya akan anda gunakan untuk banckground. Anda bisa menggunakan program adobe photoshop, corel draw atau program kesayangan anda lainnya, saya tidak akan membahasnya disini.
  • Letakkan image yang telah anda buat di server anda
  • Setelah image anda siap, tambahkan kode CSS di bawah ini ke code CSS blogspot anda. (masukkan setelah tanda <b:skin><![CDATA[/* dan ganti tulisan warna merah dengan tempat image anda berada)
  • 
    #ad_code {
    width:226px;
    text-align:center;
    background:#FFFFFF url(http://hotinganda.com/PapersExample.png) center center 
    no-repeat;
    padding:9px 16px 17px 10px;
    }
    
    
  • Hasilnya seperti di bawah ini:
  • 
    <b:skin><![CDATA[/*
    #ad_code {
    width:226px;
    text-align:center;
    background:#FFFFFF url(http://hotinganda.com/PapersExample.png) center center 
    no-repeat;
    padding:9px 16px 17px 10px;
    }
    
    
  • Sekarang, apabila anda ingin meletakkan adsense anda di atas background yang telah kita buat tadi, sisipkan code adsense anda di anatara <div id="ad_code"> code_adsensenya_disini </div>, contohnya seperti di bawah ini:
  • 
    <div id="ad_code">
    <script type="text/javascript"><!--
    google_ad_client = "pub-0000000000000000";
    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>
    
    
  • contoh hasilnya seperti screenshoot di atas

1 comments

  1. Anonymous // December 5, 2008 at 12:37 PM  

    ngelanggag TOS g ya . . .?

Post a Comment