إضافة صندوق إعجاب الفيسبوك بشكل أحترافي لمدونات بلوجر

إضافة صندوق إعجاب الفيسبوك  بشكل جديد 2014 لمدونة بلوجر - مدونة الخبراء للبرامج

للمعاينة

طريقة تركيب الإضافة 

1- ادخل إلى مدونتك / واختر تخطيط

2- أختر إضافة أداة /  HTML/JavaScript

3- ضع الكود التالي في صندوق الإضافة

الكود

<a href="javascript:showHideFL()"><img border="0" src="http://imageshack.com/a/img89/421/zybr.gif"  alt="Member" title="Click to Follow" style="position: fixed; top: 150px; right: 0px; cursor: pointer; opacity: 0.5; " opacity:1;filter:alpha(opacity="100)&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;quot;" onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100" onmouseout="this.style.opacity=0.5;this.filters.alpha.opacity=50" ;"="" height="126px" width="66px" /></a>

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

<style type="text/css">

#fl{

position:fixed;

left:150px;

z-index:+1000;

}

* html #fl{position:relative;}

.flcontent{

float:left;

border:2px solid #676767;

background:whitesmoke;

-moz-border-radius-topleft:15px;

-moz-border-radius-topright:15px;

-moz-border-radius-bottomleft:15px;

-moz-border-radius-bottomright:15px;

padding:10px;

}

</style>

<script type="text/javascript">

function showHideFL(){

var fl = document.getElementById("fl");

var w = fl.offsetWidth;

fl.opened ? moveFL(0, -100-w) : moveFL(20-w, 0);

fl.opened = !fl.opened;

}

function moveFL(x0, xf){

var fl = document.getElementById("fl");

var dx = Math.abs(x0-xf) > 25 ? 35 : 1;

var dir = xf>x0 ? 1 : -1;

var x = x0 + dx * dir;

fl.style.bottom = x.toString() + "px";

if(x0!=xf){setTimeout("moveFL("+x+", "+xf+")", 10);}

}

</script>

<div id="fl" style="bottom: -401px; ">

<div class="fltab" onclick="showHideFL()"> </div>

<div class="flcontent">

<iframe src="//www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/ChristiaUnion&width=292&height=258&colorscheme=light&show_faces=true&border_color&stream=false&header=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:292px; height:258px;" allowtransparency="true"></iframe>

<div style="text-align: right;">

<a href="javascript:showHideFL()">

[Close]

</a></div>

Powered By: <a href="http://experts-program.blogspot.com/">experts-program/>

</a></div>

</div>

<script type="text/javascript">

var fl = document.getElementById("fl");

fl.style.bottom = (-100-fl.offsetWidth).toString() + "px";

</script>

4- غير ماهو  بالون الأحمر إلى خاصيتك بالفيس بوك

5- إحفظ الإضافة 

Note:- الرجاء من الأخوة الكرام : زوار المدونة عدم النسخ دون ذكر المصدر