Blogger Pop Out Facebook Beğenme Kutusu

8/13/2016
Blogger Pop Out Widget

Blogger sitelerinde facebook popülaritesinin artmasıyla kullanım koşulları da her geçen gün artan talep üzerine blogcular için, facebook açılır pop out widget kutusunu paylaşıyoruz. Facebook pop out widget bloglar ve blogcular için müthiş işler yapan önemli bir eklentidir. Bu sistemin çalışma şekli mause ile üzerine geldiğinizde jQuery sayesinde otomatik olarak açılır ve kapanır.

Bu widget sadece blogunuzun popülerliğini değil, aynı zamanda blogunuzun güzelliğini de artıracaktır. Bu widget komplikasyonlarını kolay hale getirmek ve kolayca blogunuza eklemek için, aşağıdaki adımları takip etmeniz yeterli olacaktır.


Blogger Pop Out Facebook Beğenme Kutusu Nasıl Eklenir?


1. Blogger hesabınıza giriş yapın ve blogunuzun kumanda panelinde bulunan Yerleşim > Gadget Ekle > HTML/JavaScript Ekle yolunu takip edin ve aşağıdaki CSS, HTML ve jQuery kod grubunu koyalayın ve HTML/JavaScript içerine ekleyin ve kaydedin.
<script src="https://cdn.rawgit.com/jquerycods/fb/master/fblike.js"></script><style type="text/css">.fblikebox span{bottom: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align:right;z-index: 99999;}.fblikebox span a{color: #808080;text-decoration:none;}.fblikebox span a:hover{text-decoration:underline;}
/*<![CDATA[*/
#fbplikebox{display: block;padding: 0;z-index: 99999;position: fixed;}
.fbplbadge {background-color:#3B5998;display: block;height: 150px;top: 50%;margin-top: -75px;position: absolute;right: -47px;width: 47px;background-image: url("https://cdn.rawgit.com/jquerycods/fbwidget/master/facebook.png");background-repeat: no-repeat;overflow: hidden;-webkit-border-top-right-radius: 8px;-webkit-border-bottom-right-radius: 8px;-moz-border-radius-topright: 8px;-moz-border-radius-bottomright: 8px;border-top-right-radius: 8px;border-bottom-right-radius: 8px;}
/*]]>*/
</style>
<div class="fblikebox">
<div id="fbplikebox" style="display:none;">
<div class="fbplbadge"></div> 
<iframe src="http://www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/bloggereklentileri&amp;width=250&amp;height=250&amp;colorscheme=light&amp;show_faces=true&amp;border_color=%23C4C4C4&amp;stream=false&amp;header=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:250px; height:250px;background:#F5EBF5;" allowTransparency="true"></iframe><span><a href="http://bloggereklentileri.blogspot.com/">Blogger Eklentileri</a> / <a href="http://bloggereklentileri.blogspot.com.tr/2016/08/blogger-pop-out-facebook-begenme-kutusu.html">+Buraya tıkla!</a>
</span>
</div>
</div>

 2. Yukarıdaki kod içerisinde belirtilen yere kendi blogunuzun facebook sayfa ID'sini yazın. Facebook sayfa ID'si arama çubuğunda sayfanız açıkken bu şekilde görünür https://www.facebook.com/bloggereklentileri kopyalayın ve bu sayfa URL'si ile değiştir.

Daha fazla bilgi için lütfen yorum sistemimizi kullanarak bize yazabilirsiniz. Bizi takip ettiğiniz için teşekkürler.

Kategori İçerikleri



Blogger
Disqus
Yorum Ekle

Hiç yorum yok