27 Haziran 2012 Çarşamba

Sayfayı Kaydırınca Açılan Mesaj Kutusu

12 yorum

Okuyucularınıza bir duyuru yapmak veya onları bir aksiyona davet etmek için uyarı kutuları ve çubukları çok faydalıdır.Daha önce bu amaçla kullanabileceğiniz 3 farklı eklenti paylaşmıştım.Bunlar:

Hepsini birbirinden farklı özellikleri vardı.Bu yazıda paylaşacağım mesaj kutusunun da bambaşka özellikleri var.Bunlrdan kısaxa bahsedecek olursam;

 

Sayfayı Kaydırınca Açılan Mesaj Kutusu

 

Farenin tekerleği veya sayfadaki kaydırma çubuğu ile sayfayı aşağıya doğru kaydırmaya başladıktan sonra bu mesaj kutusu sayfanın belirlediğiniz yerinde otomatik olarak açılıyor.Sayfayı tekrara yukarıya çıkardığınızda mesaj kutusu tekrar kapanıyor.Blogunuzda sayfalar arasında dolaşırken mesaj kutusunun tekrar gözükmesini istemeyenler için de kapatma seçeneği mevcut.Daha iyi anlamak için aşağıdaki videoyu izleyebilirsiniz.

 

 

Eklentiyi blogunuza eklemek için aşağıdaki kodları HTML/JavaScript gadget olarak eklemeniz yeterli.

 

<script type="text/javascript" src="http://yourjavascript.com/34145129629/sayfayi-kaydirinca-acilan-mesaj-kutusu.js"></script>
<div style="position:fixed; width:342px; overflow:hidden; bottom:20px;
right:10px; display:none;
background:#000; -moz-border-radius:15px; -webkit-border-radius:15px;
border-radius:15px; border:2px solid #111111;" id="fbslidebox">
<div style="width:320px; padding:10px; margin:0 auto; overflow:hidden;">
<a href="#" style="float:right; color:#999; padding:0 3px;
border:1px solid #CCC; text-decoration:none; font-size:9px; font-family:Verdana, Geneva, sans-serif;" id="fbcloseslidebox">X</a>
<strong style="color:#66ad3d;">Buraya mesajınızı yazın. </strong>
</div></div>

 

Kırmızı renkle gösterdiğim yere kutuda gözükmesini istediğiniz mesajı yazın.

12 yorum:

  1. Bu yorum yazar tarafından silindi.

    YanıtlaSil
  2. strong style="color:#66ad3d; yazan yerdeki #66aad3d yerine istediğiniz renk kodunu yazabilirsiniz.

    YanıtlaSil
  3. Serkan Yıldırım3 Temmuz 2012 11:23

    Hocam iletişim kısmında da yazdım size. Ama burada görünce burada ad sormak istiyorum.

    Kullanmış olduğunuz javascript kodlarına nasıl ulaşabiliriz. Mesela; https://dl.dropbox.com/u/60346665/sayfayi-kaydirinca-acilan-mesaj-kutusu.js" buraya yüklemiş olduğunuz kodlara nasıl ulaşabiliriz ya da buraya bu kodları nasıl yüklüyoruz anlatabilir misiniz?

    YanıtlaSil
  4. Paşam bu kodu ekliyorum fakat bloğun temasının altında çıkıyor mesala mausla aşşağıya doğru inerken paylaşımların bittiği son noktada çıkıyor yani temanın altında kalıyor bu sorunu nasıl çözerim bu arada paylaşımlarınız bir harika çok teşekkür ederim .

    YanıtlaSil
  5. bende denedim cok güzel oldu

    YanıtlaSil
  6. Sağolasın Blog Hocam. Çok işime yaradı.

    YanıtlaSil
  7. bunları tumblr bloglarına nasıl ekleyebiliriz hocam?onlarda nasıl eklenir bilmiyorum

    YanıtlaSil
  8. @Ozan Cemal Gökoğlu
    Üzgünüm, ben de bilmiyorum.

    YanıtlaSil
  9. Renk kodlarını değiştim, benimki daha güzel oldu:))

    Emekleriniz ve bilgilendirmeleriniz için teşekkürler. Selam ile

    YanıtlaSil
  10. hocam ben mesaji yazdim fakat oraya tiklayinca sitemde bir yere yonlendirmek istiyorum. yardim edersen cok iyi olur, simdiden tesekkurler

    YanıtlaSil
  11. @Ustura Kemal
    Mesajınızı yazın dediğim yere şuna benzer bir html kod ekleyebilirsiniz
    <a href="http://">Buraya mesaj</a>

    YanıtlaSil
  12. hocam kodda bir problem var. Açılan duyuru panosu gadgetlerin altında kalıyor.

    YanıtlaSil

Picardes

LİNKLER