زوار ومتابعي المدونة
أسعد الله أوقاتكم بكل خير ومحبة
موضوعنا اليوم كثير شيق إلا وهو :
" إضافة صندوق إعجاب الفيس بوك على جانب مدونات بلوجر + التأثير "
صورة الإضافة
صندوق اعجاب الفيسبوك أو ما شابه هو البرنامج المساعد الكبير الذي يتيح للزوار معرفة اخر اخبار المدونة عن طريق
حساباتهم في الفيسبوك
سيتمكن الزوار من تلقي التحديثات الخاصة بك على حساب الفيسبوك الخاص بهم.
- طريقة تركيب الإضافة :
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("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPu6GQ96tkRmoxPtiw4NlFkGyj4HLsnSBtPVIaBWkYHvC3_8y5JvIbcp4o_AbXjIb0ldoJtQ-eBUySWtcpiLEQpIXso3rjlW1h3OohTrcmA3jbzLBRondC0x9Ui2gFklHew7SdEJwegv3I/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&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:#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- احفظ الإضافة بعد تعديل ماهو باللون الأحمر .
كتب بواسطة Expert Blogger
بلدي هو الأردن مشرف سابقا على عدة منتديات و مواقع و صفحات تعليمية على الفيسبوك و من عشاق البحت و الاكتشاف أشياء جديدة و حصرية حول شبكت الأنترنيت من أهمها مدونات بلوجر و وود دبرس و الصفحات على الفيسبوك أحب مساعدة المبتدئين لإنجاز طموحاتهم كما أسعى لتحقيقي طموحاتي من خلال هذا الموفع المتواضع أتمنى أن تنال مقالاتي إعجابكم و أن أكون أول من يدعمكم لشق طريقكم نحو التطور و الإحتراف و الإستفادة من خلال عرض مجموعة من المعلومات و المواضيع القيمة .
0 التعليقات:
إرسال تعليق