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

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

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

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

____๑۩۞۩๑๑۩۞๑۩۞۩๑๑۩۞۩๑۩۞۩۩۞۩۩๑۩۞۩۩۞۩๑____

</head>

____๑۩۞۩๑๑۩۞๑۩۞۩๑๑۩۞۩๑۩۞۩۩۞۩۩๑۩۞۩۩۞۩๑____


بعد أن تجده قم بوضع قبله هذا الكود

____๑۩۞۩๑๑۩۞๑۩۞۩๑๑۩۞۩๑۩۞۩۩۞۩۩๑۩۞۩۩۞۩๑____

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

____๑۩۞۩๑๑۩۞๑۩۞۩๑๑۩۞۩๑۩۞۩۩۞۩۩๑۩۞۩۩۞۩๑____


بعد أن تظيف الكود قم بحفظ التغييرات ، ثم توجه إلى لوحة تحكم مدونتك من جديد وقم بالضغط على التخطيطثم إضغط على إضافة أداة ، وقم باختيار html java script وقم بوضع في المربع هذا الكود 

____๑۩۞۩๑๑۩۞๑۩۞۩๑๑۩۞۩๑۩۞۩۩۞۩۩๑۩۞۩۩۞۩๑____



<script <script type="text/javascript">
//<!--
$(document).ready(function() {$(".w2bslikebox").hover(function() {$(this).stop().animate({right: "0"}, "medium");}, function() {$(this).stop().animate({right: "-250"}, "medium");}, 500);});
//-->
</script>
<style type="text/css">
.w2bslikebox{background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisjlmAgaHl-VoUIxek1Ws8Pgt4jMujigPk4iYpjiuZGQEyMqqIWUFZAaKv4ySV3PKnXuUS_E04lLnumkmAv5FntGT06_b5H9qDWRfMwIlNVRft8TzxWlLpHhKsTupNa1u4D4XNowvenIAE/s1600/facebook-right.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=""><div><iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Ffacebook.com%2pro5com&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="border: medium none; overflow: hidden; height: 270px; width: 245px;background:#fff;"></iframe><span>By <a href="http://www.lymura-s.blogspot.com/"amjad blog</a> / <a href="http://lymura-s.blogspot.com/2011/07/jquery_04.html">أحصل علي!</a></span></div></div>


____๑۩۞۩๑๑۩۞๑۩۞۩๑๑۩۞۩๑۩۞۩۩۞۩۩๑۩۞۩۩۞۩๑____

الآن كل ما عليك أن تفعله قبل حفظ التغييرات هو تغير إسم المستخدم باللون الأزرق 

الخاص بصفحتك على الفيسبوك والذي هو عندي كما هو واضح pro5com

*ملاحظة : إسم المستخدم هو الذي يوجد في آخر رابط صفحتك على الفيسبوك

*مثال  : www.facebook.con/pro5com

شارك الموضوع مع أصدقائك ؟