HTML İle Reklam bannerlerini Yan Yana Koyma - Blog Radikal

Post Top Ad

24 Haziran 2016 Cuma

HTML İle Reklam bannerlerini Yan Yana Koyma

HTML ile reklam bannerlerini yan yana koyma konusu nereden açıldı. 125x125 reklam alanı en popüler olanıdır. Zira yan yana sıralama konusu pek yazılmayan bir konudur. Şimdi bu yazımda bunu ele alarak sizlere yardımcı olmaya çalışacağım. Blogger bize epey kolaylıklar sağlayan ücretsiz bir blog portalı. Blogger yazı sayfasını kullanarak resimleri HTML koda çevirip yan yana sıralayacağız. Bunun için küçük bir koddan yardım alacağız. Aşağıda resimde nasıl olduğunu görebilirsiniz.

1 - Bu logoları ben sıralarken, bir de onlara ayrı sayfada açılma linki ekledim. Sizde link ekleyerek istediğiniz gibi kullanabilirsiniz. Kodun içinde ki mavi renkli linkler açılmasını istediğiniz sitelerimiz. Kodun içinde ki kırmızı ile işaretlediğim resim linkleri. Bunları kendi linkiniz ile değiştirin. Kodumuz aşağıdaki gibidir..!


<table>
<tr><td>
</td><td>
<div align="left"><div class="separator" style="clear: both; text-align: center;">
<a href="http://www.blogradikal.com/" target="_blank"><img border="0" src="https://4.bp.blogspot.com/-gm64lpZ1OO0/V219uyb7wwI/AAAAAAAAAGE/klmV8S0M1kIhJOYFR8qif_GUr096aD3FACLcB/s1600/a.png" /></a></div></div>
</td><td>
<div align="left"><div class="separator" style="clear: both; text-align: center;">
<a href="http://www.bannerekle.com/" target="_blank"><img border="0" src="https://1.bp.blogspot.com/-FcxD_HjuzBs/V219v1KUjdI/AAAAAAAAAGM/qkTkB4NO6zM7v3HBursqfL78sUf4VW_UACLcB/s1600/b.png" /></a></div></div>
</td><td>
<div align="left"><div class="separator" style="clear: both; text-align: center;">
<a href="http://www.nesinespor.xyz/" target="_blank"><img border="0" src="https://1.bp.blogspot.com/-hCv4M_AlXb8/V219xEtnQaI/AAAAAAAAAGU/13cSZeaAcBcg1Y6rIXuY3gXfmakM_CX2ACLcB/s1600/c.png" /></a></div></div>
</td><td>
<div align="right"><div class="separator" style="clear: both; text-align: center;">
<a href="http://www.teketekozel.com/" target="_blank"><img border="0" src="https://1.bp.blogspot.com/-6vpVOHwoQIA/V219ycCyi7I/AAAAAAAAAGc/8SftfCAfokgKC7bs2I7-x7DhNlynBzAkgCLcB/s1600/d.png" /></a></div></div>
</td></tr>
</table>

2 - Burada hazır reklam kodlarını sıralarken 125x125 reklam alanları en popüler olanları ve kullanışlıdır. Onların kodunu da burada paylaşayım belki işinize yarar. Tabi resimleri 125x125 ebatına getirmeniz gerekiyor..!




<!--http://www.sitekods.com/-->
<center><table border="1"><tr><td width="125" height="125" align="center">
<a href="http://www.blogradikal.com/" target="_blank"><img border="0" src="https://4.bp.blogspot.com/-gm64lpZ1OO0/V219uyb7wwI/AAAAAAAAAGE/klmV8S0M1kIhJOYFR8qif_GUr096aD3FACLcB/s1600/a.png" /></a>
<td width="125" height="125" align="center"> <a href="http://www.bannerekle.com/" target="_blank"><img border="0" src="https://1.bp.blogspot.com/-FcxD_HjuzBs/V219v1KUjdI/AAAAAAAAAGM/qkTkB4NO6zM7v3HBursqfL78sUf4VW_UACLcB/s1600/b.png" /></a>
</td></td></tr><tr>
<td width="125" height="125" align="center">
<a href="http://www.nesinespor.xyz/" target="_blank"><img border="0" src="https://1.bp.blogspot.com/-hCv4M_AlXb8/V219xEtnQaI/AAAAAAAAAGU/13cSZeaAcBcg1Y6rIXuY3gXfmakM_CX2ACLcB/s1600/c.png" /></a> </td>
<td width="125" height="125" align="center">
<a href="http://www.teketekozel.com/" target="_blank"><img border="0" src="https://1.bp.blogspot.com/-6vpVOHwoQIA/V219ycCyi7I/AAAAAAAAAGc/8SftfCAfokgKC7bs2I7-x7DhNlynBzAkgCLcB/s1600/d.png" /></a> </td></tr></table></center>
<!--http://www.sitekods.com/-->
               

Hiç yorum yok:

Yorum Gönder

Post Top Ad