بحث

‏إظهار الرسائل ذات التسميات بلوجر. إظهار كافة الرسائل
‏إظهار الرسائل ذات التسميات بلوجر. إظهار كافة الرسائل

الأحد، 24 نوفمبر 2013

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


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


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

اولا نسجل الدخول الى منصة بلوجر ثم نذهب الى تصميم ثم نضغط لى تحرير القالب ونقوم بتوسيعه ثم نقوم بالبحث عن الكود التالي  عن طريق الضغط على 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&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>

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

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






















هل أعجبك الموضوع :Share/Bookmark