mardi 21 mai 2013

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

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

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

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

3 commentaires: