كتاب التقنية™: كيفية إضافة ازار المشاركة للمواقع الإجتماعية

كيفية إضافة ازار المشاركة للمواقع الإجتماعية

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

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

هذه الإضافه بعد إضافتها تظهر فى جانب أسفل الصفحه وتتحرك مع تحريك الصفحه لأعلى أو لأسفل بحيث تبقى دائما أمام أعين الزوار وبشكل جمالى لا يعيق القراءه أو يضايق الزوار.

والآن نأتى لمرحلة الأكواد والإضافه
قم بفتح أكواد مدونتك وإبحث عن الكود التالى
</head>
ثم ضع قبله مباشرة الكود التالى
<script src='http://w.sharethis.com/gallery/shareegg/shareegg.js' type='text/javascript'/>
<script src='http://w.sharethis.com/button/buttons.js' type='text/javascript'/>
<script type='text/javascript'>stLight.options({publisher: &quot;ur-98d377f-bdd3-9ad1-fbe5-2a678f0a60ee&quot;, onhover:false}); </script>
<link href='http://w.sharethis.com/gallery/shareegg/shareegg.css' media='screen' rel='stylesheet' type='text/css'/>
ثم قم بالبحث عن الكود التالى
</body>
ثم ضع قبله مباشرة الكود التالى
<div style='position: fixed; bottom: 2%; left: 2%;'>
<div class='shareEgg' id='shareThisShareHeart'/>
</div>
<script type='text/javascript'>stlib.shareEgg.createEgg(&#39;shareThisShareHeart&#39;, [&#39;facebook&#39;,&#39;twitter&#39;,&#39;pinterest&#39;,&#39;linkedin&#39;,&#39;stumbleupon&#39;,&#39;email&#39;,&#39;sharethis&#39;], {title:&#39; <data:blog.pageTitle/>&#39;,url:&#39;<data:blog.url/>&#39;,theme:&#39;shareheart&#39;});</script>
قم بحفظ القالب وجرب ترى مدونتك وسترى شكلا جميلا جدا لأزرار المشاركه فى أسفل جانب مدونتك.
من فضلك شارك هذا الموضوع اذا اعجبك

ضع تعليقا أخي الكريم

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

إرسال تعليق

ضعوا اعلانكم لتتم مناقشة استفساراتكم

جميع الحقوق محفوظة © كتاب التقنية ©2013-2014 | ، نقل بدون تصريح ممنوع . | أنضم ألى فريق التدوين