فى هذه التدوينه أود فى أن أعرض عليكم طريقه رائعه لجعل الجميع يشاركون تدويناتك ومدونتك فى حساباتهم على مواقع التواصل الإجتماعى ومواقع نشر المقالات والتدوينات.
وطبعا أزرار مشاركة مواقع التواصل الإجتماعى موجوده بكثره على الإنترنت وبأشكال كثيره, ولكنى اليوم إنتقيت لكم شكلا جديدا لها, سوف تبهرون عندما ترون شكلها الجذاب المبهر, وهى عباره ع قلب أحمر عند التأشير عليه ينقسم نصفين ليكشف عن مجموعة أزرار أنيقه لمواقع النشر والتواصل الإجتماعى تتحرك بشكل أنيق وجميل عند التأشر عليها, فالإضافه كلها عليها تأثيرات إنسيابيه رائعه.
هذه الإضافه بعد إضافتها تظهر فى جانب أسفل الصفحه وتتحرك مع تحريك الصفحه لأعلى أو لأسفل بحيث تبقى دائما أمام أعين الزوار وبشكل جمالى لا يعيق القراءه أو يضايق الزوار.
والآن نأتى لمرحلة الأكواد والإضافه
قم بفتح أكواد مدونتك وإبحث عن الكود التالى
وطبعا أزرار مشاركة مواقع التواصل الإجتماعى موجوده بكثره على الإنترنت وبأشكال كثيره, ولكنى اليوم إنتقيت لكم شكلا جديدا لها, سوف تبهرون عندما ترون شكلها الجذاب المبهر, وهى عباره ع قلب أحمر عند التأشير عليه ينقسم نصفين ليكشف عن مجموعة أزرار أنيقه لمواقع النشر والتواصل الإجتماعى تتحرك بشكل أنيق وجميل عند التأشر عليها, فالإضافه كلها عليها تأثيرات إنسيابيه رائعه.
والآن نأتى لمرحلة الأكواد والإضافه
قم بفتح أكواد مدونتك وإبحث عن الكود التالى
ثم ضع قبله مباشرة الكود التالى</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: "ur-98d377f-bdd3-9ad1-fbe5-2a678f0a60ee", 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('shareThisShareHeart', ['facebook','twitter','pinterest','linkedin','stumbleupon','email','sharethis'], {title:' <data:blog.pageTitle/>',url:'<data:blog.url/>',theme:'shareheart'});</script>
شكرا اضافة رائعة بجد
RépondreSupprimer:)
RépondreSupprimerFashel
RépondreSupprimer