بسم الله الرحمن الرحيم
والصلاة والسلام على سيدنا محمد صلى الله علي وسلم
السلام عليكم ورحمة الله وبركاتة
اليكم اليوم طريقة تركيب صندوق اعجاب الفيس بوك على شكل نافذة عائم في مدونات البلوجر بشكل جديد يمكنك تغير اللون الى اللون الذي تريدة , الاضافة تمتاز بالسهولة وانها خفيفة على التصفح ,
يمكنك معاينة الاضافي في مدونة احمد ويب
√ طريقة التركيب√
اذهب الى لوحة التحكم>>التخطيط>>اضافة اداة ثم اضاف الكود الاتي
<!-- http://www.ahmad-web.com/ -->
<style type="text/css">
/*<![CDATA[*/
#fbplikebox{display: block;padding: 0;z-index: 99999;position: fixed;}.fbplbadge {background-color:#3B3B3B;display: block;height: 150px;top: 50%;margin-top: -75px;position: absolute;left: -47px;width: 47px;background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYY7uN4ahV8NLKdMVnnyKzOHi30CFuQVQnueXDFU_udsuDLpbjhSCN1TWFx2w5eydnMahNGZsipXuUX8rtbO2FU8Z5MF1gW8ZwZP-V5Bxx98RBEpE4Wvsj-1cVVB3qymdQALBNSxJ7iSA/s1600/md_vertical-left.png");background-repeat: no-repeat;overflow: hidden;-webkit-border-top-left-radius: 8px;-webkit-border-bottom-left-radius: 8px;-moz-border-radius-topleft: 8px;-moz-border-radius-bottomleft: 8px;border-top-left-radius: 8px;border-bottom-left-radius: 8px;}.mdfbplikebox span{bottom: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;left: 6px;text-align: left;z-index: 99999;}.mdfbplikebox span a{color: #0F83A0;text-decoration:none;}.mdfbplikebox span a:hover{text-decoration:underline;}
/*]]>*/
</style>
<script type="text/javascript">
/*<![CDATA[*/
(function(md){
md(document).ready(function(){
var $dur = "medium"; // Duration of Animation
md("#fbplikebox").css({right: -250, "top" : 150 })
md("#fbplikebox").hover(function () {
md(this).stop().animate({
right: 0
}, $dur);
}, function () {
md(this).stop().animate({
right: -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=http%3A%2F%2Fwww.facebook.com%2Fahmadwebcom?%3F&width=250&height=250&colorscheme=light&show_faces=true&border_color=%23C4C4C4&stream=false&header=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:250px; height:250px;background:#FFFFFF;" allowtransparency="true">
</iframe>
<span>
</span>
</div>
</div>
<!-- http://www.ahmad-web.com/-->
الكود الالوان : #3b3b3b
غير ahmadwebcom بــ user name لصفحتك على الفيس بوك
الموضوع منقول من مدونة ahmad-web
تحويل كودإخفاء محول الأكواد الإبتساماتإخفاء