بسم الله
الرحمان الرحيم
مرحبا بكم من جديد أيها الإخوة الكرام عل مدونة موحو للمعلوميات اليوم
سنتطرق إلى درس جديد عبارة عن شرح كيفية إضافة صندوق الإعجاب كما
هو مضاف على المدونة و كما هو مبين في الصورة
كل ما عليكم هو التوجه إلى لوحة التحكم في المدونة ثم الضغط على قالب ثم تحرير HTML ثم قم بالبحث على
</head>
أضف قبله هذا الكود
<scriptsrc='http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js'type='text/javascript'/>
قم بحفظ القالب تم توجه إلى تصميم ثم إضافة أداة ثم HTML /
javascript
وضع هذا الكود
<script
type="text/javascript">
//<!--
$(document).ready(function()
{$(".w2bslikebox").hover(
function()
{$(this).stop().animate({right: "0"}, "medium");},
function() {$(this).stop().animate({right: "-250"},
"medium");}, 500);});
//-->
</script>
<style
type="text/css">
.w2bslikebox{background:
url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6M53fL9e5tbK62383zwekIoKAQ9RSMGFEeKGTBCfaoDXXETKhI4CURxJJ2EC0Ei_l0RszIkHu4cFN29o67BIfRHpCctWgq43SP4uVvcHD-ICYiNEufOv2YN8zfmY41MYHPl1ZDLFgjvb4/s150/w2b_facebookbadge.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%;}
.w2bslikebox
div{border:none;position:relative;display:block;}
.w2bslikebox
span{bottom: 12px;font: 8px "lucida
grande",tahoma,verdana,arial,sans-serif;position: absolute;right:
6px;text-align: right;z-index: 99999;}
.w2bslikebox
span a{color: #808080;text-decoration:none;}
.w2bslikebox
span a:hover{text-decoration:underline;}
</style><div class="w2bslikebox"
style=""><div><iframe src="http://www.facebook.com/plugins/likebox.php?href=http://www.facebook.com/pages/pikpokmoho/619984274714124&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>
مع تغيير ما باللون الأحمر إلى رابط صفحتك