القائمة الرئيسية

الصفحات

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



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

درس اليوم سيعجبكم باذن الله










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

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


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


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
















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




<iframe src="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2Fghariba2&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 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

وهذا الكود هو المسؤال عن ظل الاداةغيره الي اللون الذي تريده

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