الأحد, مارس 18, 2012

إضافة أزرار مشاركة مواقع التواصل الإجتماعى والنشر بشكل قلب رائع جدا لمدونات بلوجر

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

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

والآن نأتى لمرحلة الأكواد والإضافه
قم بفتح أكواد مدونتك وإبحث عن الكود التالى
</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>
قم بحفظ القالب وجرب ترى مدونتك وسترى شكلا جميلا جدا لأزرار المشاركه فى أسفل جانب مدونتك.
من فضلك اضغظ لايك لمشاهدة لينك التحميل

10 تَعْلِيق:

  1. يسرني ان اكون اول من يطلع على تدوينتك
    فعلا ايقونات جميلة و فكرة اروع
    تسلم

    ردحذف
  2. اضافة جديدة وجميلة
    شكرا اخى ياسر
    موفق دايما يارب

    ردحذف
  3. موضوع هايل وجميل وبالتوفيق

    http://thesecretmark3ting.blogspot.com/

    ردحذف
  4. اضافة جديدة وجميلة
    www.tech4yo.blogspot.com

    ردحذف
  5. اضافة جديدة وجميلة
    شكرا اخى ياسر
    http://msiteg.blogspot.com

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

    ردحذف
  7. شكرا جزيلا واضافه رائع استاذ ياسر تقبل احترامى وشكرى الجزيل

    http://alhakemegypt.blogspot.com/

    ردحذف
  8. شكرا جزيلا http://tai-hicham.blogspot.com

    ردحذف
  9. هل ممكن اضيف الشكل ده ولكن جهة اليسار او المنتصف ؟؟

    هذه مدونتي

    www.e-stayle.blogspot.com

    ردحذف