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

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

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

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

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

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

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

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/AVvXsEirT31irzh9OkFvkrHgX8QQbc_A7i-4CF4TCxHmlaoe0SWxnV9Bo86at8_InqoKWcMTAEDCiBIWAoIKe2Lt8twDPEquhIbPm9K22Tc7EIA4yjvlpXUZPjYyuSiAMM5GcSWfriquQxGjA1Ep/s1600/best+blogger+tips.png'/></a>
</div>

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

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

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

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

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