.

20 Mar 2012

Popup şeklinde Facebook kutusu ve mail takip Eklentisi


Blogger , Facebook ve mail takip kutu eklentisi

Bu eklentimizde , ziyaretçileriniz blogunuza girdiğinde bir kereye mahsus popup açılır...Bu eklentimizle ziyaretçileriniz facebook sayfanızı beğenebilir ve sizi takip edebilir , ayrıca mail takip yoluyla sizi takip edebilirler..

Sizde Facebook ve mail takip kutu eklentisini kullanmak isterseniz aşağıdaki kodları kullanmanız yeterli..
<style>
    /* Jquery Facebook Likebox Popup Version 2.0 by MBT    MyBloggerTricks.com 
    */ 
    #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;} 
    #cboxOverlay{position:fixed; width:100%; height:100%;} 
    #cboxMiddleLeft, #cboxBottomLeft{clear:left;} 
    #cboxContent{position:relative;} 
    #cboxLoadedContent{overflow:auto;} 
    #cboxTitle{margin:0;} 
    #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;} 
    #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} 
    .cboxPhoto{float:left; margin:auto; border:0; display:block;} 
    .cboxIframe{width:100%; height:100%; display:block; border:0;} 
    /*

       User Style: 
       Change the following styles to modify the appearance of ColorBox.  They are 
       ordered & tabbed in a way that represents the nesting of the generated HTML. 
    */ 
    #cboxOverlay{background:#000;opacity:0.5 !important;} 
    #colorbox{ 
            box-shadow:0 0 15px rgba(0,0,0,0.4); 
           -moz-box-shadow:0 0 15px rgba(0,0,0,0.4); 
            -webkit-box-shadow:0 0 15px rgba(0,0,0,0.4); 
           } 
      
   #cboxTopLeft{width:14px; height:14px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXnkVqvp8-Fs20XGTVDv52kCS-cJBqFf5Hak2VbOobG9VizfjorroK4uV7FN9GGAgL2oH_haglWoS3VZnVZEJ8TOqPNhMLMwO47f_GrsT3vo1w0Fjt113fOBY5O_Mt-VrNXjY7xeZfO8w/s1600/controls.png) no-repeat 0 0;} 
#cboxTopCenter{height:14px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxcFNZwM5BtBEcf7brISjMjZwSrguzLkaq3xgzt2D0lGgynEC4mcNi7yy_pOfgpbxT09NBWx5wYRygBrN4_fBanv_BYTu83ZzlwLhhLd6_uIXVigWs84ae31XX7c1S0XxX58J_a7CC6DI/s400/border.png) repeat-x top left;} 
    #cboxTopRight{width:14px; height:14px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXnkVqvp8-Fs20XGTVDv52kCS-cJBqFf5Hak2VbOobG9VizfjorroK4uV7FN9GGAgL2oH_haglWoS3VZnVZEJ8TOqPNhMLMwO47f_GrsT3vo1w0Fjt113fOBY5O_Mt-VrNXjY7xeZfO8w/s1600/controls.png) no-repeat -36px 0;} 
    #cboxBottomLeft{width:14px; height:43px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXnkVqvp8-Fs20XGTVDv52kCS-cJBqFf5Hak2VbOobG9VizfjorroK4uV7FN9GGAgL2oH_haglWoS3VZnVZEJ8TOqPNhMLMwO47f_GrsT3vo1w0Fjt113fOBY5O_Mt-VrNXjY7xeZfO8w/s1600/controls.png) no-repeat 0 -32px;} 
    #cboxBottomCenter{height:43px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxcFNZwM5BtBEcf7brISjMjZwSrguzLkaq3xgzt2D0lGgynEC4mcNi7yy_pOfgpbxT09NBWx5wYRygBrN4_fBanv_BYTu83ZzlwLhhLd6_uIXVigWs84ae31XX7c1S0XxX58J_a7CC6DI/s400/border.png) repeat-x bottom left;} 
    #cboxBottomRight{width:14px; height:43px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXnkVqvp8-Fs20XGTVDv52kCS-cJBqFf5Hak2VbOobG9VizfjorroK4uV7FN9GGAgL2oH_haglWoS3VZnVZEJ8TOqPNhMLMwO47f_GrsT3vo1w0Fjt113fOBY5O_Mt-VrNXjY7xeZfO8w/s1600/controls.png) no-repeat -36px -32px;} 
    #cboxMiddleLeft{width:14px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXnkVqvp8-Fs20XGTVDv52kCS-cJBqFf5Hak2VbOobG9VizfjorroK4uV7FN9GGAgL2oH_haglWoS3VZnVZEJ8TOqPNhMLMwO47f_GrsT3vo1w0Fjt113fOBY5O_Mt-VrNXjY7xeZfO8w/s1600/controls.png) repeat-y -175px 0;} 
    #cboxMiddleRight{width:14px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXnkVqvp8-Fs20XGTVDv52kCS-cJBqFf5Hak2VbOobG9VizfjorroK4uV7FN9GGAgL2oH_haglWoS3VZnVZEJ8TOqPNhMLMwO47f_GrsT3vo1w0Fjt113fOBY5O_Mt-VrNXjY7xeZfO8w/s1600/controls.png) repeat-y -211px 0;} 
    #cboxContent{background:#fff; overflow:visible;} 
        #cboxLoadedContent{margin-bottom:5px;} 
        #cboxLoadingOverlay{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEig-3Wpa6A4V7RGebsu-atE4J_yJzdL14NJRG0iObpPr775sc6_uoep2zp_bAI89kSlsinrxr-b8nOUIfZFZ2wReTogi8k5C-XBurcI-g-KeTDHvRccdpfLnpwb2fUngTl-UKSHCLWxa8U/s400/loadingbackground.png) no-repeat center center;} 
        #cboxLoadingGraphic{https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiihy7hVyA39Zgwo0RuyfUpddqqdubLo9iH2ck4uMKgJh0veJFnn_gbT6xv_QGLpFBBqtkAs_bcSaNCsZ_MuqnvVuD697I09JCl-4ACY8WdRfz2hLk2qmdfD1zG7V-XgEcc_5ekgokJ-EA/s400/loading.gif) no-repeat center center;} 
        #cboxTitle{position:absolute; bottom:-25px; left:0; text-align:center; width:100%; font-weight:bold; color:#7C7C7C;} 
        #cboxCurrent{position:absolute; bottom:-25px; left:58px; font-weight:bold; color:#7C7C7C;} 
        #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{position:absolute; bottom:-29px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXnkVqvp8-Fs20XGTVDv52kCS-cJBqFf5Hak2VbOobG9VizfjorroK4uV7FN9GGAgL2oH_haglWoS3VZnVZEJ8TOqPNhMLMwO47f_GrsT3vo1w0Fjt113fOBY5O_Mt-VrNXjY7xeZfO8w/s1600/controls.png) no-repeat 0px 0px; width:23px; height:23px; text-indent:-9999px;} 
        #cboxPrevious{left:0px; background-position: -51px -25px;} 
        #cboxPrevious.hover{background-position:-51px 0px;} 
        #cboxNext{left:27px; background-position:-75px -25px;} 
        #cboxNext.hover{background-position:-75px 0px;} 
        #cboxClose{right:0; background-position:-100px -25px;} 
        #cboxClose.hover{background-position:-100px 0px;} 
        .cboxSlideshow_on #cboxSlideshow{background-position:-125px 0px; right:27px;} 
        .cboxSlideshow_on #cboxSlideshow.hover{background-position:-150px 0px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px; right:27px;} 
        .cboxSlideshow_off #cboxSlideshow.hover{background-position:-125px 0px;}
    /*-----------------------------------------------------------------------------------*/ 
    /*   Facebook Likebox popup For Blogger Version 2.0 
    /*-----------------------------------------------------------------------------------*/ 
    #subscribe { 
        font: 12px/1.2 Arial,Helvetica,san-serif; color:#666; 
    } 
    #subscribe a, 
    #subscribe a:hover, 
    #subscribe a:visited { 
        text-decoration:none; 
    } 
    .box-title { 
       color: #F66303; 
       font-size: 18px !important; 
       font-weight: bold; 
       margin: 10px 0; 
    border:1px solid #ddd; 
    -moz-border-radius:6px; 
    -webkit-border-radius:6px; 
    border-radius:6px; 
    box-shadow: 5px 5px 5px #CCCCCC; 
    padding:10px; 
    line-height:25px; font-family:arial !important; 
    }
 
    .box-tagline { 
       color: #999; 
       margin: 0; 
       text-align: center; 
    } 
    #subs-container { 
        padding: 35px 0 30px 0; 
        position: relative; 
    } 
    a:link, a:visited { 
    border:none; 
    } 
    .demo { 
    display:none; 
    }
 
/* ---------MBT Subscribe Form---------- */
    .box-title1 { 
    border:1px solid #ddd; 
    -moz-border-radius:6px; 
    -webkit-border-radius:6px; 
    border-radius:6px; 
    box-shadow: 5px 5px 5px #CCCCCC; 
        padding:10px; 
  margin: 10px 0; 
    }

    .enteryouremail{ 
background: #fff !important;
border: 1px solid #d2d2d2; 
padding: 0px 8px 0px 8px; 
color: #a19999; font-size: 12px; 
height: 25px; width: 165px; 
border-radius: 5px; 
-moz-border-radius: 5px; 
-webkit-border-radius: 5px; 
margin:0px; 
}
    .submitbutton{ 
background:#F66303; 
border: 1px solid #F66303; 
text-shadow: 1px 1px 1px #333; 
box-shadow: 3px 3px 3px #666; 
font:bold 12px Arial, sans-serif; 
color: #fff; 
height: 25px; 
padding: 0 12px 0 12px; 
margin: 0 0 0 5px; 
border-radius: 5px; 
-moz-border-radius: 5px; 
-webkit-border-radius: 5px; 
cursor:pointer;}
    </style>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js'></script> 
<script src="http://mybloggertricks.googlecode.com/files/jquery.colorbox-min.js"></script> 
<script type="text/javascript"> 
jQuery(document).ready(function(){ 
   if (document.cookie.indexOf('visited=true') == -1) { 
       var fifteenDays = 1000*60*60*24*30; 
       var expires = new Date((new Date()).valueOf() + fifteenDays); 
       document.cookie = "visited=true;expires=" + expires.toUTCString(); 
   $.colorbox({width:"400px", inline:true, href:"#subscribe"}); 
       } 
}); 
</script> 
  
  
        <div style='display:none'> 
       <div id='subscribe' style='padding:10px; background:#fff;'> 
            <h3 class="box-title">Beğen butonu ile bizi takip edebilirsiniz<center><p style="line-height:3px;" >▼</p></center></h3> 
          <center>
 
<iframe src="//www.facebook.com/plugins/likebox.php?href=http://www.facebook.com/pages/Belgesel-izle/182948901769329&amp;width=300&amp;colorscheme=light&amp;show_faces=true&amp;border_color=%23ffffff&amp;stream=false&amp;header=false&amp;height=258" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:300px; height:258px;" allowtransparency="true"></iframe>
</center> 
<div class="box-title1 ">
<center> 
<h3 style="color:#F66303;">Yazılarımız Mail adresinize gelsin</h3> 
    <form action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=xxxxxx', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><input gtbfieldid="10" class="enteryouremail" name="email" value="Enter your email here..." onblur="if (this.value == &#39;&#39;) {this.value = &#39;Enter your email here...&#39;;}" onfocus="if (this.value == &#39;Enter your email here...&#39;) {this.value = &#39;&#39;;}" type="text" /><input value="xxxxxx" name="uri" type="hidden" /><input value="Submit" class="submitbutton" type="submit" /></form>
</center> 
</div>
<!--Please Do not Remove the Credits --> 
    <p style=" float:right;  margin-right:35px;  font-size:9px;" ><a style=" font-size:9px; color:#3B78CD; text-decoration:none;" href="http://eklentileri.blogspot.com/">Blogger Eklentileri</a></p> 
    </div> 
    </div>
Yukarıdaki kodu blogunuzda ,yerleşim >> gadget ekle >> HTML/JavaScript şeklinde istediğiniz yere ekleyin, ardından yukarıdaki kod içinde kırmızı renkte geçen yerlere kendi facebook ve feedburner adreslerinizi yazınız..Mavi renkte olan yerleride düzenlemek isterseniz düzenleyebilirsiniz..

Eklentileri.blogspot.com Hakkında.


Blogumuz ilk yayınından bu güne , blogger eklentilerini , tüm blogger kullanıcılarına ulaştırmak için yayın yapmış , bu süre içinde hiç bir şekilde kar/gelir elde etmemiş , etmiyecektir..Lütfen desteklerinizi bizden esirgemeyin..

Bizi Facebook ve Twitter üzerinden de takip edebilirsiniz..

8 yorum:

muhasebe programı dedi ki...

eklenti güzelde kodları çok karışık olmuş :(

Eklentileri.Blogspot dedi ki...

kodlar biraz uzun ama , yapmanız gereken sadece kırmızı olan yerlere , facebook ve feedburner adresinizi yazmanız..bunun haricinde sıkıntı varsa yardımcı olayım isterseniz.

Ferhat Bayram dedi ki...

kaliba kodda hata var olmuyor

Eklentileri.Blogspot dedi ki...

@Ferhat Bayram ;

Şuan kontrol ettim , herhangi bir sıkıntı yok..burdan demosuna bakabilirsiniz >> http://eklentideneme.blogspot.com/

Ferhat Bayram dedi ki...

hmmm ben bi baska bloiguma ekledim oldu ama ferhatbayram.blogspot.com blogunda olmuyo nedenini anlamadim :/

Eklentileri.Blogspot dedi ki...

@Ferhat Bayram ;

Başka bir blogda daha denedim , sorun göremedim , temandan kaynaklı olabilirmi acaba diye düşünmeye başladım.

Ferhat Bayram dedi ki...

evet temadan kaynaklaniyor bende baska blogda denedim olsu :( temadaki sorun nerde cozemedim

Adsız dedi ki...

Çok sağol deniyom bu site harika

Yorum Gönder

Blogger tarafından desteklenmektedir.