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

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

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

وهي اداة هامة خصوصا لمن يريد ربط موقعه مع اهم موقع اجتماعي ...

تعمل هذه الإضافة بتقنية 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/AVvXsEhSvb45hHCxMo5zqerNe2A4XN0X0ZxAY25hRHUqLjW0OwBHaAe0t4TZpsBOgn5D-TJDhIObECzrEcGFljwHV3nbaXDjq5wP9nx1lQ7kkHUUpElKjHeuphY13EO0dbDRUioMgZPu3rvjrlQI/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

ولتغيير صورة الفايس بوك ابحث عن الرابط التالي :

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSvb45hHCxMo5zqerNe2A4XN0X0ZxAY25hRHUqLjW0OwBHaAe0t4TZpsBOgn5D-TJDhIObECzrEcGFljwHV3nbaXDjq5wP9nx1lQ7kkHUUpElKjHeuphY13EO0dbDRUioMgZPu3rvjrlQI/s1600/%5Bwww.chamelcool.blospot.com%5Dfacebookbadge.png

 و استبدلة برابط اي صورة من الصور التي بالاسفل :)

               

              

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

ارجو ان يكون الموضوع قد نال اعجابكم .... و شكرا للمتابعة