 |
| Blogger Eklentileri - Blogger Popup Facebook Beğen Kutusu |
Blogger Eklentileri ile bloglarınıza sabit bir izleyicisi kitlesi oluşturmanın en kolay yolu sosyal paylaşım sitelerinden yardım almak. Ülkemizde en çok kullanılan paylaşım sitelerinden biri Facebook. Facebook sayfanız sayesinde yeni kayıtlarınızdan takipçilerinizin haberdar olmasını sağlayabilirsiniz. Bu Blogger eklentisi ile sitenizi ziyaret eden kullanıcıları Facebook sayfanızı beğenmeye teşvik edebilirsiniz.
Blogger Eklentisi Kullanıcıyı Tanıyan Facebook Beğen Kutusu
Blogger Eklentimizin en önemli özelliği giren kişiyi algılayarak popup Facebook beğen kutusunu sürekli olarak sunmaması. Facebook sayfa beğenme kutusu aynı kullanıcıya sizin belirlediğiniz süre boyunca tekrar sunulmaz.Demosu sayfamda mevcuttur. İlk girdiğinizde sayfada sizin için bir Facebook beğen sayfamı beğen kutucu göstermişti. Sayfayı F5 tuşu ile yeniler iseniz aynı pencereyi bir daha görmeyeceksiniz. Bunun nedeni kodlar içerisinde yaptığım değişiklik. Şu anki kod haliyle bir ay boyunca tekrar popup penceresini görmeyeceksiniz. Blogger Eklentisi kodlarını değiştirerek bu süreyi kendinize göre kısaltabilirsiniz.
Blogger Eklentisini tam olarak açılırken değerlendiremeyenler İçin Görünüm :
 |
| Blogger Eklentileri - Blogger Popup Facebook Beğen Kutusu - ( Kullanıcıyı Tanıyan ) |
Blogger Eklentileri - Blogger Popup Facebook Beğen Kutusu Değişiklikleri
- Var fifteenDays = 1000*60*60*24*30; Bu kısımdaki sayısal 30 değeri Popup penceresinin aynı kullanıcıya kaç günde bir gösterileceğini belirler. Değer 30 ise aynı kullanıcıya sadece 30 günde bir gösterilir.
- www.facebook.com/BloggerDersleri : Bu kısmı ise kendi Facebook adresiniz ile değiştirmelisiniz.
Blogger Pop - Up Facebook Eklentisi Kodları
<style>
#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;}
#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/AVvXsEiUoDBb_qhFMFzykc69PSY9PNrPUratTGKTJV91PSz1umG38xwAI8GGifYf2IgDUPApIihJgSuTqxHuvWjC9WEYJzkIIAF8Kn5uT8SCHhOgAPVUXv1h1U6YJ5JVAdmy1kxg3mJoSVt0Yms/s1600/controls.png)
no-repeat 0 0;}
#cboxTopCenter{height:14px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgt6bL2VTOo-AP9EUYPZ3eoytzSdOm7IhOylYjumcV38fc4LCPGIxELhthItxBT-gQaxbX2ix69UApi2YTwFHV_1vBygaH_A7dF7CXd1gk2JB5MjQNXwx9Wd_qFDi14-yC6k7JLpXOvE5U/s400/border.png)
repeat-x top left;}
#cboxTopRight{width:14px; height:14px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUoDBb_qhFMFzykc69PSY9PNrPUratTGKTJV91PSz1umG38xwAI8GGifYf2IgDUPApIihJgSuTqxHuvWjC9WEYJzkIIAF8Kn5uT8SCHhOgAPVUXv1h1U6YJ5JVAdmy1kxg3mJoSVt0Yms/s1600/controls.png)
no-repeat -36px 0;}
#cboxBottomLeft{width:14px; height:43px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUoDBb_qhFMFzykc69PSY9PNrPUratTGKTJV91PSz1umG38xwAI8GGifYf2IgDUPApIihJgSuTqxHuvWjC9WEYJzkIIAF8Kn5uT8SCHhOgAPVUXv1h1U6YJ5JVAdmy1kxg3mJoSVt0Yms/s1600/controls.png)
no-repeat 0 -32px;}
#cboxBottomCenter{height:43px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgt6bL2VTOo-AP9EUYPZ3eoytzSdOm7IhOylYjumcV38fc4LCPGIxELhthItxBT-gQaxbX2ix69UApi2YTwFHV_1vBygaH_A7dF7CXd1gk2JB5MjQNXwx9Wd_qFDi14-yC6k7JLpXOvE5U/s400/border.png)
repeat-x bottom left;}
#cboxBottomRight{width:14px; height:43px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUoDBb_qhFMFzykc69PSY9PNrPUratTGKTJV91PSz1umG38xwAI8GGifYf2IgDUPApIihJgSuTqxHuvWjC9WEYJzkIIAF8Kn5uT8SCHhOgAPVUXv1h1U6YJ5JVAdmy1kxg3mJoSVt0Yms/s1600/controls.png)
no-repeat -36px -32px;}
#cboxMiddleLeft{width:14px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUoDBb_qhFMFzykc69PSY9PNrPUratTGKTJV91PSz1umG38xwAI8GGifYf2IgDUPApIihJgSuTqxHuvWjC9WEYJzkIIAF8Kn5uT8SCHhOgAPVUXv1h1U6YJ5JVAdmy1kxg3mJoSVt0Yms/s1600/controls.png)
repeat-y -175px 0;}
#cboxMiddleRight{width:14px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUoDBb_qhFMFzykc69PSY9PNrPUratTGKTJV91PSz1umG38xwAI8GGifYf2IgDUPApIihJgSuTqxHuvWjC9WEYJzkIIAF8Kn5uT8SCHhOgAPVUXv1h1U6YJ5JVAdmy1kxg3mJoSVt0Yms/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/AVvXsEjZN1jP1QN05KTRM6mm-pu1895ylwj4xTm5hsKSEey775aNWuiJHHCOAoI_riv6cdsE-Py0_fWz4Y7YUyuLdM6aiWBACD9aPRJtJqU9732JS0Ck6tIT0KlJoqA1ue4iYHglO4Px-KzmAiU/s400/loadingbackground.png)
no-repeat center center;}
#cboxLoadingGraphic{https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTMHKiReH455sowSgPI8nRRAHRUH-_8rvfBcfpeTcjU4WInEQp_8seJSWOUZZu_-C3Npu5WKvYE37o87fh-hETbMqtkE4SqeSHvcpaBztR1yQq2UmxgZG3mEwaFRjb5v1Xpikd2AUPqOg/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/AVvXsEiUoDBb_qhFMFzykc69PSY9PNrPUratTGKTJV91PSz1umG38xwAI8GGifYf2IgDUPApIihJgSuTqxHuvWjC9WEYJzkIIAF8Kn5uT8SCHhOgAPVUXv1h1U6YJ5JVAdmy1kxg3mJoSVt0Yms/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;}
#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;
}
.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://dl.dropbox.com/u/60346665/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>
<br />
<div style="display: none;">
<div id="subscribe" style="background:
#fff; padding: 10px;">
<h3 class="box-title">
Facebook Sayfamızı Beğenin<center>
<div style="line-height: 3px;">
▼</div>
</center>
</h3>
<center>
<iframe allowtransparency="true"
src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com/BloggerDersleri&width=300&colorscheme=light&show_faces=true&border_color=%23ffffff&stream=false&header=false&height=258"
frameborder="0" scrolling="no" style="border: none;
height: 258px; overflow: hidden; width: 300px;"></iframe>
</center>
<p style=" float:right; margin-right:35px; font-size:9px;" >Powered By <a style=" font-size:9px; color:#3B78CD; text-decoration:none;" href="http://www.bloggerdersleri.com/">Blogger Eklentileri</a></p>
</div>
</div>
Yorum Gönder