الأربعاء، 6 نوفمبر 2013
1:13 ص

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


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

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



2 : تحرير HTML







3 : قم بفتح أكواد مدونتك وإبحث عن الكود التالى </head>


4 : ثم ضع قبله مباشرة الكود التالى :

<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'/>

5 : ثم قم بالبحث عن الكود التالى </body>  بنفس الطريقة السابقة "
6 : ثم ضع قبله مباشرة الكود التالى :

<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>

قم بحفظ القالب وجرب ترى مدونتك وسترى شكلا جميلا جدا لأزرار المشاركه فى أسفل جانب مدونتك.


مبروك عليك









0 commentaires:

إرسال تعليق

آخر التدوينات

 
Related Posts Plugin for WordPress, Blogger...