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

بسم الله الرحمن الرحيم, وأسعد الله أوقاتكم بكل خير .اليوم سأشرح لك إضافة رائعة تخص ال Facebook و هي عبارة عن إضافة تعمل بتقنية jquery , تكون الاضافة تابتة في في جنب مدونتك تتحرّك معاها وتنزلق عند التأشير عليها بالماوس كما هو مبين في الصورة وعلى يمين مدونتي كذلك, كما أن هذه الاضافة تتوافق مع جميع المتصفحات ولا تأخد مساحة من مدونتك.

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

* لاتنسى اخد نسخة احتياطية للقالب

1.لوحة التحكم

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

3. ثم تحريرhtml

4.

ثم ابحث عن الكود التالي :

</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

 هدا هو الكود :

<br /> <br /> <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><br /> <style type="text/css"> .mdslikebox{background: url("http://2.bp.blogspot.com/-pm4J4aADt_8/T0v5aPd_3_I/AAAAAAAABAs/tpx5ZEc9GzI/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&width=245&colorscheme=light&show_faces=true&connections=9&stream=false&header=false&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://lbadya.blogspot.com/">+Get This!</a></span></div> </div> <br />

 ملاحضة  بدل pagename   باسم صفحتك على الفيسبوك

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

.