إضافة صندوق الإعجاب إلى المدونة

Ayoub.mohtafid الأحد، 8 ديسمبر 2013 0 التعليقات طبع

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

مرحبا بكم من جديد أيها الإخوة الكرام عل مدونة موحو للمعلوميات اليوم

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

كل ما عليكم هو التوجه إلى لوحة التحكم في المدونة ثم الضغط على قالب ثم تحرير 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("http://1.bp.blogspot.com/--tscpVzcBjo/TdUarKtcAlI/AAAAAAAAA3I/qVkypiYO9rc/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>

مع تغيير ما باللون الأحمر إلى رابط صفحتك