إضافة نافذة جانبية منبتقة لصفحتك على الفيسبوك إلى مدونتك
إضافة رائعة لأي مدونة من خلالها تستطيع ربح معجبين كثيرون لصفحتك على الفيسبوك،عبر هذه الإضافة التي سوف نشرحها في هذا الدرس الجديد من سلسلة دروس بلوجر دائما.
الإضافة هي عبارة عن نافدة صغيرة لصفحتك على الفيسبوك تقوم بإضافته إلى مدونتك وتعد مثيرة للإنتباه ، حيث أي زائر قام بزيارة مدونتك لن تغفل عيناه المرور عليها وهذا ما يجعلك تكسب معجبين آخرون، مما قد يوسع دائرة متابعي موقعك وكلنا نعلم أهمية الفيسبوك في جلب الزوار لمودونتك وارتباطهم بها.
الإضافة ظاهرة في الصورة أعلاه ولتطبيقها مباشرة على مدونتك ، تذهب إلى لوحة التحكم ثم تقوم بالضغط على قالب ثم على تحرير 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(“http://4.bp.blogspot.com/-f2FOri6Drh8/Tqh-hv06crI/AAAAAAAAAJI/upd9lhP05Vc/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%2Fhuhu1981ful&width=245&colorscheme=light&show_faces=true&connections=9&stream=false&header=false&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>
____๑۩۞۩๑๑۩۞๑۩۞۩๑๑۩۞۩๑۩۞۩۩۞۩۩๑۩۞۩۩۞۩๑____
