Create Ad Space Version 2


Assalamualaikum.wr.wb

Surely my friends a little confused why I returned this postingin. It's in my post because of the way to make space in the sidebar ads look less neat.

See picture below:

compare this one:

the latter's neat. I adopted from woodmag template code.

Just my little fox CSSnya code.

simply:

1. Log in blogger.
2. Click on the layout, edit html search code ]]></ b: skin>
3. If you've met kopy under the code where the code above




/* yusron 125x125 */
#yusron {
overflow: hidden;
padding:0;
}
.yusron1, .yusron3, .yusron5 {
float: left;
margin-bottom: 5px;
padding-left:10px;
}
.yusron2, .yusron4, .yusron6 {
float: right;
margin-bottom: 5px;
padding-right:10
px;
}


4. Save the template.
5. Back to the layout.
6. Element to the page.
7. Add Gadget and HTML / JavaScript
8. This code copies Inside
<b:includable id="main">
<div id="yusron">

<!-- yusron1 start -->
<a class="yusron1" href="http://www.dekyusron.co.cc/"><img width="125" src="http://i35.tinypic.com/160u3af.png" height="125"/></a>

<!-- yusron2 start -->
<a class="yusron2" href="http://www.dekyusron.co.cc/"><img width="125" src="http://i35.tinypic.com/160u3af.png" height="125"/></a>

<!-- yusron3 start -->
<a class="yusron3" href="http://www.dekyusron.co.cc/"><img width="125" src="http://i35.tinypic.com/160u3af.png" height="125"/></a>

<!-- yusron4 start -->
<a class="yusron4" href="http://www.dekyusron.co.cc/"><img width="125" src="http://i35.tinypic.com/160u3af.png" height="125"/></a>


<!-- yusron5 start -->
<a class="yusron5" href="http://www.dekyusron.co.cc/"><img width="125" src="http://i35.tinypic.com/160u3af.png" height="125"/></a>

<!-- yusron6 start -->
<a class="yusron6" href="http://www.dekyusron.co.cc/"><img width="125" src="http://i35.tinypic.com/160u3af.png" height="125"/></a>


<div class="clearer"/>
</div>
</div></b:includable>

9. Change the address of links and images as needed.
10. Save the template.

wassalamualaikum.wr.wb

Related Posts by Categories



what is new today