Merhaba,
Arkadaşlar bildiğimiz üzere sitelere 120x600 boyutlarında reklamlar ekleniyor. Ben istiyorum ki bilgisayardan girildiğinde görülsün fakat mobilden girildiğinde mobil temam açıldığında bu reklam çıkmasın. Bunu yapmamızı sağlıyan bir kod varmıdır?
Mobil temam var.
Teşekkürler.
Sayfanın soluna sağına eklenen reklamın mobil de görünmemesi mümkünmü? |
7 Mesajlar | 1.120 Okunma | ||
- Üyelik 14.06.2013
- Yaş/Cinsiyet 36 / E
- Meslek -
- Konum İstanbul Anadolu
- Ad Soyad Ö** K**
- Mesajlar 173
- Beğeniler 37 / 34
- Ticaret 37, (%100)
- Üyelik 07.09.2012
- Yaş/Cinsiyet 36 / E
- Meslek ......
- Konum İstanbul Anadolu
- Ad Soyad ** **
- Mesajlar 513
- Beğeniler 61 / 83
- Ticaret 10, (%90)
Var tabi hocam. Tarayıcı çözünürlüğü düştüğünde reklamlarınız görünmeyecek. Responsive ile ilgili arama yapın.
- Üyelik 14.06.2013
- Yaş/Cinsiyet 36 / E
- Meslek -
- Konum İstanbul Anadolu
- Ad Soyad Ö** K**
- Mesajlar 173
- Beğeniler 37 / 34
- Ticaret 37, (%100)
Var tabi hocam. Tarayıcı çözünürlüğü düştüğünde reklamlarınız görünmeyecek. Responsive ile ilgili arama yapın.
Hocam çok fazla kod bilgim olmadığı için bana yardımcı olabilirseniz eğer çok sevinirim.
REKLAM KODU
kullandığım kod bu.
Responsive kodları aşağıdaki gibi
/* Smartphones (portrait) ----------- */
@media only screen
and (max-width : 320px) {
/* Styles */
}
kendi reklam kodum ile bu konu nasıl birleştireceğimi çok bilmiyorum.
Temamın kendisinde mobil tema mevcut dolayısı ile responsive sitede hali hazırda var.
Ne önerirsiniz acaba.
- Üyelik 27.12.2013
- Yaş/Cinsiyet 27 / E
- Meslek Yazılım Mühendisi
- Konum İstanbul Anadolu
- Ad Soyad E** O**
- Mesajlar 384
- Beğeniler 35 / 29
- Ticaret 3, (%67)
REKLAM KODU
kullandığım kod bu.
Responsive kodları aşağıdaki gibi
/* Smartphones (portrait) ----------- */
@media only screen
and (max-width : 320px) {
#soldasabit{visibility:hidden;}
}
Bu şekilde yap bakalım çalışacak mı?
- Üyelik 14.06.2013
- Yaş/Cinsiyet 36 / E
- Meslek -
- Konum İstanbul Anadolu
- Ad Soyad Ö** K**
- Mesajlar 173
- Beğeniler 37 / 34
- Ticaret 37, (%100)
emre hocam olmadı. yada ben doğru yere ekliyemedim. css dosyamdaki responsive ile ilgili bölümü aşağı yapiştiriyorum baya farkli telefonlara göre ölçüler ayrı ayrı yazılmış bilemedim hangisi.
/* Responsive
/*---------------------------------------------*/
@media screen and (max-width:960px) {
#page, .container { max-width: 100% }
img, embed {
max-width: 100%;
height: auto!important;
}
.ad-300 img { max-width: 100% }
.ad-125 li { max-width: 40% }
.footer-widgets #s, #sidebars #s { width: 68% }
.ad-125 img {
padding: 0;
background: #FAFAFA;
border: 0;
}
.footer-widgets #s, #sidebars #s { width: 81% }
.reply { margin-top: 0 }
}
@media screen and (max-width:900px) {
.widget-header { max-width: 70% }
nav #searchform { display: none }
}
@media screen and (max-width:865px) {
.secondary-navigation { width: 100% }
.main-navigation #navigation {
text-align: center;
border: none;
}
#navigation ul {
float: none;
display: inline-block;
}
.secondary-navigation {
padding: 5px 0;
background: none;
border-bottom: 0!important;
}
.js #navigation > ul { display: none }
.js #navigation select {
display: inline-block !important;
max-width: none;
padding: 7px 15px;
width: 98%;
color: #fff;
background: #303030;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
font-size: 12px;
border: 1px solid #000000;
margin: 0 1%;
}
}
@media screen and (max-width:760px) {
#header { margin: 0; border-left: 0; }
}
@media screen and (max-width:720px) {
.secondary-navigation a {
padding-top: 10px!important;
padding-bottom: 10px!important;
}
.article {
width: 100%;
border: none;
padding: 0;
}
.post.excerpt { margin-right: 4% }
#content_box {
padding-right: 0px;
padding-left: 0px!important;
border-right: none;
}
.sidebar.c-4-12 {
float: left;
width: 100%;
}
.f-widget { width: 44% }
.f-widget-2 { margin-right: 0 }
.ad-125 li { max-width: 45% }
.footer-widgets #s { width: 70% }
#comments { margin-right: 0 }
.flex-caption { display: none }
}
@media screen and (max-width:600px) {
.widget-header {
max-width: 94%;
float: none;
margin: 0 auto;
}
.featured-thumbnail img { width: 100% }
}
@media screen and (max-width:550px) {
.main-navigation { width: 100% }
.main-header #s { width: 85% }
.sbutton { float: right }
.f-widget { width: 95% }
footer #s { width: 65% }
.post.excerpt {
margin-right: 2.2%;
width: 48.8%;
}
#header h1, #header h2 { margin: 10px 0 10px 20px !important }
}
@media screen and (max-width:480px) {
#navigation {
margin-top: 0;
margin-bottom: 0;
}
.secondary-navigation {
width: 102%;
height: 35px;
}
.js #navigation select {
width: 96%;
margin-right: 0;
}
.related-posts li { width: 100% }
.post.excerpt { width: 98.8% }
}
@media screen and (max-width:400px) {
.main-header #s { width: 78% }
#commentform textarea { width: 90% }
}
@media screen and (max-width:300px) {
nav fieldset, .js #navigation select {
width: 100%;
float: left;
}
.main-header #s { width: 70% }
} 
- Üyelik 02.02.2016
- Yaş/Cinsiyet 38 / E
- Meslek öğretmen
- Konum Adıyaman
- Ad Soyad I** A**
- Mesajlar 24
- Beğeniler 3 / 0
- Ticaret 0, (%0)
arkadaşlar merhaba bu kodu yaptım ama olmadı bende masaüstünde gözüksün fakat mobilde gözükmesin istiyorum yardımcı olabilirseniz çok memnun olurum. ayrıca bu şekilde reklamları google adsense banlıyormu acaba bilgisi olan varmıdır. teşekkürler
- Üyelik 10.09.2013
- Yaş/Cinsiyet 38 / E
- Meslek webmaster
- Konum İzmir
- Ad Soyad Ç** T**
- Mesajlar 728
- Beğeniler 60 / 298
- Ticaret 1, (%100)
Öncelikle şunu belirlemen gerek gözükmesin mi yoksa hiç mi kodun içinde geçmesin. Çünkü eğer google reklamlarından bahsediyosak gözükmemesi yüzünden ceza yersin bunun yerine mobil cihazlarda hiç açılmaması için kod yazman gerekli, he yok adsense le işim olmaz diyosan arkadaşların dediği gibi yapabilirsin. konu adsense ise php kod ile mobil detect yapmalısın, mobil ise hiç kodu çalıştırma demelisin
Konu wordpress ise gerisi teferruattır!
http://wp-nasilyapilir.com/
http://wp-nasilyapilir.com/
Konuyu toplam 1 kişi okuyor. (0 kullanıcı ve 1 misafir)