شرح اضافة صندوق المعجبين بالفيس بوك بشكل جانبي الى مدونتك
بسم الله الرحمن الرحيم الصلاة والسلام على رسول الله صلى الله عليه وسلم وعلى اله وصحبه وسلم
اخواتي متابعي مدونة أكاديمية الربح من الانترنيت سوف اقدم لكم بهذا الدرس طريقة اضافة صندوق المعجبين في الفيس بوك
بشكل جانبي الى مدونتك كالمتواجد تمام في مدونتي أكاديمية الربح من الانترنيت
اولا نسجل الدخول الى منصة بلوجر ثم نذهب الى تصميم ثم نضغط لى تحرير القالب ونقوم بتوسيعه ثم نقوم بالبحث عن الكود التالي عن طريق الضغط على ctrl +f ويظهر لنا مربع البحث وننسخ هذا الكود
</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("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=https://www.facebook.com/3almalrab7&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>
ونقوم بتغير ما باللون الأحمر برابط صفحتك على الفيس بوك
اتمنى ان ينال اعجابكم هذا الشرح ولا تنسو مشاركتنا في اي استفسار عن طريق التعليقات واتمنى ان تعم الفائدة على الجميع