Herkese merhaba. Bazılarımız için blog yazmak bir hobi olmanın yanı sıra geçim kaynağıda denebilir. Reklam kutusunu blogunuzda göstereceğiniz yeri dikkatli seçmeniz önemlidir. Bu yazımda blogger'da nasıl reklam kutusu oluşturulur sorusunu cevaplayacağım. Buna banner şeklinde reklam da deniliyor.
1. Adım
Tema > HTML'yi Düzenle yolunu takip ederek html düzenleyiciyi açın. CTRL+F komutunu kullanarak ]]></b:skin> kodunu bulun ve hemen üst satırına aşağıdaki kodu yapıştırın.
/* 4moblog banner */
.4moblog_banner {text-align: center;}
.4moblog_banner img {margin:0px 5px 5px 0px;padding:5px;text-align:center;border:1px solid #ddd;}
.4moblog_banner img:hover {border:1px solid #aaa}
.4moblog_banner img.noborder {border:0;}
2. Adım.4moblog_banner {text-align: center;}
.4moblog_banner img {margin:0px 5px 5px 0px;padding:5px;text-align:center;border:1px solid #ddd;}
.4moblog_banner img:hover {border:1px solid #aaa}
.4moblog_banner img.noborder {border:0;}
Yerleşim>Gadget Ekle>HTML/JavaScript ekleyin. Önünüze çıkan pencereye aşağıdaki kodları ekleyin.
<div class="4moblog_banner">
<a href="Site Adresi" title="Başlık"><img class="noborder" src="Resim Adresi" alt="Resim Alt" width="125" height="125" /></a>
<a href="Site Adresi" title="Başlık"><img class="noborder" src="Resim Adresi" alt="Resim Alt" width="125" height="125" /></a>
<a href="Site Adresi" title="Başlık"><img class="noborder" src="Resim Adresi" alt="Resim Alt" width="125" height="125" /></a>
<a href="Site Adresi" title="Başlık"><img class="noborder" src="Resim Adresi" alt="Resim Alt" width="125" height="125" /></a>
</div>
Yapmamız gerekenler sadece bunlardır. Blogger'da reklam kutusu oluşturmak hiçte zor değil sadece bir kaç basit koddan ibaret. Kendinizde bu örnekten yola çıkarak kendinize özgü, kendinizin yapmış olduğu reklam kutularını kullanabilirsiniz.<a href="Site Adresi" title="Başlık"><img class="noborder" src="Resim Adresi" alt="Resim Alt" width="125" height="125" /></a>
<a href="Site Adresi" title="Başlık"><img class="noborder" src="Resim Adresi" alt="Resim Alt" width="125" height="125" /></a>
<a href="Site Adresi" title="Başlık"><img class="noborder" src="Resim Adresi" alt="Resim Alt" width="125" height="125" /></a>
<a href="Site Adresi" title="Başlık"><img class="noborder" src="Resim Adresi" alt="Resim Alt" width="125" height="125" /></a>
</div>
Daha iyi bloglar için...
Blogger için Reklam Kutusu Oluşturmak
Reviewed by Mustafa Aydın
on
12/27/2017
Rating:
Hiç yorum yok: