الرئيسية » » ربط مدونتك بالفيس بوك اضافة رائعة

ربط مدونتك بالفيس بوك اضافة رائعة

هذة الاضافة لايمكن الاستغناء عنها فى اى مدونة لانه من المهم جدا ان تربط مدونتك بصفحتك على فيس بوك لزيادة الزوار و المعجبين
الاضافة عبارة عن صندوق مخفى فى جانب الصفحة و يظهر عند وضع الماوس عليه و يعرض بداخله زر الاعجاب بصفحتك ويقوم بعرض مجموعة من المعجبين كوسيلة جذب للزائر

معاينة الاضافة
ربط مدونتك بالفيس بوك اضافة رائعة

كود الاداة

<style>
.MD-widget2012 {
 background-color: #F5EBF5;
 -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;
 bottom:-6px;
 position:fixed;
 right:0;
 z-index:3;
}
* html .MD-widget2012 { /**/
 position: absolute;
 left: auto;
 bottom: auto;
left: expression( ( -1 - fbpromo_makingdifferent.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
top: expression( (-1 - fbpromo_makingdifferent.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );/**/
}
.flt {
 float:left;
}
.MD-widget2012 span a {
 color: #808080;
 text-decoration:none;
}
.MD-widget2012 span a:hover {
 text-decoration:underline;
}
.MD-widget2012 span {
 bottom: 12px;
 font: 8px "lucida grande", tahoma, verdana, arial, sans-serif;
 position: absolute;
 right: 6px;
 text-align: right;
 z-index: 99999;
}
</style>
<script type="text/javascript">function fn_sliderpromo() { if (document.getElementById("fbpromo_makingdifferent") != null && !fnGetCookie('FBPROMOMOVIES')) { showfbpromo(); } }YAHOO.util.Event.onContentReady("ft", fn_sliderpromo, "");function clearfbpromo() {    if (document.getElementById("fbpromo_makingdifferent") != null) {    document.getElementById("fbpromo_makingdifferent").innerHTML = "<a href='javascript:void(0);' onclick='showfbpromo();'><img alt='' class='flt' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfFWo5fxOUNfdbDQ4iJm8_SZo8O1nOifZFV-n5NpHAsg9kKqDKNGaqAC7C4n1uR-Vq4EXEvNuoV8hmxJKnh_frSq8mHeFqoPufmSiiTPEzrNOHSPG7Or9kNEUx6c2gqR9PM6keUttPtfP_/s1600/vertical-right.png'/></a>";}}function showfbpromo() { if (document.getElementById("fbpromo_makingdifferent") != null)document.getElementById("fbpromo_makingdifferent").innerHTML = "<div style='width:280px;padding:8px 0px;background-color:#F5EBF5;font-family:arial;text-align:center;'><div style='color:#FFF;font-size:13px;font-weight:bold;'>Like Us and get Updates</div></div><iframe src='http://www.facebook.com/plugins/likebox.php?href=http://www.facebook.com/radar.students&amp;show_faces=true&amp;connections=9&amp;stream=false&amp;header=false&amp;' scrolling='no' frameborder='0' style='border:none;overflow:hidden; width:280px; height:265px;background:#F5EBF5;'></iframe><span>By <a href='http://www.makingdifferent.com/'>Making DIfferent</a> / <a href='http://www.makingdifferent.com/javascript-floating-facebook-likebox-widget-for-bloggerblog'>+Get This!</a></span><a href='javascript:void(0)' onclick='clearfbpromo();'><div id='fbpclose' style='position:absolute;left:0px;top:0px;margin-left:-18px;margin-top:-18px;'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj34lh-DrsvFZb36AApisHZmmInWT3sOMyVDUoM7YiHDlJDo8V2K6aYHp4UAn33jL8PuyCopn4u6nAqAD65Zhjd_tlZrTIslq-Pkqal07KWiHYhjFeMtQlxhPUkgVcsdLTWjGKGDFrLZg9_/s1600/%5Bwww.gj37765.blogspot.com%5DcloseButton.png' /></div></a>";}</script>
<div class="MD-widget2012" id="fbpromo_makingdifferent"><a href="javascript:void(0);" onclick="showfbpromo();"><img alt="" class="flt" src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfFWo5fxOUNfdbDQ4iJm8_SZo8O1nOifZFV-n5NpHAsg9kKqDKNGaqAC7C4n1uR-Vq4EXEvNuoV8hmxJKnh_frSq8mHeFqoPufmSiiTPEzrNOHSPG7Or9kNEUx6c2gqR9PM6keUttPtfP_/s1600/vertical-right.png'/></a></div>

قم باستبدال الرابط ذو اللون الاصفر برابط صفحتك على فيس بوك
لو عايز تغير لون خلفية الاضافة غير كود اللون الملون بالاحمر
لو عايز تغير نوع الخط او حجم الخط غير الكود الملون ب الاخضر

يمكنك الاستفسار و طلب المساعدة من خلال التعليقات

عن

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

شكرا لك على التعليق
الاشتراك في: تعليقات الرسالة ( Atom )