.
سم الله الرحمن الرحيم
السلام عليكم اخواني الكرام ورحمة الله
وبركاته اليوم في درس جديد وهو طريقة تغيير شكل ولون صندوق اعجابات الفايس بوك بشكل
ولون اخر جميل في بلوجر بتقنية css
درس اليوم سيعجبكم باذن الله
مميزات الاضافة
متوافقة مع جميع المتحصفحات
يمكن التعديل على لون وشكلها كما تريد
خفيفية في التحميل ولا تثقل من تحميل المدونة
لن اطيل اكثر من هذا لنذهب الي
شرح الدرس
ارجو التركيز قليلا في الشرح
اولا توجه لوحة تحكم
بلوجر
واضف هذا الكود فيها
<iframe
src="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2Fghariba2&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>
استبدل ما باللون الاحمر برابط صفحتك علي
الفيس بوك
ثم احفظ
ملاحظة سمي الاضافة مثلا باسم فيس بوك
توجه الي القالب تحرير html ثم توسيع عناصر وجهة المستخدم
ثم تبحث عن اسم الاضافة الذي سميناه فايس بوك
ونفعل كما في الصورة اضغط علي الصورة لتكبيرها
ثم احفظ
ملاحظة سمي الاضافة مثلا باسم فيس بوك
توجه الي القالب تحرير html ثم توسيع عناصر وجهة المستخدم
ثم تبحث عن اسم الاضافة الذي سميناه فايس بوك
ونفعل كما في الصورة اضغط علي الصورة لتكبيرها
وبعدها ذلك تبحث عن هذا
الوسم
>b:skin]]></
وضع قبل اوفوق الوسم مباشرة هذا الكود
وضع قبل اوفوق الوسم مباشرة هذا الكود
/*----- like box css Blogger widget by
ghariba2.blogspot.com/----*/#like box css { background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6o2Um8HVRenb7qnzhE2hrk8p8hkMu8VV6o1MKWI4Uej7QaFMd_Z_C0uJ1kKtoWzGjTMbauki2ZGVWfiK86Rw3gTE2h96kYYrGhen1H-EKorElphOpTHV9Q4sZ92aihLxk3HuurbY9J6M/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
وهذا الكود هو المسؤال عن ظل الاداةغيره الي اللون الذي تريده
وهكذا انتهى الموضوع ارجو ان يكون الشرح مبسط لكم ومنتظر استفسارتكم وتقيمكم للموضوع