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

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

صندوق اعجابات الفيس بوك 

مميزات الاضافة

1. متوافقة مع جميع المتحصفحات
2. يكمن التعديل علي لون وشكلها كما ترديد
3. وخفيفية في التحميل ولا تثقل من تحميل المدونة

لن اطيل اكثر من هذا لنذهب الي شرح  الدرس للمعاينة الحية

للمشاهدة المباشرة

ارجو التركيز قليلا في الشرح

اولا توجه لوحة تحكم بلوجر

  

واضف هذا الكود فيها

<iframe src="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2Fblogger.face&amp;width=260&amp;height=290&amp;colorscheme=dark&amp;show_faces=true&amp;border_color=%23FDFDFD&amp;stream=false&amp;header=true&amp;appId=374608635945221" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:260px; height:290px;" allowtransparency="true"></iframe></b:widget>

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

انسخ هذا الاي دي id وضعه في ملف تكست

وبعدها ذلك تبحث عن هذا الوسم
]]></b:skin>
وضع قبل اوفوق الوسم مباشرة هذا الكود

/*----- like box css Blogger  widget by blogg-face.blogspot.com/----*/#like box css {       background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh17GkKiO8gA8BgBH_K6myEIczJMeCj7nVGyjiid_2KwZWLqzxVA6BeazbRGcb75Zx8ZnDQciEfLxDqbU2BQ2ZW6bLKnZg-75VgUe37dAKbb4BRsNXI8yOUmMyjJbziEeDzLNCDwN3sieg/s1600/codeview4.png) no-repeat top left;        border:1px dotted #EFDFC2;       color:#716349       width:270px;-webkit-border-radius: 16px;border-radius: 16px;-webkit-box-shadow: 5px 5px 5px 5px #f45050;box-shadow: 5px 5px 5px 5px #f45050;}

*واستبدل:like box css بـ اي دي الاداة الذي نسخنه من قبل
*استبدل:http://2.bp.blogspot.com/-
DEqOO_wij5I/TqGFxUeUBtI/AAAAAAAABPM/toLQkBfSogE/s1600/codeview4.png
بصورة اخر اذا اردت تغيير لون الصندوق

*وايضا استبدل #f45050
وهذا الكود هو المسؤال عن ظل الاداةغيره الي اللون الذي ترديه

وهكذا انتهي الموضوع ارجو ان يكون الشرح مبسط لكم ومنظر استفسارتكم وتقيمكم للموضوع

ارجو عدم نسخ الموضوع الا بذكر المصدر والرابط المؤدي اليه

المصدر مدونة بلوجرقسم ادوات بلوجر

من فضلك اضغظ لايك لمشاهدة لينك التحميل