Advertiser box 135 x 135 pixel

Kamu pasti sudah tahu, box advertiser atau kotak iklan yang digunakan untuk memasang iklan si Advertiser dan kita sebagai Publisher siap menyediakan tempat berupa kotak iklan. Di sini saya mendapatkan cara membuat kotak iklan dengan ukuran 135x135 pixel sebanyak 6 kotak yang tersusun 2 baris dan 3 kolom, seperti di bawah ini.


Sebenarnya saya dapatkan cara ini dari sobat Chichablogger, namun sedikit modifikasi karena alasan untuk penyesuaian wadah/tempat yang tersedia pada blog saya. Dengan kreativitas otak-atik kode xml yang ilmunya baru seumur jagung, lumayanlah. Nah pada kesempatan ini saya mau bagi-bagi ke para sobat blogger, mungkin bisa bermanfaat sedikit dalam mengumpulkan receh dari pemasang iklan, ha ha ha...

Pertama, tentunya sudah tahu dong. Tuju Layout kemudian Edit Html, lalu cari kode seperti ini :

]] >< /b:skin >

selanjutnya copy paste code berikut ini persis di atas kode yang tadi.

#boxads{
margin: 0 auto;
padding: 0 0 0;
width: 465px;
height: 280px;}

.boxads.widget {
margin: 3px;
padding: 3px;
width: 135px;
height: 135px;
float: left;
border: 1px solid #ff0000;}

.boxads .widget:hover {
border: 1px solid #000;}

Kedua, cari code seperti ini :

< div id='sidebar-wrapper' >

Lalu copy paste code dibawah ini persis dibawah kode yang tadi.

<div id='boxads'>
<b:section class='boxads' id='boxads' showaddelement='no'>
<b:widget id='Image3' locked='true' title='' type='Image'>
<b:includable id='main'>
<div class='widget-content'>
<b:if cond='data:link != &quot;&quot;'>
<a expr:href='data:link'>
<img expr:alt='data:title' expr:title='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_img&quot;' expr:src='data:sourceUrl' expr:width='data:width'/>
</a>
<b:else/>
<img expr:alt='data:title' expr:title='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_img&quot;' expr:src='data:sourceUrl' expr:width='data:width'/>
</b:if>
<br/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='Image4' locked='true' title='' type='Image'>
<b:includable id='main'>
<div class='widget-content'>
<b:if cond='data:link != &quot;&quot;'>
<a expr:href='data:link'>
<img expr:alt='data:title' expr:title='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_img&quot;' expr:src='data:sourceUrl' expr:width='data:width'/>
</a>
<b:else/>
<img expr:alt='data:title' expr:title='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_img&quot;' expr:src='data:sourceUrl' expr:width='data:width'/>
</b:if>
<br/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='Image5' locked='true' title='' type='Image'>
<b:includable id='main'>
<div class='widget-content'>
<b:if cond='data:link != &quot;&quot;'>
<a expr:href='data:link'>
<img expr:alt='data:title' expr:title='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_img&quot;' expr:src='data:sourceUrl' expr:width='data:width'/>
</a>
<b:else/>
<img expr:alt='data:title' expr:title='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_img&quot;' expr:src='data:sourceUrl' expr:width='data:width'/>
</b:if>
<br/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='Image6' locked='true' title='' type='Image'>
<b:includable id='main'>
<div class='widget-content'>
<b:if cond='data:link != &quot;&quot;'>
<a expr:href='data:link'>
<img expr:alt='data:title' expr:title='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_img&quot;' expr:src='data:sourceUrl' expr:width='data:width'/>
</a>
<b:else/>
<img expr:alt='data:title' expr:title='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_img&quot;' expr:src='data:sourceUrl' expr:width='data:width'/>
</b:if>
<br/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='Image7' locked='true' title='' type='Image'>
<b:includable id='main'>
<div class='widget-content'>
<b:if cond='data:link != &quot;&quot;'>
<a expr:href='data:link'>
<img expr:alt='data:title' expr:title='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_img&quot;' expr:src='data:sourceUrl' expr:width='data:width'/>
</a>
<b:else/>
<img expr:alt='data:title' expr:title='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_img&quot;' expr:src='data:sourceUrl' expr:width='data:width'/>
</b:if>
<br/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='Image8' locked='true' title='' type='Image'>
<b:includable id='main'>
<div class='widget-content'>
<b:if cond='data:link != &quot;&quot;'>
<a expr:href='data:link'>
<img expr:alt='data:title' expr:title='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_img&quot;' expr:src='data:sourceUrl' expr:width='data:width'/>
</a>
<b:else/>
<img expr:alt='data:title' expr:title='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_img&quot;' expr:src='data:sourceUrl' expr:width='data:width'/>
</b:if>
<br/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
</b:section>
</div>

Terakhir, jangan lupa disimpan.

Hasilnya seperti ini :

Edit Widget Advertiser 135x135 pixel


Banner Widget Advertiser 135x135 pixel