السلام عليكم ورحمة الله تعالى وبركاته ,قد قمنا مند مدة بطرح موضوع صندوق فايسبوك في جانب الصفحة بتقنية الجوكري كما هو الحال في مدونتي ,واليوم انشاء الله سنتعرف على طريقة اخرى رائعة لاضافة صندوق الاعجاب فايسبوك لمدونات بلوجر لكن بتقنية او بلغة 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 الى اي لون ,يمكنك الاستعانة بالموقع التالي للحصول على اكواد الالوان
للمزيد من مثل هده الدروس اشترك في قائمتي البريدية اسفل الصفحة
تدوينة مميزة جدا مشكورين
ردحذفhttp://www.pfs.com.sa/
شركة اشهار المواقع السعودية لخدمات التسويق الالكتروني واشهار المواقع بالسعودية
اخي احمد مرحبا بك في مدونتي
ردحذفوشكرا على مرورك
أزال أحد مشرفي المدونة هذا التعليق.
ردحذف