Script Iklan 125x125 4 Kotak HTML 5 Terbaru

Script Iklan 125x125 4 Kotak HTML 5 Terbaru - Hello 3xploi7er, kali ini saya akan membagikan sebuah script yang mempunyai fungsi bagi pengguna blogger yaitu Script Iklan 125x125 4 Kotak HTML 5 Terbaru. Post ini saya buat karena saya telah menggunakannya sendiri. Script iklan 4 kotak ini sangat mempunyai banyak manfaat. Bila anda mempunyai lebih dari satu blog bisa anda gunakan sebagai backlink. Disisi lain 4 kotak tersebut juga bisa di gunakan untuk beriklan.

Ide ini saya temukan ketika saya sedang berjalan jalan di blog arlina design. disanasaya melihat widget tersebut ( gambar diatas ). Tentu hal ini membuat menarik dan saya ingin menerapkannya di blog saya.

Setelah saya berkeliling google untuk mencari scriptnya akhirnya saya dapat, TETAPI script tersebut terlihat belum rapih karena tidak ada garis pinggir. So dengan kekuatan inspect elemen saya mengambil sedikit source dari arlina design yang mempunyai design yang cukup bagus.

Berikut Script Iklan 125x125 4 Kotak HTML 5 Terbaru

1. Letakan script berikut diatas ]]></b:skin> 

/* CSS Ad Slot Wrapper */
.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;}

2. Letakkan Script Berikut di Gadget HTML

<div class="kotak_iklan">
<a href="3xploi7.blogspot.com" title="judul iklan"><img class="noborder" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpwABI12xAaHN23w5MISDBqE4d7gTLmzQenaqvQkZSamZu2z5nhiTRd1s5cUEssoPfoMrI_k2jv5KsXZbrl1DjdwmMDPmvSRMYnk-VXpdKE-yqmX-GQk_2lDgh_sTalNzAbvYpACp3CaQO/h120/12523875_667601766713732_1111686218965739193_n.png" alt="" width="125" height="125" /></a>
<a href="3xploi7.blogspot.com" title="judul iklan"><img class="noborder" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhBka36vQRLx6gaJIQIessD0ByUjRjiy-1itVZ2K4S1KIOXGZEKa2FPsag2jandAxHH_nKteOZf5ymOzgqwXU3tAhNgGeNXmcWtwzm8pz5IKvWL4yV-bqRaJmk3UnGYAbth7saUhBGHIk/s1600/Abdurrahim+ID.png" alt="alt gambar" width="125" height="125" /></a>
<a href="3xploi7.blogspot.com" title="judul iklan"><img class="noborder" src="http://1.bp.blogspot.com/-AzY4b7aWefY/VXoZ6aD1m3I/AAAAAAAACac/jY9906KnHSs/s1600/125x125.jpg" alt="alt gambar" width="125" height="125" /></a>
<a href="3xploi7.blogspot.com" title="judul iklan"><img class="noborder" src="http://1.bp.blogspot.com/-AzY4b7aWefY/VXoZ6aD1m3I/AAAAAAAACac/jY9906KnHSs/s1600/125x125.jpg" alt="alt gambar" width="125" height="125" /></a>
</div>

Sekian artikel Script Iklan 125x125 4 Kotak HTML 5 Terbaru, semoga bermanfaat :D

Share :

Tweet

✚

Related Post