الاثنين، 5 مايو 2014

حصريا زر مشاركة المدونة على الفيس بوك المنزلق

لاشك أن الفيس بوك يمثل أكثر مصادر الزيارات للعديد من المدونات فلذلك لابد عليك أن تعزز تلك الزيارات وزيادتها من خلال اضافات الفيس بوك لمدونتك ومنها ما سأقدمه اليوم وهو زر مشاركة المدونة على الفيس بوك المنزلق بتقنيته الاحترافية التى وبلاشك ستعجبك وتعجب متابعيك بفضل الله والاضافة لها من المميزات ما يجعلها افضل ادوات الفيس بوك لمدونات بلوجر لأنها لا تشغل مساحة كبيرة من المدونة جيث أنها منزلقة من الجانب الأيمن للمدونة وخفيفة التحميل فلا تؤثر على سرعة المدونة ولكى لا أطيل هيا بنا للمعاينة والشرح
معاينة الاضافة
ربما أعجبتك !! 
لا تقلق ستحصل على مثلها بالخطوات التالية 

طريقة التركيب 

اذهب للوحة التحكم >> التخطيط >> اضافة أداة 
HTML/JAVASCRIPT 
ضع بها الكود التالى
<b:if cond='data:blog.pageType == "item"'>
<style>
/* Widget by myebd3at.blogspot.com */
#fixed-share {
  background: none repeat scroll 0 0 #4C6699;
  border-bottom: 3px solid #30476F;
  bottom: 60px;box-shadow: 0 8px 8px #888888;
  font-family: Arial;font-size: 16px;
  padding: 15px 30px 15px 15px;position: fixed;
  right: -147px;text-align: left;
  text-transform: uppercase;
  transition: all 1s ease 0s;z-index: 10;color:white;}
#fixed-share:hover {right: 0}
#fixed-share:hover > #share-box {right: 147px}
#share-box {background: none repeat scroll 0 0 #4C6699;bottom: 72px;box-shadow: 0 8px 8px #888888;height: 40px;position: fixed;right: 1px;text-align: center;transition: all 1s ease 0s;width: 40px;}
</style>
 <div id="fixed-share">
 <div id="share-box">
<img src="http://s10.postimg.org/s1a8ghl6t/Fb_Logo.png" />
</div>
<span> شارك المدونة <br/> <script>(function(d){ var js, id =
'facebook-jssdk'; if (d.getElementById(id)) {return;} js =
d.createElement('script'); js.id = id; js.async = true; js.src =
"//connect.facebook.net/en_US/all.js#xfbml=1";
d.getElementsByTagName('head')[0].appendChild(js);
}(document));</script>  <fb:share-button expr:href='data:post.url'
type='button_count'/> </fb:share-button>
</span></div>
<!-- Widget  by myebd3at.blogspot.com -->
</b:if>
ثم قم بحفظ الأداة  

تعديلات بسيطة فى الكود 

(1) استبدل كلمة شارك المدونة بما يناسبك
(2) استبدل الصــــــــــــــــــــورة بما يناسبك
<img src="http://s10.postimg.org/s1a8ghl6t/Fb_Logo.png" />
√ الى لقاء آخر فى موضوع جديد من مدونة ابداعاتى √
من فضلك اضغظ لايك لمشاهدة لينك التحميل

6 التعليقات:

  1. اضافة رائعة وجديدة , بالتوفيق

    ردحذف
  2. الله ينور عليك يا استاذ حودة والله مية مية

    ردحذف
    الردود
    1. شكرا اخ سيد
      الحمد لله انها نالت اعجابك (f)

      حذف

ملاحظة : للإبلاغ عن رابط محتوى لا يعمل المرجوا الضغط على " الاتصال السريع " في أسفل القائمة مباشرة لاصلاح الخطأ بسرعة : نحن نسعى دائما لرقي الموقع جميعا من أجل الاستقرار
جميع الحقوق محفوظة © 2014 مدونة ابداعاتىجميعا من أجل الاستقرار