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/-->
               

Paylaş:

Site:

Blog Radikal'de ki tüm yazılar sitemize aittir. Kaynak linki vererek bir kısmı veya tamamını kullanabilirsiniz. Sitemizde ki Fotoğraflar da çoğu kendi çekimimiz veya ücretsiz kullanılabilir sitelerden seçilmektedir. Tüm Hakları Saklıdır..!

Previous Post
Next Post