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

Post Top Ad

أعلن هنا

Post Top Ad

الجمعة، 8 أبريل 2011

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

إعلانك هنا

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


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


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

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


.com/img/b/R29vZ2xl/AVvXsEhgQ4VZIW14QKShuiIbz9wUZwU_3Xc_eP9LV9z0Yk8nBpwkc9DTYEslAoYzBMq6ScT16wTKuHHRsEd4Yf7-rsPKTgQxZtiRK-RZJMGUb9yDp-A9O_wARK8TORbJ9rlkdGjcNCYyQwl0PoA/


للإطلاع على مثال للإضافة .com/img/b/R29vZ2xl/AVvXsEhJIlWkv07up_MuY59449liFerBR4o3CDP-sngils27cU7xWTb9GQV_M0O65VcSIrEXhkjRcpba78p5_T8aUlIh4tpQ3aY5WHHtWOxc64kWHu9tDVTgaHcd0wxBECmmjRn_WxKv1bhyphenhyphenE_U/  تجد الإضافة في أول الموضوع على اليسار.



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


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


.com/img/b/R29vZ2xl/AVvXsEi_dvNbwiBdSVdeiSbED2eoNtIeFY3eMnPj_ZaCBF2s_7k7LKxw821rNjbrdqIhjNXye5DO12XTre8ZVgEVI_KApmIrob8hHcLQh4mpVoxbriuwMgfsC7Xk9IwiJcWkiNvtebz0wbnV6m0/


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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTv7tIJOm9aHqzA262CV5B3KAIOzW5rMrdZ2-9rDLpky-ox7gAVnLsEQaIHSC_xujG4oORcUPzUz8HSB0-qfZIfLDyhIboLCuhySr7Pjd_xbuO1CGr2_rMOyOz2-3hld69xJrQ0zYa08_T/s1600/best+blogger+tips.png'/></a>
</div>


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


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


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



تحية طيبة في إنتظار تعليقاتك.

ليست هناك تعليقات:

إرسال تعليق

Post Top Ad

إجمالي مرات مشاهدة الصفحة

  • 5765

    Posts
  • 3

    Comments
  • 369233

    Pageviews

تواصل معنا

أكثر من 600,000+ يتابعون موقعنا عبر وسائل التواصل الإجتماعي إنظم إلينا الآن

نموذج الاتصال

الاسم

بريد إلكتروني *

رسالة *

عن الموقع

Sans+titre+copy«إمو التعليمية» هي مدونة إلكترونية متخصصة في مجال الأسرة والمجتمع والتكنولوجيا الإلكترونية الهدف من هذا القانون هو نشر الثقافة التقنية للجميع من خلال سلسلة من المقالات والدورات التعليمية المجانية ، اعتقادا منها أنه يجب نشر العلم ، وليس بيعه ، لجذب انتباه المعلمين العرب وتحفيزهم على التدوين في الميدان من تقنيات التعليم لنشر أفكارهم وخبراتهم. تقوم المدونة بترجمة أهم المقالات والأخبار على المواقع الأجنبية
معرفة المزيد ←

نموذج الاتصال

الاسم

بريد إلكتروني *

رسالة *