Facebook SDK

Cara Membuat Background Iklan Di Blog

  Mungkin Ini yang anda sedang Cari-cari Yaitu Cara Membuat Background Iklan Di Blog,Bagaimana Sih Cara Membuatnya!Terbenak di dalam Hati saya ketika dulu saya belum tahu caranya.Saya juga bertanya-tanya Begitu.Googling kesana Kemari.Tapi Hasilnya masih Sia-sia.Tapi Dengan Usaha Sendiri Akhirnya Bisa Juga.Untuk Membuat Background Iklan Di Blog Saya Bagi  Menjadi 4 bagian :
  1. Pertama Iklan Ukuran 728×90
  2. Kedua Iklan Ukuran 160×600
  3. Ketiga Iklan Ukuran 300×250
  4. Keempat Iklan Ukuran 468×60
 Karena Ada Seorang Blogger yang menanyakan Ukuran 160×600 Maka yang akan saya bahas hanaya Iklan Ukuran 160×600.Untuk lebih jelasnya Ikuti langkah Langkah di bawah ini :


1.Pertama-tama Login Blogger
2.Kedua Pilih Template - Edit HTML -  EXpand Template Widget - Lalu Cari Kode ]]></b:skin> Untuk mempercepat Proses Pencarian Gunakan Ctrl + F lalu masukkan Kode ]]></b:skin> Kalau sudah ketemu kemudian Paste Kode di bawah ini Tepat di bawah Kode ]]></b:skin>

<style type='text/css'>

.iklanku2 {float:right;margin-right:0px;width:160px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8NSWY9WhqFleDKjyutaXyZKXmkJVF8NRy1upCXRcFZDAJPiW8KKERepGA7P-vwMZWJSeA7S0FMnoNUl9dLD9dcSorW71a6w7a5M_7gNwg-r7BjB6pd-yTWrwjq1FbZRMlnpyDrgCSa1ty/s1600/Untitled-1.png) no-repeat;height:600px;margin-bottom:4px;margin-top:4px;float:right;

word-wrap:break-word;

overflow:hidden}

.iklanku2 img { border: 2px solid #ccc;

vertical-align:middle; margin-bottom: 2px;height:80px;width:80px }

.iklanku2 ul li{font-size:1em;line-height:15px;padding:0 0 6px 12px}

.iklanku2 a:link,.iklanku a:visited{font-size:15px;font-weight:bold;color:#423E3E;text-decoration:none}

.iklanku2 li a:hover{color:#ff6600;} 

</style>

3.Lankah Ketiga Pilih Tambah Widget " Kalau bisaCari Tambah widget yang lebarnya 160 px ".Ini di masudkan agar Background Iklan Agar nantinya bisa sesuai dengan Iklan Ukuran 160×600.Sesudah itu anda tinggalmasukkan kode java scrip  di bawah ini :


<div style="background-color: #efefef;font-weight:bold; color:#c69432; font-size:15px; padding:5px 5px 5px 2px;text-align:center;">ADVERTISEMENT :  <div class='widget-content'>
<div class="iklanku2 left">


Tempat Iklan anda.........
 

</div>
</div>

</div>

Keterangan:
 " Untuk Iklan saya sarankan Menggunakan Iklan Google adsense atau Iklan yang mengandung iklan Flash,Jika anda menggunakan iklan benner sendiri atau iklan dari lainnya.setahu saya memesang  Background Iklan Di Blog juga percuma saja."

 "Saya juga tidak tahu ini Bisa melanggar TOS google adsense atau tidak,Tapi Menurut saya ini tidak melanggar TOS.Karena kita tidak merubah kode scrip dari Google adsense itu sendiri hanya kita menambahkan scripnya dan saya juga pernah tahu banyak kode Goggle adsense yang menggunakan tambahan Kode Contohnya saja Kode <center>Tempat Iklan anda....</center> itu adalah kode Biar posisi Google adsense  di tengah-tengan. itu aja tidak melanggar TOS jadi sama halnya dengan scrip di atas ".

4.Langkah Terakhir simpan Template.


 Gimana Sobat dari hasil Cara Membuat Background Iklan Di Blog mudah kan.Jika langkah di atas bisa sakses maka Background Iklan Di Blog akan seperti Blog facewoman.

7 Komentar

Hallo sobat..Kami Senang! Apabila Anda mau meninggalkan Saran, kritik dan Opini tentang Artikel Blog Kami.

  1. Mantep Kang...Keren Bnget

    BalasHapus
  2. itu code langsung ksh gambar bs ya Sob..? kl mau ganti ukuranya biar jd 240X300 gmn sob..? makasih...

    BalasHapus
    Balasan
    1. di tunggu aja kelanjutan artikel yang 240X300 :)

      Hapus
  3. Kalau buat AMP gimana ya??

    BalasHapus
  4. bro, kalau backgroundnya diganti gambar sesuai keinginan gimana caranya?

    BalasHapus
  5. Maksud iklan di background itu gimana ya? Maaf masih belum paham, adakah contohnya? Terima kasih sebelumnya atas pencerahannya.

    BalasHapus

Posting Komentar

Hallo sobat..Kami Senang! Apabila Anda mau meninggalkan Saran, kritik dan Opini tentang Artikel Blog Kami.

Lebih baru Lebih lama