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


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

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



ملاحظة : الصندوق متحرك مع الصفحة
أولا : طريقة الإضافة
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>

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