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.
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.
