شرح إضافة صندوق إعجاب الفيس بوك بالصفحات عائم و منزلق فى مدونات بلوجر

بسم الله الرحمن الرحيم

السلام عليكم و رحمة الله و بركاته

النهارده هناخد درس عن كيفية وضع صندوق الإعجابات الخاص بصفحتك على الفيس بوك و سيكون عائم و منزلق حيث سيكون علامة ال FACEBOOK على الجنب وعندما يتم مرور الماوس عليها تقوم بالإنزلاق و تنفتح :)

والآن مع الشرح :

ملحوظه : لا تنسى أن تأخد نسخه إحتياطيه من القالب أو الأكواد الخاص بمدونتك قبل وضع الكود :)

أولاً : أذهب إلى لوحة التحكم الخاصه بمدونتك .

ثانياً : أضغط على قالب ثم تحرير HTML

ثالثاً : قم بالبحث عن الوسم </head> عن طريق CTRL + F بلوحة المفاتيح الخاصه بك

رابعاً : قم بوضع هذا الكود فوقه مباشرة .:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script> 
<script type="text/javascript"> 
jQuery.noConflict(); 
jQuery(function (){ 
jQuery(".slide_likebox").hover(function(){ 
jQuery(".slide_likebox").stop(true, false).animate({right:"0"},"medium"); 
},function(){ 
jQuery(".slide_likebox").stop(true, false).animate({right:"-250"},"medium"); 
},500); 
return false; 
}); 
</script>

خامساً : قم بالبحث عن هذا الكود ]]></b:skin> , ثم قم بوضع هذا الكود فوقه مباشرة .:

.slide_likebox {
float:right;
width:288px;
height:345px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhu88PL9Yftqj4IeWGQq3VM-S-WR1LfcYbtgDFwkgR2hgWkABsItb2o33vJQgxDCscXTwi_hefIyI9aipX0H9dzY6pNc-5EX7rN6todnqWLwUfSBmt02JaustWBJEBji4N3-nQnzKcvcKk/) no-repeat !important;
display:block;
right:-250px;
padding:0;
position:fixed;
top: 130px;
z-index:1002;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
}
div.likeboxwrap {
margin-top:2px;
margin-left:-5px;
width:238px;
height:325px;
background-color:#fff;
overflow:hidden;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
}
div.likeboxwrap iframe {margin:-1px}

سادساً : قم بحفظ القالب

سابعاً : توجه إلى التخطيط ثم إضافة أداه و أختار أداة HTML / JavaScript وضع بها هذا الكود .:

<div class="slide_likebox"> <div style="color: rgb(255, 255, 255); padding: 8px 5px 0pt 50px;"><span><div class='likeboxwrap'><iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com/profism&amp;width=238&amp;colorscheme=light&amp;connections=15&amp;stream=false&amp;header=false&amp;height=350" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:228px; height:320px;" allowtransparency="true"></iframe></div></span></div></div></div>

ثامناً : قم بتغيير أسم الصفحه الذى لونه أحمر الذى يوجد بالكود السابق إلى أسم صفحتك ... و تمتع بهذه الأضافه الرائعة

أرجو أن ينال الموضوع إعجابكم

أى أستفسار ضعه فى رد هنا .

و السلام عليكم و رحمة الله و بركاته

I'm reading: شرح إضافة صندوق إعجاب الفيس بوك بالصفحات عائم و منزلق فى مدونات بلوجر

بقلم أحمد مصطفى

أحمد مصطفى من مصر 15 سنه , أردت أن أقوم بتقديم معرفتى للعرب و الناس و أفيدهم و أحاول أن أقدم كل ما لدى من معلومات لهم لذلك قمت بعمل هذه المدونه حتى أقدم كل ما لدى من معلومات بها , فإذا عجبتكم معلوماتى و مواضيعى يكفينى شكركم لى , و السلام عليكم ورحمة الله وبركاته.

قسم : بلوجر,فيس بوك