قوالب بلوجر معربة

الثلاثاء، 7 أغسطس، 2012

طريقة تغيير شكل ولون صندوق اعجابات الفيس بشكل ولون اخر جميل في بلوجر بتقنية 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(http://2.bp.blogspot.com/-DEqOO_wij5I/TqGFxUeUBtI/AAAAAAAABPM/toLQkBfSogE/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
وهذا الكود هو المسؤال عن ظل الاداةغيره الي اللون الذي ترديه

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

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

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

2 التعليقات:

  1. أنا جربت هذه الأداة ولم تنجح لا أعرف السبب بالضبط أرجو المساعدة ، وأنا جربتها بكذا طريقة ومن كذا موقع حتى غير موقعكم وبتعطينى نتيجة شبه واحدة ، وبتكتب
    Could not retrieve the specified page. Please verify correct href was passed in.

    ردحذف
  2. @أمين سعيد
    اخي ارسل لي قالبك وانا ساحل لك المشكلة ارفع القالب علي ميديا فاير او اي مركز رفع او رسلني علي بريد المدونة
    face_blogger@yahoo.com

    وانا في خدمتك في اي وقت
    وشكرا علي المرور العطر اخي امين

    ردحذف

افلام اون لاين

اختارنا لكم

 
© 2014 جميع حقوق النشر محفوظة لدى المعرفة Blog | تصميم قوالب بلوجر