Sayfa Yüklendikten Sonra Açılan Popup

Konu Ağu 2, 2011 te İnternet, Makaleler Kategorisinde MilaT Tarafından Yazılmıştır. 89 Yorum Yapılmıs

Sayfa Yüklendikten Sonra Açılan Popup

Sayfa açılışı tamamlandıktan sonra her ziyaretçiye bir kere açılan cookieli lightbox popup açtıralım Demo Olarak kendi Sitemde Görüyorsunuz. Resim Olarakta en altta görebilirsiniz.

WordPress Kullanıyorsanız Kendim yazdığım eklentiyi kullanabilirsiniz

1. Olarak alttaki Kodları sitemizin <head> BURAYA </head> tagları arasına yerleştirelim.

<script type="text/javascript" src="js/jquery-1.5.1.min.js"></script>
<link type="text/css" href="js/basic.css" rel="stylesheet" media="screen" />
<!--[if lt IE 7]>
<link type="text/css" href="js/basic_ie.css" rel="stylesheet" media="screen" />
<![endif]-->
<link type="text/css" href="js/gg_fb.css" rel="stylesheet" media="screen" />
<script type="text/javascript" src="js/jquery.simplemodal.1.4.1.min.js"></script>

2. olarak alttaki kodları <body> BURAYA </body> tagları arasında her hangi bir yere yapıştırabilirsiniz

<script type="text/javascript">
if(GetCookie('cerez') !== 'milat' )
{
jQuery(document).ready( function() {  // sayfa yüklenince popup açması gerektiğini söyledik
jQuery('.gg-fb').modal({minWidth:"600", overlayClose: true , escClose : false });
// Açılacak en küçük genişliğin 600px olacağını ve 'gg-fb' divini açmasını belirttik
// Siyah alana tıklayınca kapanmasın diyorsak overlayClose : false yapmalıyız.Açmak ifin true olmalı
// Esc tuşuna basınca kapanmasın diyorsak escClose : false yapmalıyız.Açmak ifin true olmalı
SetCookie('cerez','milat',1);   // cerez oluşturduk her ziyaretçiye bir kere açılması için
});
}
</script>
<div style="display: none;">
<div class="gg-fb"><img src="js/yorum_yaz.png" alt="" width="600" height="320" />
</div>
</div>

Eğer siz Farklı Birsey Yazmak istiyorsanız <div class=”gg-fb”> BURASI </div> Değiştirmeniz gerekmekterdir..

BURDAKİ yazımda ise ligthbox’un kendi belirleyeceğimiz sürede otomatik olarak kapanmasını söyleyen yazımızı okuyabilirsiniz

dosyayı indir

Etiketler : cookieli lightbox popup, Cookie’li popup uygulaması, her ziyaretçiye bir kere açılan popup, Jquery ile popup açma, jquery otomatik lightbox, jquery uygulamaları, otomatik popup, sayfa yüklenirken otomatik açılan lightbox, Site Açılınca otomatik açılan Lightbox, Site Açılınca Otomatik Lightbox Pop-up Açmak, Siteye Açılışta Lightbox ekleme

Populer Yazılar Benzer Yazılar

Yorumlar (89)

Kemal Ara 1 2011 - 17:57 Cevapla
s.a hocam sitenizdeki demo ve download tarzı buttonları nasıl yapıyorsunuz?
gerçekten hoş olmuş bu konuda yardımcı olabilirmisiniz
Pingback: Wordpress Otomatik Popup Eklentisi | MilaT
Emre Ara 16 2011 - 15:48 Cevapla
hocam vermiş olduğunuz klasörün için deki js klasörünü ana dizine mi yükleyeceğiz.
- MilaT Ara 16 2011 - 16:54 Cevapla
  Evet ana dizine yükleyeceksiniz ( js yolunu site adresiyle birlikte istediğiniz gibi yazdıktan sonra nereye isterseniz yükleyebilirsiniz )
Seyit Ara 30 2011 - 15:25 Cevapla
Çok faydalı oldu hocam teşekkürler ancak bi sorum olacak bunun belli bir süre sonra kapanmasını nasıl aktif edebiliriz?
- MilaT Ara 30 2011 - 17:00 Cevapla
  Rica ederim iyi kullanımlar
  Buradaki yazımda belirttim.
  Tıklayıp Okuyabilirsiniz
ket Oca 1 2012 - 11:30 Cevapla
scriptimde head tagı yoksa ne yapacam ve body tagı ?
- MilaT Oca 1 2012 - 12:00 Cevapla
  Mutlaka olması gereken birşeydir bu eğer yoksa hatalı kodlanmış demektir.Yoksa bile herhangi bir yere yazmanız yeterli olacaktır.
  - ali Oca 6 2012 - 21:10 Cevapla
    hayır olmadı herhangi bir yere yapıştırdım çalışmadı kod
    - MilaT Oca 6 2012 - 22:59 Cevapla
      Birde burdaki üstünde deneyin isterseniz kaynak kodlarından dosyaları alabilirsiniz yine yapamazsanız.Sitenizin adresini gönderin size yardımcı olayım.
      Burdan İnceleyin
      - ali Oca 9 2012 - 19:51
        çok teşekkür ederim çalışıyor tekrar teşekkürler
ali Oca 1 2012 - 12:14 Cevapla
benimde kullandığım bi popup var ama sizin popup şekliniz daha güzel o kenarları nasıl yaptınız bunu nasıl benimkine uygulayabilirim ?
- ali Oca 1 2012 - 12:17 Cevapla
  yani popupun şeklini nereden değiştiririz bazı sitelerde bulut gibi mesale
- MilaT Oca 1 2012 - 12:47 Cevapla
  Css bilginiz varsa eğer css dosyasında border kısımlarını ayarlamanız yeterli olacaktır
  - ali Oca 1 2012 - 14:40 Cevapla
    popup şeklinin nasıl değişeceğine dair bir anlatım yapacakmısınız ? yapsanız çok güzel olur
    - MilaT Oca 2 2012 - 22:15 Cevapla
      Şu aralar çok yoğun oluyorum anlatım yapmak yerine bana adresi gönderseniz ben size göre düzenleyip vermem daha kolay olacaktır benim için
ahmet Oca 2 2012 - 13:39 Cevapla
popupda swf açma koydum popupu kapayınca swf kapanmıyo şarkısı hala çalıyor bunu nasıl kaparız tam olarak
- MilaT Oca 2 2012 - 22:23 Cevapla
  Kendim deneme yaptım bir problemle karşılaşmadım örnek kullanımım aşağıdaki gibiydi
  Not: ht tp:// arasındaki boşluğu kaldırın
```
<div style="display:none;"><div class="gg-fb"><embed quality="high" height="600" width="600" src="dosya.swf" pluginspage="ht tp://www.macromedia.com/go/getflashplayer"></embed><div class="fb-div"></div></div></div>
```
  - ahmet Oca 4 2012 - 15:42 Cevapla
    çalışmıyor. benim kullandığım kod şu müzik çalıyor fakat popupu kapatınca ses kapanmıyo
ahmet27 Oca 19 2012 - 23:45 Cevapla
Selam,bu uygulama bütün sayfalarda çıkıyor bu da ziyaretçiler açısından belki sıkıntı yaratabilir.AyarlarındaN yapılabilirmi acaba sadece anasayfada çıkması için?
- MilaT Oca 20 2012 - 00:28 Cevapla
  Bir yerde yanlışlık vardır diye tahmin ediyorum zira uygulama çerez mantığıyla çalışıyor her ziyaretçiye istediğiniz sürede açılmasını sağlıyorsunuz.Yani bir kişiye görünen popup bir daha görünmez yinede görünüyor diyorsanız.Sadece görünmesini istediğiniz yere kodları yerleştirmeniz yeterli olur ( index.php,home.php gibi dosyalara )
remzi Oca 30 2012 - 11:19 Cevapla
Oldukça başarılı kendi bloğumda kullanıyorum.www.turkeyhostonline.com
- MilaT Oca 30 2012 - 11:42 Cevapla
  Teşekkür ederim bugun yeni versiyonunu yayınlamayı düşünüyorum onu daha çok beğeneceğinizden eminim
hasan serhan ekinci Şub 3 2012 - 14:37 Cevapla
HOCAM BU JAVASCRİPT KÜTÜPHANELERİNİ İNDİRMEMİZ GEREKİYOR MU.. BENİM JS DOSYAMDA JQUERY 1.7.1 VAR .. TAM OLARAK HANGİ KÜTÜPHANELERİ İNDİRMEMİZ GEREKİYOR VE JS DOSYAMIZA ATMAMIZ GEREKİYOR
hasan serhan ekinci Şub 3 2012 - 15:00 Cevapla
css dosyalarını nereden edinebilirim.
- MilaT Şub 3 2012 - 15:44 Cevapla
  Konuyu okuduysanız dosyaları indir diye buton var paylaştım zaten dosyaları js ve css dosyaları içinde mevcut iyi kullanımlar
Sinan Şub 5 2012 - 14:09 Cevapla
Hocam öncelikle paylaşım için teşekkürler çok faydalı bir paylaşım olduğunu rahatlıkla söyleyebilirim. Bu uygulamadaki index.html dosyasını kendi ana dizinimdeki index.php dosyasına yönlendirdim. Ve pop-up çalışmakmakta. Fakat arkaplanda sitem gözükmemekte. Yani transparent yok. Bu hatayı nasıl düzeltebiliriz acaba?
- MilaT Şub 5 2012 - 14:41 Cevapla
  Sitenizi inceledim çözümüne geçelim ilk olarak birinci bölümdeki js dosyalarını en başa yazmışsınız bunu head kapanış tagından önceki yere alın yani son olarak bu kodlama olsun ikinci olarak jquery.1.5.1 sürümü zaten sisteminizde var bunu tekrar çağırmanıza gerek yok o şekilde çalışaaktır iyi kullanımlar
Fatih Şub 11 2012 - 20:32 Cevapla
Merhaba kolay gelsin.. Öncelikli olarak yazılımınız çok başarılı.. ellerinize sağlık.. ben bişey sorucam.. Çerek koruması var programda ama ben her açılışıta görülsün istiyorum koyacağım yazı veya resmin.. bunun için nasıl bir yol izlemem gerekiyor..
- MilaT Şub 11 2012 - 22:13 Cevapla
  Rica ederim beğenmenize sevindim
  Cevap : Aşağıdaki kodu silerseniz her seferinde çalışır.
```
SetCookie('cerez','milat',1);
```
tahsin berk Şub 15 2012 - 10:52 Cevapla
Elinize Sağlık Beyler !
- MilaT Şub 15 2012 - 11:04 Cevapla
  Rica ederim iyi kullanımlar
orhan Şub 15 2012 - 17:19 Cevapla
arkadaşım eline sağlık gördüğüm en basit yöntemdi. aradığım şeyi sitede buldum
- MilaT Şub 15 2012 - 21:45 Cevapla
  Rica ederim beğenmenize ve kullanmanıza sevindim
  - orhan Şub 21 2012 - 22:32 Cevapla
    kardeşim geçen teşekür etmiştim fakat bi sorunum var. arka planın transparanlığını artırmam lazım js dosyalarına baktım fakat bulamadım bir bilgin var mı çok acil lazım