أضف صندوق المعجبين بصفحتك إلى مدونتك كالمتواجد احسن تهيئ

5:38 م نشر في : بلوجر

بسم الله و الحمد لله و الصلاة و السلام على خير خلق الله محمد الأمين

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

</head>
قبله نضيف الكود الاتي

<script src='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/AVvXsEjRln2WpULQ3W41kSkxDNYXKxLWRbdt6TxTqStiplcui56c75m4j4ZZ63UPORXO3xqQ3VjXbhxV94G67gfg3vlTphBSICZdsWKoLwhyonHg4Zyv2a6VZli_Vb7l-2kpAF99KLkYxwYmvIVH/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/TOPpreparation&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>

غير ماهو باللون الاخضر (عنوان الصفحة) إلى العنوان الخاص بك

أضف صندوق المعجبين بصفحتك إلى مدونتك كالمتواجد احسن تهيئ

توصل بأخر الموضيع على إيميلك

تابعنا على الفيس بوك

تبادل إعلاني

المواضيع الاكثر مشاهدة

كن من أصدقائنا!

زوار المدونة الان

المشاركات الشائعة