إضافة أداة المشاركة الإجتماعية بتقنية jQuery لبلوجر

الأربعاء، 21 نوفمبر 2012

إضافة أداة المشاركة الإجتماعية بتقنية jQuery لبلوجر

اليوم اقدم لكم اضافة جميلة خفيفة علي المتصفح ولا تاخذ مساحة من مدونتك بتقنية الجاكوري انها اداة المشاركة الاجتماعية صممها المصمم شان ديب الذي يعمل في شركة جي كويري

مميزات هذه الاضافة

* التحرك علي جانب المدونة مع متصفح المدونة

* عدم التسبب بإزعاج المتصفح اذ تظهر برغبة الزائر

والان ساترككم مع صورة للمعاينة

شرح الإضافة :

من لوحة تحكم المدونة أذهب إلي قالب ثم تحرير html :

أبحث عن الوسم التالي:

</head>

ألصق فوقه مباشرة الكود التالي :

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>

<script src='http://apis.google.com/js/plusone.js' type='text/javascript' >{lang: 'en-US'} </script>

في حال سبق و كانت مدونتك تحتوي علي مكتبة جي كويري تجنب وضع السطر الأول

و الآن أذهب إلي التخطيط و أختر إضافة أداة html/javascript

و ضع الكود التالي

</script>
<script type="text/javascript">
(function () {
var s = document.createElement('SCRIPT'),
s1 = document.getElementsByTagName('SCRIPT')[0];
s.type = 'text/javascript';
s.async = true;
s.src = 'http://widgets.digg.com/buttons.js';
s1.parentNode.insertBefore(s, s1);
})();
</script>

<script src='http://platform.twitter.com/widgets.js' 
type="text/javascript"></script>
<div class='floatbutton' id='facebook'>
<fb:like layout="box_count" show_faces="false" 
font=""></fb:like>
</div>
<div class='floatbutton' id='google+1'>
<g:plusone size="tall"></g:plusone>
</div>
<div class='floatbutton' id='stumbleupon'>
<script 
src="http://www.stumbleupon.com/hostedbadge.php?s=5"></script>
</div>
<div class='floatbutton' id='digg'>
<a class="DiggThisButton DiggMedium"></a>
</div>
<div class='floatbutton' id='twitter'>
<a href="http://twitter.com/share" class="twitter-share-button" 
data-count="vertical">Tweet</a>
</div>
<div class="addbuttons">
<a href="http://esrare.blogspot.com/2012/09/jQuery-SHARE.html" 
title="أضغط هنا لتحصل علي الإضافة!"><span 
class="getfloat">إضافة المشاركة الإجتماعية</span></a>
</div>
</div>
</div>
</div>

ثم أحفظ

اترك تعليقك في الاسفل

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

هل اعجبك هذا الموضوع ؟

ليست هناك تعليقات:

إرسال تعليق

جميع الردود تعبّر عن رأي كاتبيها فقط. حريّة النقد والرد متاحة لجميع الزوار بشرط أن لا يكون الرد خارج نطاق الموضوع وأن يكون خال من الكلمات البذيئة. تذكّر قول الله عز وجل (مَا يَلْفِظُ مِن قَوْلٍ إِلاَّ لَدَيْهِ رَقِيبٌ عَتِيد).