Dabour Phone

[name=محمد إبراهيم] [img=http://lh3.googleusercontent.com/-Ea4NJ91_ql0/AAAAAAAAAAI/AAAAAAAABQE/snk6h86Q3sI/s512-c/photo.jpg] [description=هذا النص هو مثال لنص يمكن أن يستبدل في نفس المساحة، لقد تم توليد هذا النص من مولد النص العربى، حيث يمكنك أن تولد مثل هذا النص.] (facebook=#) (youtube=#) (google-plus=#) (twitter=#) (linkedin=#) (instagram=#) (pinterest=#) (behance=#)
8/recent posts

أضافة صندوق فيسبوك عائم لمدونة بلوجر


السلام عليكم اعزائى متابعى دبور فون نقدم لكم اضافة صندوق الفيسبوك عائم بمدونة بلوجر للمعاينة انظر صورة الموضوع 

شرح التركيب 

  1. توجه الى لوحة تحكم مدونتك من هنا
  2. توجه الى التخطيط ثم اضف اداة html/javascript
  3. وضع الكود التالي داخل الاداة

<style type="text/css">
/*<![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;left: -47px;width: 47px;background-image: url("http://4.bp.blogspot.com/-wWV3ZV99d9U/UQConfoxrkI/AAAAAAAAAP4/ppeou0Z8PuU/s1600/vertical-right.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;}
/*]]>*/
</style>
<script type="text/javascript">
/*<![CDATA[*/
    (function(w2b){
        w2b(document).ready(function(){
            var $dur = "medium"; // Duration of Animation
            w2b("#fbplikebox").css({right: -250, "top" : 100 })
            w2b("#fbplikebox").hover(function () {
                w2b(this).stop().animate({
                    right: 0
                }, $dur);
            }, function () {
                w2b(this).stop().animate({
                    right: -250
                }, $dur);
            });
            w2b("#fbplikebox").show();
        });
    })(jQuery);
/*]]>*/
</script>
<div id="fbplikebox" style="right: -250px; top: 100px;">
    <div class="fbplbadge"></div>
    <iframe src="http://www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/dabourphone&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:#FFFFFF;" allowtransparency="true"> </iframe>  </div>

مع تغيير Dabourphone  بمعرف صفحتك على فيس بوك  


Share This
ليست هناك تعليقات:

إرسال تعليق

نسعد ونتشرف بتعليقاتكم
لكن فى إطار الموضوع وليس خارجه حفاظاً على راحتك الشخصية
لوضع اى اكواد Html فى التعليقات يرجى تحوليها اولاً بمحول الأكواد من هنا
لذلك نرجو منك ان تستعمل كل شىء بطريقته الصحيحة شكراً لتفهمك 😊