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

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

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

• أولا وقبل كل شيء :

قم بأخذ نسخة احتياطية للقالب لتجنب حدوث مشاكل أثناء تنفيذك للتعديل على القالب.

• ثانيا الدخول إلى قائمة تحكم القالب :

اتجه إلى لوحة تحكم بلوجر=> القالب => تحرير HTML => متابعة => توسيع القالب.

• ثالثا مرحلة إضافة الاكواد :

قم بالضغط على أزرار Ctrl+F وابحث عن الوسم </head> وأضف الكود التالي قبله مباشرة بسطر :

<style type="text/css">
.slidenote { width: 540px; height: 140px; background: #FBEC78; padding: 1em;
-moz-box-shadow: -0.2em -0.2em 0.7em #333; -webkit-box-shadow: -0.2em -0.2em 0.7em #333;}
.slidenote img { float: left; margin-left: -2em; margin-top: -2em; }
.slidenote img:hover { margin-top: -1.95em; }
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
<script src="http://latest-hacks.googlecode.com/svn/gadgets/Sliding Description Panel/jquery.slidenote.min.js" type="text/javascript"></script>

قم بتغيير #FBEC78 إلى كود لون يناسب لون مدونتك.

قم بتغيير الأرقام باللون الأحمر إلى القياس الذي تريد أن يظهر به الصندوق,من الافضل تركه كما هو.

والأن قم بالبحث عن الوسم التالي </body> وأضف قبله مباشرة الكود التالي :

<div class='slidenote' id='note'>
<div id='container'>
<h2>إذا أعجبتك المدونة اضغط أعجبني</h2>
<span><em>المدونة علي فيس بوك</em></span>
<iframe allowTransparency='true' frameborder='0' scrolling='no' src='//www.facebook.com/plugins/like.php?href=رابط صفحتك على الفيسبوك&amp;send=false&amp;layout=standard&amp;width=300&amp;show_faces=true&amp;action=like&amp;colorscheme=light&amp;font=tahoma&amp;height=80&amp;appId=374608635945221' style='border:none; overflow:hidden; width:300px; height:80px;'/>

</div>
</div>
<script type='text/javascript'>
$('#note').slideNote({
closeImage: 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjorPFvAljzTqUHp-j7O6OSl_QMHIqWxTm7s5WIkeRa0huGzxDtKzW0ddGKhoZCqKjAbvoTRubizBFEsRxBxgmyZMPbNexJE23MGp6NNTd0qADfZFgbggmc8VH1ANOI9ewRWEkVuHvSAOQ/s320/slidenote.close.png'
});
</script>

قم بتغيير إذا أعجبتك المدونة اضغط أعجبني بجملتك التي تريد لها أن تظهر على الصندوق.

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

غير رابط صفحتك على الفيسبوك  برابط صفحتك على الفيسبوك.

الأن اضغط على حفظ التغييرات, ومبروك عليك صندةق الإعجابات على مدونتك.

إذا أفدتك بهاذا الموضوع فلا تبخل علي بتعليق أو إعجاب, شكرا لمرورك.