اضافة ازرار المشاركة الاجتماعية بتقنية CSS3 مطورة من مدونة رضا لبلوجر

ان كنت من متابعي المدونة فلابد من انك رائيت التدوينة التي اتحدث عنها، وان لم تكن فتفضل الرابط لتزورها: هنا، كما ترى، لقد كانت بسيطة جدا، اقصد في المظهر، كما انها لا تملك اي اطار او ما شابه يميزها عن بدن المدونة، لكن كل هذا قد ولى، لانني احضرت لكم نفس الاضافة، لكن مع تعديلات جذرية، ستعجبكم باذن الله.
 + كما اسلفت الذكر، لقد اجريت العديد من التعديلات لتظهر بهذا الشكل :)
 + كان بالنسخة السابقة العديد من المشاكل التي و في الغالب هي التي منعتكم من استخدامها، و اهمها :
  • شكل بسيط جدا و غير مميز.
  • ايقونات ذات جودة متوسطة.
  • غياب Google Plus.
  • و المشكل الاكثر اهمية، ان بعد الضغط على ايقونة موقع اجتماعي ما لم يكن تفتح في نافذة جديدة.
 - المعاينة ؟، يمكنك مشاهدتها في اسفل التدوينة :)، كما ان هذه هي صورة لكيف تبدو ( في حالة استبدلتها ) :
 + لكنني و بعون الله، وبعض البحث، حللت كل المشاكل، جعلتها تبدو اجمل بكثير، كما تمت اضافة Google Plus، تم تغيير الايقونات لايقونات اخرى افضل جودة و اخف في التحميل، وتم حل المشكل الاكثر اهمية و هو انه بعد الضغط على ايقونة اي موقع اجتماعي، تفتح نافذة صغيرة لتستطيع مشاركتها دون مشاكل :) .

    - لكن السؤال يبقى، من اين احصل عليها ؟
 + ستحصل عليها من هذه الصفحة، والان باذن الله، فقط تابع الشرح.
    - اولا اذهب الى لوحة التحكم، ثم الى قالب، ثم احفظ نسخة من القالب، ثم الى تحرير HTML:
    - ثم حدد توسيع قوالب عناصر واجهة المستخدم.
    - ثم ابحث عن هذا الكود :
</head>
    - لتصلق قبله الكود : هنا
    - الان ابحث عن هذا الكود :
<data:post.body/>
    - ثم الصق بعده هذا الكود : هنا
    - لتكون قد انتهيت، اتمنى  ان تعمل بشكل جيد كما اشتغلت لدي.
 شكرا لمروركم الرائع و الى اللقاء :) .

16 التعليقات:

غير معرف يقول...

رائع
اضافة جمييييلة اشكرك عليها
ساضيفها لمدونتي حالا

غير معرف يقول...


يا أخي هدا الكود يو جد العيد منه أي وحد منهم

Unknown يقول...

اخي، بعد ان تبحث عن كود /head، الصق قبله الكود الذي يليه كاملا المحدود بين style type='text/css' و /style (يجب ان تحدد هذين الجملتين ايضا).
و بنفس الطريقة مع الكود الثاني، تبحث عن data:post.body/، و تلق بعده الكود الذي يوجد في هذه التدوينة المحصور بين b:if cond='data:blog.pageType == "item"' و هذه /b:if (يجب تحديد الجملتين السابقتين ايضا مع الكود)
اتمنى ان تكون قد فهمت :)

Abdullah Al Shamsi يقول...

أنا يكتبلي

Your template could not be parsed as it is not well-formed. Please make sure all XML elements are closed properly.
XML error message: The entity name must immediately follow the '&' in the entity reference.

Error 500

أتوقع أنه في مشكلة في الكود الثاني

جربت انسخ بمتصفح الكروم ثم بمتصفح الإنترنت إكسبلورير ولكن نفس المشكلة

Unknown يقول...

تم اصلاح المشكل ان شاء الله، المشكل كان من منسق الكود كان يبعثر بعض الاوامر
اسف مرة اخرى،،

Abdullah Al Shamsi يقول...

شكراً جزيلا على التجاوب السريع وحل المشكلة

Unknown يقول...

من دواعي سروري
و اسف على المشكل :)

يوتيوب أحلى من غير ذنوب يقول...

حياك الله أخي
وجزيل الشكر على الإضافه

Unknown يقول...

على الرحب والسعة، شكرا لمروك الطيب :)

beja يقول...

اضافة رائعة جدا تم التجريب والعملية نجحت الف شكر

Unknown يقول...

اخي انا لم اجد ما الحل ؟؟؟؟؟

Unknown يقول...

لم تجد ماذا اخي ؟؟؟

hossam hassan يقول...

لم يعمل يااخي ولم تظهر الازرار

Unknown يقول...

الاضافة تعمل اخي الكريم، اعد المحاولة فقط
ان شاء الله تعمل :)

Media Lyoum يقول...

شكرا على الاضافة الرائعة يا اخي رضى

محمد يقول...

شكرا

أضف تعليق

 
| مدونة رضا © 2010-2012 | تعريب وتطوير : عرب بلوجر | الى الاعلى |