Membuat Kotak Iklan Di Sidebar

Assalamualikum,

Kali ini aku akan menciptakan artikel ihwal Cara Membuat Kotak Iklan di Sidebar Blog

kotak iklan ini terdapat 4 kotak iklan, dan tidak banyak juga CSS yang digunakan,

kita pribadi saja ke intinya.

Sebelum ke inti artikel ini. Baca dulu ini.

Buat kalian yang memakai template buatanya Arlina Design, biasanya CSSnya sudah ada, jadi kalian sanggup pribadi ke point no. 5

ok, berikut caranya.

Cara Membuat Kotak Iklan pada Sidebar

1. Login ke Blogger kalian
2. klik Template > Edit HTML
3. Tambhakan Script CSS dibawah ini, tambahkan sebelum aba-aba </style>

 .kotak_iklan {margin:auto;transition:all 1s ease-out;} .kotak_iklan .sidebar .widget-content,.kotak_iklan .sidebar-two .widget-content{padding:0;border:0;} .kotak_iklan .sidebar .widget {margin-bottom:0;padding:0;} .kotak_iklan img{background:#fff;text-align:center;margin:5px 2.5px;padding:2.5px;border:1px solid #ddd!important;transition:all .6s ease-out} .kotak_iklan  img:hover {background:#fff;border-color:#bbb!important;} .kotak_iklan2 {text-align:center;margin:0 auto;transition:all 1s ease-out;} .kotak_iklan2 .sidebar .widget-content,.kotak_iklan2 .sidebar-two .widget-content{padding:0;background:#f2f6f7;box-shadow:0 1px 2px 0 rgba(0,0,0,0.1);border:0;} .kotak_iklan2 .sidebar .widget,.kotak_iklan2 .sidebar-two .widget {margin-bottom:0;padding:0;} .kotak_iklan2  img {text-align:center;transition:all 1s ease-out;} .kotak_iklan2  img:hover {transition:all .5s ease-out;} .kotak_iklan3 {position:relative;margin:0 auto;}

4. bila sudah, Simpan > Tata Letak > Tambahkan Widget > HTML/Javascript
5. Masukkan Script dibawah ini. Simpan

 <div class="kotak_iklan"> <a href="http://abdurrahim-id.blogspot.com/" title="Membuat Kotak Iklan di Sidebar" target="_blank"><img class="noborder" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgt8jkEFQqB9oAV8shoBn7tKDMl4rLaiKrHNe3Ktrjpg97LN3c8lmAD8PFhrSxCXn9eQJAZusgMaUDm3WykDrizOVsh3ykv9DP_EAqJIREd1mn_FVe4GcHMQttQsfHX8SD0UWzAXAt6vJ8/s1600/Abdurrahim+ID.png" alt=" Kali ini aku akan menciptakan artikel ihwal Cara Membuat Kotak Iklan di Sidebar Blog Membuat Kotak Iklan di Sidebar" width="125" height="125" /></a> <a href="url iklan yang dituju" title="Membuat Kotak Iklan di Sidebar"><img class="noborder" src="http://1.bp.blogspot.com/-AzY4b7aWefY/VXoZ6aD1m3I/AAAAAAAACac/jY9906KnHSs/s1600/125x125.jpg" alt=" Kali ini aku akan menciptakan artikel ihwal Cara Membuat Kotak Iklan di Sidebar Blog Membuat Kotak Iklan di Sidebar" width="125" height="125" /></a> <a href="url iklan yang dituju" title="Membuat Kotak Iklan di Sidebar"><img class="noborder" src="http://1.bp.blogspot.com/-AzY4b7aWefY/VXoZ6aD1m3I/AAAAAAAACac/jY9906KnHSs/s1600/125x125.jpg" alt=" Kali ini aku akan menciptakan artikel ihwal Cara Membuat Kotak Iklan di Sidebar Blog Membuat Kotak Iklan di Sidebar" width="125" height="125" /></a>  <a href="url iklan yang dituju" title="Membuat Kotak Iklan di Sidebar"><img class="noborder" src="http://1.bp.blogspot.com/-AzY4b7aWefY/VXoZ6aD1m3I/AAAAAAAACac/jY9906KnHSs/s1600/125x125.jpg" alt=" Kali ini aku akan menciptakan artikel ihwal Cara Membuat Kotak Iklan di Sidebar Blog Membuat Kotak Iklan di Sidebar" width="125" height="125" /></a>  </div>

Jika, kalian mengalami duduk kasus silahkan komen dibawah.