إضافة زر Twitter و Facebook لمواضيع مدونتك

إضافة زر Twitter و Facebook لمواضيع مدونتك


بسم الله الرحمن الرحيم


اليوم أخي الكريم سنتطرق لكيفية إضافة زر Twitter و Facebook في نفس الوقت لمواضيعك بطريقة جميلة، بحيث يكون نص المقال محيط بالأزرار و ليس متباعد عنه.

كنا قد ذكرنا سابقا إضافة أزرار Twitter بطرق مختلفة و جميلة مثل  إضافة طائر تويتر متحرك لمدونتك (مدهش) و  إضافة زر تابعني على Twitter بطريقة جميلة ، أما في هذه الإضافة فسنقوم بوضع الزرين معا.


facebook_twitter


للإطلاع على مثال للإضافة Demo  تجد الإضافة في أول الموضوع على اليسار.



طريقة تركيب الإضافة


1- توجه للمدونة / تصميم / تحرير HTML / توسيع القالب


widget-templates-blogger


2- قم بالبحث عن الكود التالي عن طريق زري Ctrl+F
<data:post.body/>
3- بعد ذالك إنسخ الكود بالأسفل و ضعه فوق الكود السابق مباشرة
<div style='float:left; margin-right:10px;'>
<a class='twitter-share-button' data-count='vertical' data-via='Your Name Twitter' href='http://twitter.com/share'>Tweet</a><script src='http://platform.twitter.com/widgets.js' type='text/javascript'/><br/>
<a href='http://www.facebook.com/sharer.php' name='fb_share' type='box_count'>Share</a><script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'/><br/><a href='http://widget-blogs.blogspot.com'><img alt='Best Blogger Tips' src='http://3.bp.blogspot.com/_rKG-ziTSNUQ/TQ5eV0U0EiI/AAAAAAAACik/xo2eFaDbfrE/s1600/best+blogger+tips.png'/></a>
</div>


ملاحظة : قم بتغير الكلام باللون الأحمر (Your Name Twitter) بإسم تعريفك على Twitter و إن لك يكن لديك إتركه فارغ.


4- بعد هذا قم بحفظ القالب و عاين النتيجة.


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



تحية طيبة في إنتظار تعليقاتك.
إذا أعجبك الموضوع فشاركه مع أصدقائك فلن يأخد منك الأمر سوى 5 ثوان :)

هناك تعليقان (2):