AdSense reklamlarınızı sayfalarınıza yerleştirdiğiniz de arka plan ve diğer görsel unsurlar ile bunları süsleyerek daha çok tıklanma oranı elde edebileceğimizi birçok adsense kullanıcısı biliyor. Google AdSense panelinizden oluşturduğunuz reklamlarınızın belirli kalıplar dışına çıkılmasına izin verilmiyor. Arka plan rengi, yazı rengi gibi genel değişiklikler yapmanıza imkân veriyorlar. Tüm bunlar daha fazla sayıda tıklanma için bir çekicilik oluşturmuyor. Reklamların sayfanıza yerleşimi kadar onun sayfanın bir parçası gibi görünmesi ya da görünmemesi tüm bu tıklanma oranları değiştirebiliyor.
Tıklanma oranlarınızı arttırmak için biraz HTML ve CSS bilginizle daha çekici reklamlar hazırlayabilirsiniz. Şimdi sizler için farklı reklam seçeneklerini kolayca çekici hale getirebileceğiniz reklam görünümlerine yer vereceğiz.
CSS dosyalarınıza beğendiğiniz görünümün CSS kodlarını eklemelisiniz. AdSense kodlarınızı da HTML kodu içerisinde yerlere ekleyip sayfanıza yerleştirebilirsiniz. Boş şablon dosyalarını da indirmeyi unutmayın.
Full Banner Reklamlar
Siyah renkleri tercih edenler için hazırlanan reklam bannerı farklılığını hissettirecektir.
CSS Kodu:
#ad_code { width:520px; background:transparent url(resim/1a.jpg) left center no-repeat; padding:10px 0 10px 22px }
HTML Kodu:
Background Color: #333333
Border Color: #333333
Text Color: #FFFFFF
Link Color: #0099FF
URL Color: #CCCCCC
Gri tonlarının hakim olduğu sitelerde sıkça kullanılabilecek ve çerçeve dışındaki çizgilerle de kendini farklı gösteren reklam bannerını web sitelerinizde kolaylıkla kullanabilirsiniz.
CSS Kodu:
#ad_code { background:#FFFFFF url(resim/2a.jpg) center center no-repeat; text-align:center; padding:11px 10px 10px 9px; width:487px; }
HTML Kodu:
Background Color: #666666
Border Color: #666666
Text Color: #26AEED
Link Color: #FFFFFF
URL Color: #26AEED
Sıra dışı görüntüsüyle hafif turuncu renklerine sahip siteler tarafından tercih edilebilecek reklam uygulaması tıklanma oranlarınızı arttırabilir.
CSS Kodu:
#ad_code { background:#FFFFFF url(resim/3a.jpg) center center no-repeat; padding:25px 0; width:468px; text-align:left; }
HTML Kodu:
Background Color: #FFFFFF
Border Color: #FFFFFF
Text Color: #777777
Link Color: #282828
URL Color: #777777
Oval hatları tercih edenlerin web sitelerinde sıkça kullanabilecekleri adsense bannerı tam sizler için oluşturuldu.
CSS Kodu:
#ad_code { text-align:center; width:490px; padding:15px; background:transparent url(resim/4a.jpg) center center no-repeat; }
HTML Kodu:
Background Color: #333333
Border Color: #333333
Text Color: #FFFFFF
Link Color: #5C9CDD
URL Color: #CCCCCC
Lacivert ve mavi tonlarını tercih edenler için oval hatlara sahip reklam uygulaması sizi diğerlerinden farklı kılabilir.
CSS Kodu:
#ad_code { width:516px; text-align:center; background:#FFFFFF url(resim/5a.jpg) center center no-repeat; padding:35px 0; }
HTML Kodu:
Background Color: #003366
Border Color: #003366
Text Color: #666666
Link Color: #FFFFFF
URL Color: #666666
Hal Banner Reklamlar
Tasarımlarınızda her boşluğa kolayca yerleştirebileceğiniz reklamlar ile daha fazla gelir elde edebilirsiniz.
CSS Kodu:
#ad_code { background:transparent url(resim/6a.jpg) center center no-repeat; text-align:center; width:312px; padding:65px 0; }
HTML Kodu:
Background Color: #FF9933
Border Color: #FF9933
Text Color: #111111
Link Color: #FFFFFF
URL Color: #111111
Siyahın gizemliliğini ön plana çıkarak gelirlerinizi kat kat arttırabilirsiniz.
CSS Kodu:
#ad_code { background:#FFFFFF url(resim/7a.jpg) center center no-repeat; width:314px; text-align:center; padding:6px 45px 6px 35px; }
HTML Kodu:
Background Color: #333333
Border Color: #333333
Text Color: #999999
Link Color: #FFFFFF
URL Color: #999999
Mavi tonlarında web sitesine sahip olanlar tercih edebilecekleri bir reklam uygulamasıdır.
CSS Kodu:
#ad_code { width:260px; text-align:center; padding:10px 20px 20px 10px; background:transparent url(resim/8a.jpg) center center no-repeat; }
HTML Kodu:
Background Color: #5D8AC9
Border Color: #5D8AC9
Text Color: #CBE6A6
Link Color: #FFFFFF
URL Color: #CBE6A6
CSS Kodu:
#ad_code { width:253px; text-align:left; padding:16px 0 23px 5px; background:transparent url(resim/9a.jpg) center center no-repeat; }
HTML Kodu:
Background Color: #333333
Border Color: #333333
Text Color: #CCCCCC
Link Color: #FFFFFF
URL Color: #CCCCCC
Buton Reklamlar
Tasarımlarınızda reklamlarınıza sempatik bir görünüm kazandırmak sizin elinizde.
CSS Kodu:
#ad_code { background:#ffffff url(resim/10a.jpg) center center no-repeat; width:161px; height:161px; padding-top:20px; text-align:center; }
HTML Kodu:
Background Color: #FFCC33
Border Color: #FFCC33
Text Color: #333333
Link Color: #000000
URL Color: #333333
CSS Kodu:
#ad_code { background:#ffffff url(resim/11a.jpg) center center no-repeat; width:163px; height:166px; padding-top:15px; text-align:center; }
HTML Kodu:
Background Color: #333333
Border Color: #333333
Text Color: #888888
Link Color: #FFFFFF
URL Color: #888888
Sade bir görünüm isteyenler tercih edebilirler.
CSS Kodu:
#ad_code { text-align:center; padding:10px 0; background:transparent url(resim/12a.jpg) center no-repeat; width:182px; }
HTML Kodu:
Background Color: #FFFFFF
Border Color: #FFFFFF
Text Color: #666666
Link Color: #336699
URL Color: #666666
CSS Kodu:
#ad_code { background: #ffffff url(resim/13a.jpg) center center no-repeat; text-align:center; padding:3px 13px 13px 3px; width:138px; }
HTML Kodu:
Background Color: #FFFFFF
Border Color: #FFFFFF
Text Color: #038C03
Link Color: #038C03
URL Color: #038C03
Farklı ve sıra dışı görünümüyle dikkat çekiyor .
CSS Kodu:
#ad_code { background:#FFFFFF url(resim/14a.jpg) center center no-repeat; padding:65px 65px; text-align:center; width:200px; }
HTML Kodu:
Background Color: #333333
Border Color: #333333
Text Color: #FFFFFF
Link Color: #FFFFFF
URL Color: #FFFFFF
Large Rectangle Reklamlar
Reklamlarınızı kolayca sayfanıza ekleyebilir ve hoş bir not sayfası görünümü kazandırabilirsiniz.
CSS Kodu:
#ad_code { background:#FFFFFF url(resim/15a.jpg) center center no-repeat; text-align:center; padding:7px 15px 15px 7px; width:363px; }
HTML Kodu:
Background Color: #EEEEEE
Border Color: #EEEEEE
Text Color: #444444
Link Color: #000000
URL Color: #444444
Köşe yapılarıyla diğer geniş adsense uygulamalarından farklı bir görüntü oluşturabilirsiniz.
CSS Kodu:
#ad_code { background:#FFFFFF url(resim/16a.jpg) center center no-repeat; text-align:center; padding:9px 15px 18px 7px; width:363px; }
HTML Kodu:
Background Color: #28527B
Border Color: #28527B
Text Color: #EEEEEE
Link Color: #FFFFFF
URL Color: #EEEEEE
Leaderboard Reklamlar
Sade ve farklı bir görünüm tercih edenlerin seveceği bir reklam görünümüdür.
CSS Kodu:
#ad_code { width:765px; text-align:center; padding:30px 25px 30px 15px; background:transparent url(resim/17a.jpg) center center no-repeat; }
HTML Kodu:
Background Color: #FFFFFF
Border Color: #FFFFFF
Text Color: #555555
Link Color: #006699
URL Color: #444444
Çoğu tasarımınızda kolayca reklam farklılığı yaratabilirsiniz.
CSS Kodu:
#ad_code { width:750px; padding:10px; background:transparent url(resim/18a.jpg) center center no-repeat; text-align:center; }
HTML Kodu:
Background Color: #CCDEAF
Border Color: #CCDEAF
Text Color: #000000
Link Color: #1B5790
URL Color: #444444
Medium Rectangle Reklamlar
İç içe tablo görünümüyle diğer adsense reklamlarında farklı olarak dikkat çekiyor.
CSS Kodu:
#ad_code { background:transparent url(resim/19a.jpg) center center no-repeat; padding:15px; width:330px; text-align:center; }
HTML Kodu:
Background Color: #BCE27F
Border Color: #BCE27F
Text Color: #FFFFFF
Link Color: #111111
URL Color: #6A6A6A
SkyScraper Reklamlar
Gri reklam görünümlerinden vazgeçemeyenler tercih edebilirler.
CSS Kodu:
#ad_code { width:142px; background:#FFFFFF url(resim/20a.jpg) center center no-repeat; text-align:center; padding:11px 6px 19px 0; }
HTML Kodu:
Background Color: #CCCCCC
Border Color: #CCCCCC
Text Color: #333333
Link Color: #111111
URL Color: #333333
Kırmızının dikkat çekiciliğini daha güzel ve düzenli olarak ön plana çıkarıyor.
CSS Kodu:
#ad_code { width:140px; background:#FFFFFF url(resim/21a.jpg) center center no-repeat; text-align:center; padding:10px 8px 10px 0; }
HTML Kodu:
Background Color: #CD2424
Border Color: #CD2424
Text Color: #FFFFFF
Link Color: #FFEEAA
URL Color: #FFEEAA
Small Square Reklamlar
Tasarımlarınızın bir parçası gibi gösterebileceğiniz reklam uygulamalarından biri.
CSS Kodu:
#ad_code { background:#FFFFFF url(resim/22a.jpg) center center no-repeat; text-align:center; padding:30px; width:260px; }
HTML Kodu:
Background Color: #666666
Border Color: #666666
Text Color: #FFFFFF
Link Color: #FFFFFF
URL Color: #FFFFFF
Sempatik görünümüyle sizi farklı kılabilecek bir reklam uygulaması tam size göre.
CSS Kodu:
#ad_code { width:230px; padding:18px 15px; text-align:center; background:transparent url(resim/23a.jpg) center center no-repeat; }
HTML Kodu:
Background Color: #6DA6D1
Border Color: #6DA6D1
Text Color: #104570
Link Color: #000000
URL Color: #104570
:: SDN forumlarında reklamnızı seçin.
Yazan: Olcay Kük
SDN – http://shiftdelete.net
Güzelmiş.. sağolun bilgilendirme için..
Bunlar adsense ban sebebi olmaz mı? Çünkü Google’ın adsense kodlarıyla oynayan siteleri pek sevmediğini duymuştum…
google da inek 🙂
wow, ellerinize sağlık. E peki bunları kabul ediyor mu Google abey ?
önceden bir arkadaşım css ile ufak tefek değişiklikler yapmıştı ancak bişey olmamıştı.Bence abartmadıktan sonra bişey olmaz
Harika bir bilgi. Çok teşekkürler.
Bir de bu adsense sistemine kayıt için yapılması gereken şeklinde bir bilgi olacaktı ona nasıl ulaşabilirim?
Google kodlar ile oynanmis reklamlari pek sevmiyor.Eger turk iseniz bastan kaybetmisiniz demektir.Yapanlarin adsense hesabina Cenabi Allah`dan rahmet dilerim.
SDN Okuru Tarih: 2008-01-14 22:01:32
burdaki değişiklikler sadece css değişiklikleri google’in js kodlarıyla alakası yok..
kodları div içine ekliyosun divede style veriyosun..
Kullanmayın Ban Sebebi
Bakınız Google adsense kuralları 😀
Teşekkürler sdn
kodlarla oynanmıyor gördüğüm kadarıyla. kodların bulunduğu bölgenin arka plan düzeni yapılıyor. herkes temasına uygun olanı seçeceğinden google amca bunuda tema olarak algılar kanımca. bişi diceğini sanmıyorum.
Paylaşım için tşkler gerçekten çok işime yarıcak
iyi hoş da google bu işe ne diyor onu da bir açıklıga kavusturabilirdiniz. sonra css kodlarinda kullanilan image ları da download edilebilri bir dosya olarak yaziya ekleyebilirdiniz.
etsin artık yawf 😀
walla sizi bilmem ama ben deniyecem, kabul etmesede direk banlıo zaten, ordan anlayabilirsiniz 😀
Hit başına kaç cent veriliyor?
buna bişey demez google, merak etmeyin. bunu zaten yapabiliyorsunuz adsense yaratırken google ın kendi arayüzünden. ama burda güzel tasarımlar oluşturulup size sunulmuş. kullanın 🙂
gönül rahatlığıyla kullanabilirsiniz..
Evet kodlarla oynamayı google sevmiyor ben sitemde denemiştim ve beni banlamıştı işin açıkcası risk etmem.
Adsense kurallarına akırılığı yok demi??
-Bloggere nasıl uydurabiliriz??
Lütfen yardımcu olursanız çok sevinirim.