أضف صنوق الفيسبوك عائم ومنزلق في جانب مدونتك بتقنية jequery لمدونة بلوجر

شاركه على +Googleأضفه الى Deliciousشاركه على Twetter شاركه على Facebookأضفه الى StumbleUpon أضفه الى Digg

كنت قد تطرقت في أحد التديونات عن طريقة اضافة طريقة اضافة صندوق اعجاب الفيسبوك منبثق- Popup Facebook LikeBox;
وبعض الاضافات الأخرى ,لكن تبقى أحسنهم هي هده الاضافة  التي تعمل بتقنية  jquer , تكون الاضافة  تابتة في في جنب مدونتك وتنزلق عند التأشير عليها,الاضافة جميلة  ضاهرة لجميع تازوار وتتوافق مع جميع المتصفحات ولا تأخد مساحة من مدونتك

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

لاتنسى اخد نسخة احتياطية للقالب
1.لوحة التحكم
2.تخطيط أوتصميم
3. ثم تحريرhtml
4.توسيع القالب
ثم ابحث عن الكود التالي :بالضغط على   alt

</head>

ثم أضف الكود التالي تحته مباشرة 

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

ملاحضة ادا كنت قد أضفت مثل هدا الكود سابقا فتجاهله

ثم أضف الكود التالي 

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

.1 اذهب للوحة التحكم

2. تخطيط او تصميم

3.عناصر الصفحة

4. اضف اداة

6.اختار  Html/Javascript

 هدا هو الكود 

<script type="text/javascript">
//<!--
$(document).ready(function() {$(".mdslikebox").hover(function() {$(this).stop().animate({right: "0"}, "medium");}, function() {$(this).stop().animate({right: "-250"}, "medium");}, 500);});
//-->
</script>
<style type="text/css">
.mdslikebox{background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguO0hlWTSP0oE69U_aPY8xv6_uUAsP2Auv8iCq4KRYZJHCxeLTCQVRmPmoO367hr1O6BF-SOkliIXMbx8sateARxY886hZ0QTFo_9zVVlIYMuY5NA2AABlD5HnzzgAE_RGJix4yoXLbaZk/s1600/%5Bwww.chamelcool.blospot.com%5Dfacebookbadge.png") no-repeat scroll left center transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 46px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:20%;}
.mdslikebox div{border:none;position:relative;display:block;}
.mdslikebox span{bottom: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;}
.mdslikebox span a{color: #808080;text-decoration:none;}
.mdslikebox span a:hover{text-decoration:underline;}
</style><div class="mdslikebox" style=""><div><iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Ffacebook.com%2Fpagename&amp;width=245&amp;colorscheme=light&amp;show_faces=true&amp;connections=9&amp;stream=false&amp;header=false&amp;height=270" scrolling="no" frameborder="0" scrolling="no" style="border: medium none; overflow: hidden; height: 270px; width: 245px;background:#fff;"></iframe><span>By <a href="http://www.chamelcool.blogspot.com/">chamelcool</a> / <a href="http://chamelcool.blogspot.com/">+Get This!</a></span></div></div>

 ملاحضة  بدل pagename   باسم صفحتك على الفيسبوك أما دا كان اسم صفحتك طويل وعبارة عن أصفار فقم بالدخةل على هدا الرابط ثم ضع اسم مختصرا لصفحتك  Facebook.com/username

 ثم احفض الأداة  ومبروك عليك

لاتنسى متبعتنا على الفيسبوك

Tweet

Social Sharing Widget bychamelcool

التصنيف : أدوات بلوجر,خاص بالمدونات