Blogger Reklam Kutusu Oluşturma

15.5.17
Blogger Reklam Kutusu Oluşturma

Blogger Reklam Kutusu Oluşturma - Blogcular reklam yayınlayarak gelirlerini artırmak için blog reklam kutusu oluşturma ile iligi bilgiler paylaşacağım. Blogcular için makale yazmak artık bir hobi oldu. Makalelerini yayınlarken bir yandan da gelir sağlamaya çalışıyorlar. Birçok blogcu için geçim kaynağı haline gelen bloglar şimdilerde daha popüler. Bu vesileyle blogcular daha fazla reklam yayınlayarak para kazanmak istiyor.

Blogunuzda oluşturduğunuz reklamlanlarının daha düzenli görünen ziyaretçilerin ilgisini çekebilecek afiş reklamları yayınlayabilirsiniz. Blogunuzda daha az yer kaplayan bir reklam kutusu oluşturmak için aşağıdaki adımları takip edin.

Blog Reklam Kutusu Oluşturma


Reklam kutuları ile bloglarda hem birden fazla reklam yayınlayarak daha fazla gelir sağlayabilir hem de blogunuzun daha düzenli ve ilgi çekici hale getirebilirsiniz.

1- Blogger hesabınıza giriş yapın ve blogunuzun kumanda panelinden Tema > HTML'i Düzenle yolunu takip ederek blogunuzun şablon kodları sayfasını açın. Aşağıdaki CSS kodlarını (kodları bulmak için CTRL+F tuşlarını kullanabilirsiniz) ]]></b:skin> veya </style> kodunun bir satır üzerine ekleyin ve şablonu kaydedin.

.ads_box {text-align: center;}
.ads_box  img {margin:0px 5px 5px 0px;padding:5px;text-align:center;border:1px solid #eee;}
.ads_box  img:hover {border:1px solid #ddd}
.ads_box  img.no-limit {border:0;}

2- Blogunuzun kumanda panelinden Yerleşim menüsüne gelerek Gadget Ekle > HTML/javaScript ile bir widget oluşturun ve aşağıdaki HTML kodları widget içerisine ekleyin ve kaydedin. Blog reklam kusutu hazır.

<div class="ads_box">
<a href="reklam bağlantı adresi" title="reklam başlığı"><img class="no-limit" src="resim URL" alt="resim etiketi" width="125" height="125" /></a>
<a href="reklam bağlantı adresi" title="reklam başlığı"><img class="no-limit" src="resim URL" alt="resim etiketi" width="125" height="125" /></a>
<a href="reklam bağlantı adresi" title="reklam başlığı"><img class="no-limit" src="resim URL" alt="resim etiketi" width="125" height="125" /></a> 
<a href="reklam bağlantı adresi" title="reklam başlığı"><img class="no-limit" src="resim URL" alt="resim etiketi" width="125" height="125" /></a> 
</div>

Blog Reklam Kutusu Düzenleme

Yukarıdaki HTML kod içerisinde işaretli alanlarını açıklamalara uygun olarak istediğiniz gibi düzenleyebilirsiniz. Reklam kutusu mobil cihazlar ile de uyumludur, bunun için herhangi bir kod fazladan eklemenize gerek yoktur. Basit ve kullanışlı reklam kutusu oluşturmayı sizlerle paylaştık, bizi takip etmeye devam edin.

Yorum Gönder