الثلاثاء، 30 أبريل 2013

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

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

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

بسم الله و الحمد لله و الصلاة و السلام على خير خلق الله محمد الأمين ، بعد كثرة طلبات شرح إضافة صندوق المعجبين كالمتواجد في
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/AVvXsEh43MRP8rvDf0jmdg51VUNyxSWJ-tTj8Ve9qbxQArW8CBY5jZvECFMATcv6ALjcaNcCI7D4gzLg6wgKtDOmBIHcjwEbOOABjIa4MIzD6SC9KBplmnAW9Um85R7FXaKO6SAXDc82td4_SG8o/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/th3.professional&amp;width=245&amp;colorscheme=light&amp;show_faces=true&amp;connections=9&amp;stream=false&amp;header=false&amp;height=270" scrolling="no" frameborder="0" scrolling="no" style="border: medium none; overflow: hidden; height: 270px; width: 245px;background:#fff;"></iframe><span>

0 التعليقات:

إضغط هنا لإضافة تعليق

إرسال تعليق

Blogger Widgets

هدا القالب من تصميم منتديات اتقان بلوجر

لشراء
Twitter Delicious Facebook Digg Stumbleupon Favorites More