اضافة صندوق تابعني على فايس بوك مهدى من مدونة blog المبدع

[linnou]

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


اهلا وسهلا بكم اخواني الكرام

قبل كل شيء اهنئكم بحلول العيد المبارك

وبعد غيابي آتيكم بتدوينة حصرية استخرجتها من احد المواقع الاجنبية

وهي عن طريقة اضافة هذه الأداة



نتابع طريقة الاضافة

نتوجه الى القالب template ونبحث عن هذه الجملة joomla





رمز PHP:

<code style="white-space:nowrap"> <code> </head>
</code> </code>

نضيف فوقها هذه

<script src=&quot;https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js&quot;></script>



نحفظ القالب template ثم نتوجه الى تخطيط

ونضيف اداة جديدة html/java script

ونضيف فيها هذا الكود code




رمز PHP:

<code style="white-space:nowrap"> <code> <style type="text/css">
/*<!&#91;CDATA&#91;*/
#fbplikebox{display: block;padding: 0;z-index: 99999;position: fixed;}
.fbplbadge {background-color:&#91;SIZE=4&#93;&#91;B&#93;#3B5998&#91;/B&#93;&#91;/SIZE&#93;;display: block;height: 150px;top: 50%;margin-top: -75px;position: absolute;left: -47px;width: 47px;background-image: url("http://3.bp.blogspot.com/-1GCgbuSZXK0/T38iRiVF41I/AAAAAAAABpg/WlGuQ3fi-Rs/s1600/vertical-right.png");background-repeat: no-repeat;overflow: hidden;-webkit-border-top-left-radius: 8px;-webkit-border-bottom-left-radius: 8px;-moz-border-radius-topleft: 8px;-moz-border-radius-bottomleft: 8px;border-top-left-radius: 8px;border-bottom-left-radius: 8px;}
/*&#93;&#93;>*/
</style>
<script type="text/javascript">
/*<!&#91;CDATA&#91;*/
(function(w2b){
w2b(document).ready(function(){
var $dur = "medium"; // Duration of Animation
w2b("#fbplikebox").css({right: -250, "top" : 100 })
w2b("#fbplikebox").hover(function () {
w2b(this).stop().animate({
right: 0
}, $dur);
}, function () {
w2b(this).stop().animate({
right: -250
}, $dur);
});
w2b("#fbplikebox").show();
});
})(jQuery);
/*&#93;&#93;>*/
</script>
<div id="fbplikebox" style="display:none;">
<div class="fbplbadge"></div>
<iframe src="http://www.facebook.com/plugins/likebox.php?href=&#91;SIZE=4&#93;&#91;B&#93;YOUR-FACEBOOK-PAGE&#91;/B&#93;&#91;/SIZE&#93;&amp;width=&#91;SIZE=4&#93;&#91;B&#93;250 &#91;/B&#93;&#91;/SIZE&#93;&amp;height=&#91;SIZE=4&#93;&#91;B&#93;25 0&#91;/B&#93;&#91;/SIZE&#93;&amp;colorscheme=light&amp;show_faces=tru e&amp;border_color=%23C4C4C4&amp;stream=false&amp; header=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:&#91;SIZE=4&#93;&#91;B&#93;250&#91;/B&#93;&#91;/SIZE&#93;px; height:&#91;SIZE=4&#93;&#91;B&#93;250&#91;/B&#93;&#91;/SIZE&#93;px;background:&#91;SIZE=4&#93;&#91;B&#93; #FFFFFF&#91;/B&#93;&#91;/SIZE&#93;;" allowtransparency="true"></iframe>
</div>
</code> </code>

وفي مكان your facebook page نضيف رابط صفحتنا



ارجوا ان تكونوا استفدتم من موضوعنا اليوم

وسوف نلتقي في موضوع القادم في افضل حلة





جميع الحقوق محفوظة لمدونة blog المبدع

©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى©