Blogger Facebook Sosyal Paylaş eklentileri 4 Stil

















Blogger icin facebook sosyal paylaş eklentileri   
Birbirinden degişik, sosyal paylaş eklentileri bloggunuzun sosyal aglar'da daha cok ziyaretci. Kazanmak acısından sizlere, büyük katkısı olcakdır. yeni okucuylar yeni ziyaretcilerin sizleri sosyal Aglarda takip, etmesi bloggunuzu sosyal aglarda paylaşması, sizlere yeni ziyaretciler kazandırcakdır. Özellikle yeni bloggucuların. sosyal aglarda ziyaretci kazanmak acısından, bloggunda kulanması Bloggu acısından iyi olcakdır. bloggunun sosyal medyada tanınmasında, daha cok okuyucu kazanması İcin. bu eklentileri kulanmanızı öneririm.

Stil 1
blogger sagdan acılan facebook eklentisi
Sagdan Acılan Facebook Eklentisi Blogguma Nasıl Uygularım? 

1 Adım : Blogger  sayfanızı acın. Kontrol Paneli>Tasarım>Htmlyi Düzenle yolunu izleyin. kodlar icersinde Ctrl+F yardımıyla aratıp </head> kodunu bulun. Aşagıda sizlere vercegim kodu </head>  kodu öncesine yapışdırın ve kaydet diyip cıkın.

Not : Bazı şablonlardan kaynaklı javascript kodu calışmakmatadır. eyer sagdan acılan facebook eklentisi. hareket etmezse. </head> kodu öncesi ekledigimiz  kodu geri alıp. ]]></b:skin>  kodunu bulup onun altına ekleyiniz calışcakdır.

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'/>

<script type="text/javascript"> 
//<!-- 
$(document).ready(function() {$(".w2bslikebox").hover(function() {$(this).stop().animate({right: "0"}, "medium");}, function() {$(this).stop().animate({right: "-250"}, "medium");}, 500);}); 
//--> 
</script> 
<style type="text/css"> 
.w2bslikebox{background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLEyIiA5p1RYxC7LlpGc7R3jfju1KoCRt13Kbi_LkqHSRzMsyEFaPlYjiwDbyy5sO5Q6KzszfcWrv4wVPh73zzplZlWcjeS-3qXCce2dxOcK8aSy9sz7yiwMhE2kSJqg_wElXZANYPVMHC/s150/w2b_facebookbadge.pn") no-repeat scroll left center transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 46px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:20%;} 
.w2bslikebox div{border:none;position:relative;display:block;} 
.w2bslikebox span{bottom: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;} 
.w2bslikebox span a{color: #808080;text-decoration:none;} 
.w2bslikebox span a:hover{text-decoration:underline;} 
</style><div class="w2bslikebox" style=""><div>
<iframe src="http://www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/pages/Blogger-Yazar%C4%B1/435484996538695&amp;width=245&amp;colorscheme=light&amp;show_faces=true&amp; connections=9&amp;stream=false&amp;header=false&amp;height=260" scrolling="no" frameborder="0" scrolling="no" style="border: medium none; overflow: hidden; height: 270px; width: 245px;background:#fff;"></iframe><span>.<a href="http://blogger-mimari.blogspot.com/"></a></span></div></div> 
      
Yukarda kodlar icersinde Kırmızı ile belirtdigim yere. kendi facebokk adresinizi yazmanız yeterli olcak.

Stil 2



Sabit Sag menü'de duran facebook beğen eklentisi blogguma nasıl uygularım? 

1. Blogger hesabımıza giriş yapıyoruz.
2.Kumanda Paneli>Yerleşim>Gadget Ekle>Html/Javascript yolunu izleyerek aşagıda'ki kodu kopyalayıp yapıdırıyoruz.


<div style="background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj55LH5VwTS6IgmWU0TrWDJtwr83dp3kPpDt26JrHPLSxR6aSNdzviiIuFYygDCFgF8iSH8J8it5-OOF8zR8evJwIT2PXMKTbVZ68mi5FZXXkvBY3OlPRI0vz2VMT_Ev2Z7HjndUyPoOOZI/s1600/fan-01-pic.png');overflow:hidden;border-radius: 110px;.height:250px;width: 238px;border-radius: 0px 13px 0px 0px;overflow: hidden;"><div style="height: 250px; overflow: hidden;"><a href="http://blogger-mimari.blogspot.com/" rel="dofollow" target="_blank" title="blogger eklentileri"><img src="https://bitly.com/24workpng1" alt="My Blogger Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://blogger-mimari.blogspot.com/" rel="dofollow" target="_blank" title="Facebook eklentisi"><img src="https://bitly.com/24workpng1" alt="All Blogger Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Techtunes"><img src="https://bitly.com/24workpng1" alt="Techtunes" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><iframe src="http://www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/pages/Blogger-mimar%C4%B1/433412306782177?ref=hl&amp;width=250&amp;height=258&amp;show_faces=true&amp;colorscheme=light&amp;stream=false&amp;border_color=%23f4f4f4&amp;header=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:250px; height:258px;" allowtransparency="true"></iframe>
</div>
</div> 

Yukarda kodlar icersinde Kırmızı ile belirtdigim yere. kendi facebokk adresinizi yazmanız yeterli olcak.

Stil 3


 

Sabit Sag menü'de duran facebook beğen eklentisi blogguma nasıl uygularım?   

1. Blogger hesabımıza giriş yapıyoruz.
2.Kumanda Paneli>Yerleşim>Gadget Ekle>Html/Javascript yolunu izleyerek aşagıda'ki kodu kopyalayıp yapıdırıyoruz.


<div style="background: rgb(0, 255, 0);background: -moz-linear-gradient(90deg, rgb(0, 255, 0) 14%, rgb(249, 228, 175) 69%);background: -webkit-linear-gradient(90deg, rgb(0, 255, 0) 14%, rgb(249, 228, 175) 69%);background: -o-linear gradient(90deg, rgb(0, 255, 0) 14%, rgb(249, 228, 175) 69%);background: -ms-linear-gradient(90deg, rgb(0, 255, 0) 14%, rgb(249, 228, 175) 69%);background: linear-gradient(90deg, rgb(0, 255, 0) 14%, rgb(249, 228, 175) 69%);width:250px;padding:0 0px;margin:10px 0;border:solid 1px #c7c7c7;"><div style="height: 250px; overflow: hidden;"><a href="http://blogger-mimari.blogspot.com/" rel="dofollow" target="_blank" title="blogger-mimari"><img src="https://bitly.com/24workpng1" alt="My Blogger Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://blogger-mimari.blogspot.com/" rel="dofollow" target="_blank" title="facebook eklentisi"><img src="https://bitly.com/24workpng1" alt="All Blogger Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Techtunes"><img src="https://bitly.com/24workpng1" alt="Techtunes" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><iframe src="http://www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/pages/Blogger-mimar%C4%B1/433412306782177?ref=hl&amp;width=250&amp;height=258&amp;show_faces=true&amp;colorscheme=light&amp;stream=false&amp;border_color=%23f4f4f4&amp;header=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:250px; height:258px;" allowtransparency="true"></iframe>
</div>
</div>

Yukarda kodlar icersinde Kırmızı ile belirtdigim yere. kendi facebokk adresinizi yazmanız yeterli olcak.

Stil 4




Sagdan Acılan Facebook Eklentisi Blogguma Nasıl Uygularım?  

1. Blogger hesabımıza giriş yapıyoruz.
2.Kumanda Paneli>Yerleşim>Gadget Ekle>Html/Javascript yolunu izleyerek aşagıda'ki kodu kopyalayıp yapıdırıyoruz.


<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>

<style type="text/css">
img, a { border: 0; } 
#on { visibility: visible; } 
#off { visibility: hidden; } 
#facebook_div { width: 196px; 
height: 340px; 
overflow: hidden; } 
#facebook_right { 
z-index: 10005; 
border: 2px solid #3c95d9; 
background-color: #fff; 
width: 196px; 
height: 353px; 
position: fixed; 
right: -200px; } 
#facebook_right img { 
position: absolute; 
top: -2px; 
left: -35px; } 
#facebook_right iframe { 
border: 0px solid #3c95d9; 
overflow: hidden; 
position: static; 
height: 360px; 
left: -2px; 
top: -3px; } 
#facebook_left { 
z-index: 10005; 
border: 2px solid #3c95d9; 
background-color: #fff; 
width: 196px; 
height: 353px; 
position: fixed; 
left: -200px; } 
#facebook_left img { 
position: absolute; 
top: -2px; 
right: -35px; } 
#facebook_left iframe { 
border: 0px solid #3c95d9; 
overflow: hidden; 
position: static; 
height: 360px; 
right: -2px; 
top: -3px; } 
</style> 
<script type="text/javascript"> 
jQuery(document).ready(function () { 
jQuery("#facebook_right").hover(function () { 
jQuery(this)
.stop(true, false)
.animate({ right: 0 }, 500); }, function () { 
jQuery("#facebook_right")
.stop(true, false).animate({ right: -200 }, 500); }); 
});
</script> <br /> <div id="on"> <a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="My Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="My Blogger Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="All Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="All Blogger Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Techtunes"><img src="https://bitly.com/24workpng1" alt="Techtunes" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a><div id="facebook_right" style="top: 10%;"> 
<div id="facebook_div"> 
<img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpAtml1fAC2SrvuvZYS2m2SvNfOc51E2g_T0a1gHrWG4K2wudVmMADKmsyZAaN5nhTSzPglNsQXvCshyphenhyphenn0Bfx_9eCwqLIqQ13uQtq9F3hlU6skDzPOeQvDBJ1gHLHEDcNc0asHCigP6etG/s1600/NBTfacebook_right.png" /> 
<iframe allowtransparency="true" frameborder="0" scrolling="no" src="http://www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/pages/Blogger-mimar%C4%B1/433412306782177?ref=hl&amp;
width=200&amp;
height=346&amp;
colorscheme=light&amp;
show_faces=true&amp;
border_color&amp;
stream=false&amp;
header=false" style="border: none; 
height: 346px; 
overflow: hidden; 
width: 200px;">
</iframe> 
</div> 
</div></div>

Yukarda kodlar icersinde Kırmızı ile belirtdigim yere. kendi facebokk adresinizi yazmanız yeterli olcak.   



0 yorum

Yorum Gönder

Lütfen Yalnızca Yazı ile ilgili Yorumlar Yazın.Yazının Konusu Dışında iletmek Veya Sormak istediğiniz Bir Şey Varsa iletişim Formunu Kullanın.

previous post next post Go To Anasayfa