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

زوار ومتابعي المدونة 

أسعد الله أوقاتكم بكل خير ومحبة 

موضوعنا اليوم كثير شيق إلا وهو :

"  إضافة صندوق إعجاب الفيس بوك على جانب مدونات بلوجر + التأثير "

صورة الإضافة 

صندوق اعجاب الفيسبوك أو ما شابه هو البرنامج المساعد الكبير الذي يتيح للزوار معرفة اخر اخبار المدونة عن طريق 

حساباتهم في الفيسبوك 

 سيتمكن الزوار من تلقي التحديثات الخاصة بك على حساب الفيسبوك الخاص بهم.  

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

1- ادخل إلى مدونتك | اختر تخطيط | ثم إضافة أداة HTML / JavaScript .

2- اللصق الكود التالي في صندوق الإضافة .

الكود

<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script><style type="text/css">.mdfbplikebox span{bottom: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;}.mdfbplikebox span a{color: #808080;text-decoration:none;}.mdfbplikebox 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("http://1.bp.blogspot.com/-si8RqHzR8YA/T9yn4fMA9wI/AAAAAAAADUs/TIiffednqVM/s1600/md_vertical-left.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>
<script type="text/javascript">
/*<![CDATA[*/
    (function(md){
        md(document).ready(function(){
            var $dur = "medium"; // Duration of Animation
            md("#fbplikebox").css({left: -250, "top" : 100 })
            md("#fbplikebox").hover(function () {
                md(this).stop().animate({
                    left: 0
                }, $dur);
            }, function () {
                md(this).stop().animate({
                    left: -250
                }, $dur);
            });
            md("#fbplikebox").show();
        });
    })(jQuery);
/*]]>*/
</script>
<div class="mdfbplikebox">
<div id="fbplikebox" style="display:none;">
    <div class="fbplbadge"></div>
    <iframe src="http://www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/ChristiaUnion&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>
By <a href="http://www.expertsprogram.tk/">Making DIfferent</a> / <a href="http://www.expertsprogram.tk/add-static-facebook-pop-out-like-box-with-smooth-jquery-hover-effect/">+Get This!</a>
</span>
</div>
</div>

3- احفظ الإضافة بعد تعديل ماهو باللون الأحمر .