صندوق الاعجاب فايسبوك لمدونات بلوجر بتقنية css

السلام عليكم  ورحمة الله تعالى وبركاته ,قد قمنا مند مدة بطرح موضوع صندوق فايسبوك في جانب الصفحة بتقنية الجوكري كما هو الحال في مدونتي  ,واليوم انشاء الله سنتعرف على طريقة اخرى رائعة لاضافة صندوق الاعجاب فايسبوك لمدونات بلوجر لكن بتقنية او بلغة css الرائعة

تابع صفحة مدونتنا على فيس بوك وشكرا

الفرق بين صندوق الاعجاب فايسبوك التقليدي وصندوق فايسبوك بلغة css

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

<style type="text/css">

.facebookOuter {

background-color:#F4F4F4;

width:250px;

padding:10px 0 10px 10px;

height:250px;

border:1px solid #CCCCCC;

}

.facebookInner {

height:250px;

overflow:hidden;

}

</style>

<div class="facebookOuter">

<div class="facebookInner">

<div class="fb-like-box"

data-width="245" data-height="290"

data-href=http://www.facebook.com/arabicash2

data-border-color="#F4F4F4" data-show-faces="true"

data-stream="false" data-header="false">

</div>

</div>

</div>

<div id="fb-root"></div>

<script>(function(d, s, id) {

var js, fjs = d.getElementsByTagName(s)[0];

if (d.getElementById(id)) return;

js = d.createElement(s); js.id = id;

js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";

fjs.parentNode.insertBefore(js, fjs);

}(document, 'script', 'facebook-jssdk'));

</script>

التعديل على الكود .ــــــــــــــــــــــــــــــــــــــــــــــــ

يمكنك تغيير خلفية الصندوق الى لون المناسب لقالب مدونتك

بتغيير اللون التالي #F4F4F4 الى اي لون ,يمكنك الاستعانة بالموقع التالي للحصول على اكواد الالوان

للمزيد من مثل هده الدروس اشترك في قائمتي البريدية اسفل الصفحة

abuiyad