Siteniz için Sosyal Kutular ( Twitter, Facebook, Google Plus )

socialbar

Daha geniş kitlelere ulaşmak isteyen blog yazarları için sosyal medya bulunmaz bir nimet.Bu yüzden çoğumuzun Facebook, Twitter ve Google+ gibi sosyal platformlarda hesabı var. Sosyal medyada takipçi sayımızı arttırdıkça okuyucu kitlemiz genişleyecek ve yazılarımız daha çok kişiye ulaşacaktır.Bu yüzden bloglar için sürekli sosyal medya eklentileri geliştiriliyor.

sabit-acilir-sosyal-kutular13

 

<!–social bar eklentisi–>
<div id=”fb-root”> </div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = “//connect.facebook.net/tr_TR/all.js#xfbml=1&appId=301914429916096″;
fjs.parentNode.insertBefore(js, fjs);
}(document, ‘script’, ‘facebook-jssdk’));</script>

<script src=”http://widgets.twimg.com/j/2/widget.js”></script>

<script>
if (typeof (jQuery) == ‘undefined’) {
//output the script (load it from google api)
document.write(“<scr” + “ipt type=”text/javascript” src=”http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js”></scr” + “ipt>”);
}
</script>
<style type=”text/css”>
.fblbCenterOuter *, .fblbReset * {
clear: none;
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
line-height: 18px;
}
.fblbCenterOuter {
position: fixed;
top: 0;
height:100%;
display:table;
vertical-align:middle;
z-index: 10000;
}
.fblbCenterInner {
position:relative;
vertical-align:middle;
display:table-cell;
}
/* Fixed top */
.fblbCenterOuter.fblbFixed {
position: fixed;
top: 0;
height: auto;
display: block;
vertical-align: top;
z-index: 10000;
}
.fblbFixed .fblbCenterInner {
}
.fblbWrap {
font-family: Arial, Helvetica, sans-serif;
text-align: left;
position: relative;
}
.fblbRight .fblbForm {
/* margin-left: 60px;*/
}
.fblbHead {
position: absolute;
z-index: 9999;
top: 50%;
display: block;
text-indent: -9999em;
overflow: hidden;
cursor: pointer;
}
.fblbForm {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.fblbInner {
min-height:150px;
position: relative;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.fblbHeader {
font-size: 12px;
line-height: 16px;
font-weight: bold;
margin-bottom: 15px;
text-transform: uppercase;
}
/*
.fblbInnerlight {
background: #fff;
}
.fblbInnerdark {
background: #333;
}
.fblbTheme0 .fblbForm {
background: #3b5998;
}
*/
/* Tabs */
.fblbCenterOuterFb.fblbRight .fblbTab7 .fblbHead {
width: 28px;
height: 90px;
background: url(https://lh4.googleusercontent.com/-HWSg3XpqQ-g/UDVXYDk-2sI/AAAAAAAADoU/L_ocmIpZIlY/s90/fb7-right.png);
}
.fblbCenterOuterTw.fblbRight .fblbTab7 .fblbHead {
width: 28px;
height: 90px;
background: url(https://lh6.googleusercontent.com/-RSOxWdI1Wog/UDVXa_w56mI/AAAAAAAADok/2ZSxBpiTLxo/s90/tw7-right.png);
}
.fblbCenterOuterGp.fblbRight .fblbTab7 .fblbHead {
width: 28px;
height: 90px;
background: url(https://lh4.googleusercontent.com/-M7DWykh3zsg/UDVXZ_T3l5I/AAAAAAAADoc/3IVAPxuPzKI/s90/gp7-right.png);
}
</style>
<script type=”text/javascript”>
//Setting_begin
var Fb_Url=‘www.facebook.com/pages/Bideneal/285463298233099?ref=hl’;
var Tw_Url=’bideneal‘;
var Gp_Url=‘https://plus.google.com/u/0/100792917573276983849/posts?tab=XX’;
var Tab_Style=7;
var Fix_Right=true;
var Fb_En=true;
var Tw_En=true;
var Gp_En=true;
//Setting_end

////Hidden widget to display as plugin
////and pre load media for not delay when user hover other image
document.write(‘<div style=”display:none”></div>’);
$(‘.bitp3pots-achor-hook’).parents(‘.widget’).each(function(){
$(this).children(‘h2’).remove();
$(this).attr(‘class’,’bitp3pots-plugin’);
$(this).attr(‘style’,’margin:0!important;padding:0!important;width:0!important;height:0!important;’);
});

var Tp_Fb = ‘<div style=”margin-top: 50px;  ‘+((Fix_Right) ? ‘right’:’left’)+’: -305px;z-index: 1000;”><div><div><div style=”background: #3b5998; height: 350px; width: 300px; padding: 5px 0 5px 5px”;”><h2 style=”margin-top: -175px; ‘+((Fix_Right) ? ‘right’:’left’)+’: 305px;”>Facebook</h2><div style=”background: #ffffff;”><div data-href=”‘+Fb_Url+'” data-width=”292″ data-height=”350″ data-show-faces=”true” data-stream=”false” data-header=”true”></div></div></div></div></div></div>’;
var Tp_Tw = ‘<div style=”margin-top: 250px;  ‘+((Fix_Right) ? ‘right’:’left’)+’: -305px;z-index: 1000;”><div><div><div style=”background: #33ccff; height: 400px; width: 300px; padding: 5px 0 5px 5px”;”><h2 style=”margin-top: -200px; ‘+((Fix_Right) ? ‘right’:’left’)+’: 305px;”>Twitter</h2><div><script>new TWTR.Widget({version: 2,type: ‘profile’,rpp: 3,interval: 30000,width: 300,height: 335,    theme: {shell: {background: ‘#33ccff’,color: ‘#ffffff’},tweets: {background: ‘#ffffff’,color: ‘#000000’,links: ‘#47a61e’}},features: {loop: false,live: false,scrollbar: true,avatars: true,behavior: ‘all’}}).render().setUser(”+Tw_Url+”).start();</script></div></div></div></div></div>’;
var Tp_Gp = ‘<div style=”margin-top: 150px;  ‘+((Fix_Right) ? ‘right’:’left’)+’: -305px;z-index: 1000;”><div><div><div style=”background: #000000; height: 150px; width: 300px; padding: 5px 0 5px 5px”;”><h2 style=”margin-top: -75px; ‘+((Fix_Right) ? ‘right’:’left’)+’: 305px;”>Google Plus</h2><div style=”background: #000000; height: 150px;”><link href=”‘+Gp_Url+'” rel=”publisher” /><script type=”text/javascript”>window.___gcfg = {lang: ‘en-US’};(function() {var po = document.createElement(“script”);po.type = “text/javascript”; po.async = true;po.src =”https://apis.google.com/js/plusone.js”;var s = document.getElementsByTagName(“script”)[0];s.parentNode.insertBefore(po, s);})();</script><div data-href=”‘+Gp_Url+'” data-size=”badge”></div><div style=”padding: 15px; overflow: auto; height: -16px;”></div></div></div></div></div></div>’;
var Tp_Main = ((Fb_En) ? Tp_Fb : ”) + ((Tw_En) ? Tp_Tw : ”) + ((Gp_En) ? Tp_Gp : ”);

document.write(Tp_Main);
</script>

<script type=”text/javascript”>
<!–
jQuery(document).ready(function(){
var fblbFbOrgRight=jQuery(‘.fblbCenterOuterFb’).css(‘right’);
var fblbFbOrgLeft=jQuery(‘.fblbCenterOuterFb’).css(‘left’);
jQuery(‘.fblbRight.fblbCenterOuterFb’).find(‘.fblbForm’).hover(
function(){
jQuery(this).parents(‘.fblbCenterOuterFb’).stop(true,false).animate({
right: -3
}, jQuery(‘.fblbLeft.fblbCenterOuterFb’).find(‘.fblbForm’).width());
},
function(){
jQuery(this).parents(‘.fblbCenterOuterFb’).stop(true,false).animate({
right: fblbFbOrgRight
}, jQuery(‘.fblbLeft.fblbCenterOuterFb’).find(‘.fblbForm’).width());
});
jQuery(‘.fblbLeft.fblbCenterOuterFb’).find(‘.fblbForm’).hover(
function(){
jQuery(this).parents(‘.fblbCenterOuterFb’).stop(true,false).animate({
left: -3
}, jQuery(‘.fblbLeft.fblbCenterOuterFb’).find(‘.fblbForm’).width());
},
function(){
jQuery(this).parents(‘.fblbCenterOuterFb’).stop(true,false).animate({
left: fblbFbOrgLeft
}, jQuery(‘.fblbLeft.fblbCenterOuterFb’).find(‘.fblbForm’).width());
});
var fblbTwOrgRight=jQuery(‘.fblbCenterOuterTw’).css(‘right’);
var fblbTwOrgLeft=jQuery(‘.fblbCenterOuterTw’).css(‘left’);
jQuery(‘.fblbRight.fblbCenterOuterTw’).find(‘.fblbForm’).hover(
function(){
jQuery(this).parents(‘.fblbCenterOuterTw’).stop(true,false).animate({
right: -3
}, jQuery(‘.fblbLeft.fblbCenterOuterTw’).find(‘.fblbForm’).width());
},
function(){
jQuery(this).parents(‘.fblbCenterOuterTw’).stop(true,false).animate({
right: fblbTwOrgRight
}, jQuery(‘.fblbLeft.fblbCenterOuterTw’).find(‘.fblbForm’).width());
});
jQuery(‘.fblbLeft.fblbCenterOuterTw’).find(‘.fblbForm’).hover(
function(){
jQuery(this).parents(‘.fblbCenterOuterTw’).stop(true,false).animate({
left: -3
}, jQuery(‘.fblbLeft.fblbCenterOuterTw’).find(‘.fblbForm’).width());
},
function(){
jQuery(this).parents(‘.fblbCenterOuterTw’).stop(true,false).animate({
left: fblbTwOrgLeft
}, jQuery(‘.fblbLeft.fblbCenterOuterTw’).find(‘.fblbForm’).width());
});

var fblbGpOrgRight=jQuery(‘.fblbCenterOuterGp’).css(‘right’);
var fblbGpOrgLeft=jQuery(‘.fblbCenterOuterGp’).css(‘left’);
jQuery(‘.fblbRight.fblbCenterOuterGp’).find(‘.fblbForm’).hover(
function(){
jQuery(this).parents(‘.fblbCenterOuterGp’).stop(true,false).animate({
right: -3
}, jQuery(‘.fblbLeft.fblbCenterOuterGp’).find(‘.fblbForm’).width());
},
function(){
jQuery(this).parents(‘.fblbCenterOuterGp’).stop(true,false).animate({
right: fblbGpOrgRight
}, jQuery(‘.fblbLeft.fblbCenterOuterGp’).find(‘.fblbForm’).width());
});
jQuery(‘.fblbLeft.fblbCenterOuterGp’).find(‘.fblbForm’).hover(
function(){
jQuery(this).parents(‘.fblbCenterOuterGp’).stop(true,false).animate({
left: -3
}, jQuery(‘.fblbLeft.fblbCenterOuterGp’).find(‘.fblbForm’).width());
},
function(){
jQuery(this).parents(‘.fblbCenterOuterGp’).stop(true,false).animate({
left: fblbGpOrgLeft
}, jQuery(‘.fblbLeft.fblbCenterOuterGp’).find(‘.fblbForm’).width());
});

// ===================
jQuery(‘.fblbCenterOuter’).find(‘.fblbForm’).hover(
function(){
//jQuery(‘.fblbCenterOuter’).not(jQuery(this).parents(‘.fblbCenterOuter’)).hide();
jQuery(‘.fblbCenterOuter’).not(jQuery(this).parents(‘.fblbCenterOuter’)).css(‘z-index’, parseInt(jQuery(‘.fblbCenterOuter’).not(jQuery(this).parents(‘.fblbCenterOuter’)).css(‘z-index’))-100);
},
function(){
//jQuery(‘.fblbCenterOuter’).not(jQuery(this).parents(‘.fblbCenterOuter’)).show();
jQuery(‘.fblbCenterOuter’).not(jQuery(this).parents(‘.fblbCenterOuter’)).css(‘z-index’, parseInt(jQuery(‘.fblbCenterOuter’).not(jQuery(this).parents(‘.fblbCenterOuter’)).css(‘z-index’))+100);
});
});
–>
</script>
<!–social bar eklentisi–>

 

yukarıda da kırmızı renkte gösterdiğim yerleri kendi bilgilerinizi giriniz.