إضافة جميلة لمدونات البلوجرعلى شكل نافذة جانبية منبتقة لصفحتك على الفيسبوك

السلام عليكم ورحمة الله وبركاته

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

ملاحظة : الصندوق متحرك مع الصفحة

أولا : طريقة الإضافة

1. اذهب للوحة التحكم

2. تخطيط

3. تحرير HTML

4. قم بالبحث عن : </head>

و ضع فوقه مباشرة 

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'/>

ثانيا : لأضافة الأداة :

1. إذهب الى لوحة التحكم

2. تخطيط

3. أضافة أداة

4. أداة HTML/JaveScript

5 أنسخ الكود التالي :

<script src='http://egymodern.googlecode.com/files/facebooklike-box.js' type='text/javascript'></script>
<style type="text/css">
.w2bslikebox{background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1StCLZ0YucyyJ2eKsS7HOxm6WqxLLX24LXq3EliCpI4-BpMgPAwiohn4GwVvCEZWSutibchh0Kmy8Z9LWszaEpn3bcEcCOMAU4voQEQXKD9fvlf-GeIPjMl4WhNTkZPRUiLZGvSg9f0W7/s1600/facebook-page2.png") no-repeat scroll left center transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 46px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:20%;}
.w2bslikebox div{border:none;position:relative;display:block;}
.w2bslikebox span{bottom: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;}
.w2bslikebox span a{color: #808080;text-decoration:none;}
.w2bslikebox span a:hover{text-decoration:underline;}
</style><div class="w2bslikebox" style="z-index: 9999999999;">
<div><iframe src="http://www.facebook.com/plugins/likebox.php?href=http://www.facebook.com/theprogeek&amp;width=245&amp;colorscheme=light&amp;show_faces=true&amp;connections=9&amp;stream=false&amp;header=false&amp;height=270" scrolling="no" frameborder="0" scrolling="no" style="z-index: 9999999999; border: medium none; overflow: hidden; height: 270px; width: 245px;background:#fff;">
</iframe></div>
<script type="text/javascript">
writeHTMLasJS();
</script>
</div>

الآن كل ما عليك أن تفعله قبل حفظ التغييرات هو تغيير ما باللون الأحمر الى رابط صفحتك على الفايسبوك.

هل إسـتفدت ؟ كن إيجابيا و شارك المحتوي ليستفيد غيرك.

شاركها !

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

الموضوع من طرف : الحبيب أعشاري

الحبيب مدون مغربي اطمح من هذه المدونة و التي هي عبارة عن مدونة تضم عدد كبير من المواضيع كــ شروحات المواقع برامج والخدمات بالإضافة الى مقالات تقنية, الأخيرة و التي من خلالها نحاول التقرب من الشاب العربي والأخير الذي يهدف الى تطوير مهاراته وزيادة معلوماته فيما يخص التكنولوجيا و الاعلاميات يمكنك متابعتي على تويتر