Cara Buat dan Pasang Slot Iklan Responsive di Sidebar Blogger

WANHEART NET - Cara Buat dan Pasang Slot Iklan Responsive di Sidebar Blogger. Membuat slot iklan responsive dan tidak memberatkan website. Memasang slot iklan gambar simpel dan tidak ribet. Hasilkan uang lewat slot iklan website anda. Sebagian besar seorang penulis blog, tentu bukan hanya menulis artikel saja, pastinya akan sempat berfikiran untuk mencari penghasilkan lebih lewat blog tersebut. Salah satu cara blogger untuk mendapatkan uang selain menulis artikel yaitu memasang slot iklan di website.

Jika anda pemilik blog dan ingin mencari penghasilan tambahan, anda bisa coba membuka slot iklan di website anda, untuk harga dan durasi pemasangan iklan anda bisa tentukan sendiri. Penempatan dan ukuran iklan pastikan juga diatur untuk harganya, untuk slot iklan yang sering dilihat oleh pengunjung anda bisa memberikan harga yang tinggi, sedangkan untuk slot iklan yang dilihat sekilas oleh pengunjung anda bisa menyesuaikan sendiri harganya.

Penempatan slot iklan biasanya berada di sidebar blog, karena sidebar merupakan area yang sering dilihat oleh pengunjung. Namun bukan hanya di sidebar saja, slot iklan juga bisa terletak di atas dan bawah content blog. Untuk kesempatan kali ini saya akan memberikan bagaimana cara membuat dan memasang slot iklan yang responsive di blogger. Cara membuatnya cukup mudah, anda bisa menyimak tutorial berikut ini.

Cara Buat dan Pasang Slot Iklan Responsive di Sidebar Blogger

1. Login ke Blogger dan masuk ke Dashboard.
2. Pilih menu TEMA kemudian klik EDIT HTML, jika tidak menemukannya anda bisa klik icon segitiga kecil di sebelah tombol Sesuaikan.
3. Cari kode ]]></b:skin> atau </style> kemudian Copy dan Pastekan script dibawah ini diatas kode yang di cari sebelumnya.

*{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
.kotak_iklan{background:#efefef;width:300px;margin:0 auto;text-align:center;padding:16.6666666667px}
.kotak{background:grey;height:125px;width:125px;display:inline;margin:0;padding:0;float:left;position:relative;}
.kotak:nth-child(1),.kotak:nth-child(3){margin-right:16.6666666667px}
.kotak:nth-child(1),.kotak:nth-child(2){margin-bottom:16.6666666667px}
.kotak a{position:relative;display:block;z-index:2}
.kotak:before{content:"Your Space 125x125";line-height:1.2;position:absolute;top:0;left:0;width:100%;height:100%;color:#fff;font-size:20px;display:flex;flex-direction:column;justify-content:center;z-index:1;}
.kotak-300{width:300px;height:250px;}
.kotak.kotak-300:nth-child(1){margin-right:0;margin-bottom:0;}
.kotak_iklan.p0{padding:0;}
.kotak-300:before{content:"Your Space 300x250";}
.clear{clear:both;}

4. Kemudian Save Tema.
5. Kembali ke dashboard, pilih Menu Tata Letak / Layout.
6. lalu Tambahkan Gadget, Pilih HTML/JavaScript. Kemudian Copy dan Pastekan salah satu script dibawah ini ke dalam Konten Widget HTML/jascript tadi. Anda bisa memilih sesuai ukuran iklan yang anda inginkan.

---

Script Slot Iklan Ukuran 125 x 125 pixels

Berikut ini adalah script Slot Iklan untuk ukuran 125 x 125 pixels.

<div class="kotak_iklan">
   <div class="kotak">
      <!-- Paste URL Gambar/Banner Disni -->
      <a href="URL IKLAN" target="_blank" rel="nofollow noopener" title="JUDUL IKLAN">
      <img src="URL GAMBAR IKLAN" alt="JUDUL IKLAN" title="JUDUL IKLAN" height="125" width="125"/>
      </a>
   </div>
   <div class="kotak">
      <!-- Paste URL Gambar/Banner Disni -->
   </div>
   <div class="kotak">
      <!-- Paste URL Gambar/Banner Disni  -->
   </div>
   <div class="kotak">
      <!-- Paste URL Gambar/Banner Disni  -->
   </div>
   <div class="clear"></div>
</div>

---

Script Slot Iklan Ukuran 300 x 250 pixels

Berikut ini script untuk slot iklan berukuran 300 x 250 pixels.

<div class="kotak_iklan p0">
   <div class="kotak kotak-300">
      <!-- Paste URL Gambar/Banner Disini -->
      <a href="URL IKLAN" target="_blank" rel="nofollow noopener" title="JUDUL IKLAN">
      <img src="URL GAMBAR IKLAN" alt="JUDUL IKLAN" title="JUDUL IKLAN" height="125" width="125"/>
      </a>
   </div>
   <div class="clear"></div>
</div>

---

Keterangan :
URL IKLAN : Silakan anda bisa ganti sesuai link iklan.
URL GAMBAR IKLAN : Silakan anda bisa ganti dengan url gambar iklan.
JUDUL IKLAN : Silakan anda bisa merubahnya sesuai judul iklan.

7. Klik Simpan, Selesai.

Demikianlah bagaimana Cara Buat dan Pasang Slot Iklan Responsive di Sidebar Blogger, jika ada yang ingin ditanyakan anda bisa berkomentar dibawah, Terima kasih.