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

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

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

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

ما يهمنا في هذة الصورة هو الاي دي الملون بالون الازرق قم بنسخه واحتفظ به
وبعدها ذلك تبحث عن هذا الوسم

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

/*----- like box css Blogger widget by blogg-face.blogspot.com/----*/#like box css { background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrl7rsnPdCayWyAaZx1yIbmRRmbq6fVLMwy50nn3itdZYmZRPbGve-lMR9cQAQfclZIkS5g6X-4_cAhuEVezNypno3jpkbzvrOJOpPLg6vB1QoHU3zR4NRR2rBF35YJehdtsTclzrCm4A/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
وهذا الكود هو المسؤال عن ظل الاداةغيره الي اللون الذي ترديه
الى اللقاء...ابو هشام