إضافة أداة المشاركة الإجتماعية بتقنية 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>

ثم أحفظ

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

مدونة المهندس العربي

الصفحات

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