Headlines News :
Home » » Cara membuat Kotak Banner iklan Ukuran 125 x 125 di sidebar blog

Cara membuat Kotak Banner iklan Ukuran 125 x 125 di sidebar blog

Written By Sunu E.N on Friday, 1 March 2013 | 12:18

Cara membuat kotak banner 125 x 125 diblog adalah cara yang sering dicari cari blogger yang ingin mengoptimalkan blognya dengan menawarkan space iklan dengan ukuran 125 x 125 pada bagian sidebar blog mereka. Jika anda pun juga tertarik dan anda juga mencari cara untuk membuat space tersebut saya rasa anda tidak usah berkeliling dan terus mencari solusi di Google.com, karena saya telah memberikan solusi yang baik untuk anda coba .

Untuk cara membuat Cara membuat kotak banner 125 x 125 saya telah menyediakan dua buah style dari dua orang master yang berbeda yaitu admin bukarahasia lagi dan kang Rohman. Jika anda tidak mengenal mereka berarti anda baru baru saja memasuki dunia blogger tanah air. Nah dibawah ini merupakan cara yang diberikan oleh kedua master tersebut dan kita memulai menggunakan cara yang diberikan oleh Kang rohman kemudian dibawahnya akan saya berikan cara yang telah di tunjukkan oleh admin bukarahasia lagi. Berikut caranya ..

Cara membuat kotak banner 125 x 125

Cara membuat kotak banner 125 x 125


1. Masuk ke Dashboard > Template > Edit HTML
2. Klik Lanjutkan > Jangan Lupa Centang Expand Template Widget
3. Copy Kode CSS berikut dan letakkan di atas kode ]]></b:skin>

Jika mau pake Code Kang rohman berikut kodenya :
 /** Kotak Iklan **/
.kotak_iklan {text-align: center;}
.kotak_iklan  img {margin: 0px 5px 5px 0px;padding: 5px;text-align: center;border: 1px solid #ddd;}
.kotak_iklan  img:hover {border: 1px solid #333} 


4.Lalu save template kamu .


5.Tahap selanjutnya silahkan buka Tata Letak > Add Gadget / Tambah Gadget > HTML/JavaScript
Copy kode HTML di bawah ini dan paste di kotak yang tersedia ( disarankan untuk memasukkan url link, title, gambar, maupun alt tag yang ingin digunakan).

<div class="kotak_iklan"><a href="MASUKKAN-URL" title="TITLE-IKLAN"><img border="0" src="URL-GAMBAR" alt="ALT/TEXT GAMBAR" width="125" height="125" /></a> <a href="MASUKKAN-URL" title="TITLE-IKLAN"><img border="0" src="URL-GAMBAR" alt="ALT/TEXT GAMBAR" /></a> <a href="MASUKKAN-URL" title="TITLE-IKLAN"><img border="0" width="125" alt="ALT/TEXT GAMBAR" src="URL-GAMBAR" height="125" /></a> <a href="MASUKKAN-URL" title="TITLE-IKLAN"><img border="0" width="125" alt="ALT/TEXT GAMBAR" src="URL-GAMBAR" height="125" /></a></div> 

6.Kemudian Save ..


Untuk Cara yang diberikan admin Buka rahasia lagi, sama halnya dengan cara diatas, namun berbeda code yang digunakan . Berikut Kodenya .

Untuk Code yang diletakkan diatas ]]></b:skin> yaitu kode dibawah ini:
#bukarahasiaads {margin:0px;padding:0px;text-align:center}
#bukarahasiaads  img {margin:1px 1px;text-align:center;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;-webkit-box-shadow: 1px 2px 1px #ccc;-moz-box-shadow: 1px 2px 1px #ccc;box-shadow: 1px 2px 1px #ccc;}
#bukarahasiaads img:hover {-moz-opacity: 0.7;opacity: 0.7;filter:alpha(opacity=70);}



Dan untuk kode yang dimasukkan dalam add widget > HTML/javascript yaitu kode dibawah ini :





div id="bukarahasiaads">
<a href="MASUKKAN-URL" target="_blank" title="TITLE-IKLAN"><img alt="ALT/TEXT GAMBAR" border="0" src="URL GAMBAR" /></a>
<a href="MASUKKAN-URL" target="_blank" title=" TITLE-IKLAN"><img alt="ALT/TEXT GAMBAR" border="0" src="URL GAMBAR" /></a>
<a href="MASUKKAN-URL" target="_blank" title="TITLE-IKLAN"><img alt="ALT/TEXT GAMBAR" border="0" src="URL GAMBAR" /></a>
<a href="MASUKKAN-URL" target="_blank" title="TITLE-IKLAN"><img alt="ALT/TEXT GAMBAR" border="0" src="URL GAMBAR" /></a>
</div>


Silahkan Pilih salah satu cara yang saya saranakan diatas . Nah gimana sob tentang  Cara membuat kotak banner 125 x 125, cukup mudah kan ? Yups Saya rasa demikianlah artikel yang berjudul "Cara membuat Kotak Banner iklan Ukuran 125 x 125 di sidebar blog " semoga bisa membantu anda, jika anda ingin menawarkan iklan semoga cepat laku dan terima kasih telah mengunjungi blog saya. 

Share this post :

Post a Comment

 
Support : Creating Website | Johny Template | Mas Template
Copyright © 2011. Lebih baik Berbagi - All Rights Reserved
Template Created by Creating Website Published by Mas Template
Proudly powered by Blogger