فيديو - اضافة صندوق اعجاب الفيسبوك عائم في مدونة بلوجر

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

اخواني اخواتي زوار واعضاء مدونة تدوين باحتراف ان شاء الله في هذا الموضوع سوف اشرح لكم بالفيديو كيف تضيف صندوق اعجاب الفيسبوك عائم في مدونة بلوجر، في البداية يجب ان نفهم الفكرة اولا، الفكرة بسيطة وهي ان نجعل الصندوق مخفي في الجانب الايمن للمدونة بحيث بمجرد ان يمرر الزائر الماوس على ايقونة ستكون ظاهرة سينزلق الصندوق لبظهر له بحيث يمكنه الاعجاب بصفحتك.

الفكرة سهلة جدا بمكنك مشاهدة المعاينة من هنا : معاينة

الشرح بالفيديو :

الأكواد المستعملة في الشرح :

/*--------------------
facebook wedget
--------------------*/
.slide_likebox {
float:right;
width:288px;
height:345px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiY_OnpExOXiMsbvEIbH-4hbARx0l6bAaoc8zvPF9FI7mVvvoUUYac_G_irNz3-YXux5DLWPO6uGola-DZLG7zDRSBQ6ThOlqtPraynfw7IzBaaepDI7BqnvOcg62fsq4x5aFtWBAHrxqE/s1600/fb_bg.png) 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}
/*--------------------
facebook wedget
--------------------*/

تدوين باحتراف

بالنسبة للكود الاخير قم يتغيير ماهو ملون برابط صفحتك على الفيسبوك .