linnou
11-01-2013, بتوقيت غرينيتش 08:21 AM
بسم الله الرحمن الرحيم
اهلا وسهلا بكم اخواني الكرام
قبل كل شيء اهنئكم بحلول العيد المبارك
وبعد غيابي آتيكم بتدوينة حصرية استخرجتها من احد المواقع الاجنبية
وهي عن طريقة اضافة هذه الأداة
http://4.bp.blogspot.com/-TvFOFKkPOeg/T387y_p5zQI/AAAAAAAABqg/-4kYennfj5M/s1600/floating+static+facebook+like+box+widget+for+blogg er+blogspot.png
نتابع طريقة الاضافة
نتوجه الى القالب template ونبحث عن هذه الجملة joomla
رمز PHP:
<code style="white-space:nowrap"> <code> </head>
</code> </code>
نضيف فوقها هذه
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
نحفظ القالب template ثم نتوجه الى تخطيط
ونضيف اداة جديدة html/java script
ونضيف فيها هذا الكود code
رمز PHP:
<code style="white-space:nowrap"> <code> <style type="text/css">
/*<![CDATA[*/
#fbplikebox{display: block;padding: 0;z-index: 99999;position: fixed;}
.fbplbadge {background-color:[SIZE=4][B]#3B5998[/B][/SIZE];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;}
/*]]>*/
</style>
<script type="text/javascript">
/*<![CDATA[*/
(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);
/*]]>*/
</script>
<div id="fbplikebox" style="display:none;">
<div class="fbplbadge"></div>
<iframe src="http://www.facebook.com/plugins/likebox.php?href=[SIZE=4][B]YOUR-FACEBOOK-PAGE[/B][/SIZE]&width=[SIZE=4][B]250[/B][/SIZE]&height=[SIZE=4][B]250[/B][/SIZE]&colorscheme=light&show_faces=true&border_col or=%23C4C4C4&stream=false&header=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:[SIZE=4][B]250[/B][/SIZE]px; height:[SIZE=4][B]250[/B][/SIZE]px;background:[SIZE=4][B]#FFFFFF[/B][/SIZE];" allowtransparency="true"></iframe>
</div>
</code> </code>
وفي مكان your facebook page نضيف رابط صفحتنا
ارجوا ان تكونوا استفدتم من موضوعنا اليوم
وسوف نلتقي في موضوع القادم في افضل حلة
جميع الحقوق محفوظة لمدونة blog المبدع
https://fbcdn-sphotos-d-a.akamaihd.net/hphotos-ak-ash4/482113_236967293114455_1193518507_n.png (http://www.dzbatna.com)
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى (http://www.dzbatna.com)©
اهلا وسهلا بكم اخواني الكرام
قبل كل شيء اهنئكم بحلول العيد المبارك
وبعد غيابي آتيكم بتدوينة حصرية استخرجتها من احد المواقع الاجنبية
وهي عن طريقة اضافة هذه الأداة
http://4.bp.blogspot.com/-TvFOFKkPOeg/T387y_p5zQI/AAAAAAAABqg/-4kYennfj5M/s1600/floating+static+facebook+like+box+widget+for+blogg er+blogspot.png
نتابع طريقة الاضافة
نتوجه الى القالب template ونبحث عن هذه الجملة joomla
رمز PHP:
<code style="white-space:nowrap"> <code> </head>
</code> </code>
نضيف فوقها هذه
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
نحفظ القالب template ثم نتوجه الى تخطيط
ونضيف اداة جديدة html/java script
ونضيف فيها هذا الكود code
رمز PHP:
<code style="white-space:nowrap"> <code> <style type="text/css">
/*<![CDATA[*/
#fbplikebox{display: block;padding: 0;z-index: 99999;position: fixed;}
.fbplbadge {background-color:[SIZE=4][B]#3B5998[/B][/SIZE];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;}
/*]]>*/
</style>
<script type="text/javascript">
/*<![CDATA[*/
(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);
/*]]>*/
</script>
<div id="fbplikebox" style="display:none;">
<div class="fbplbadge"></div>
<iframe src="http://www.facebook.com/plugins/likebox.php?href=[SIZE=4][B]YOUR-FACEBOOK-PAGE[/B][/SIZE]&width=[SIZE=4][B]250[/B][/SIZE]&height=[SIZE=4][B]250[/B][/SIZE]&colorscheme=light&show_faces=true&border_col or=%23C4C4C4&stream=false&header=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:[SIZE=4][B]250[/B][/SIZE]px; height:[SIZE=4][B]250[/B][/SIZE]px;background:[SIZE=4][B]#FFFFFF[/B][/SIZE];" allowtransparency="true"></iframe>
</div>
</code> </code>
وفي مكان your facebook page نضيف رابط صفحتنا
ارجوا ان تكونوا استفدتم من موضوعنا اليوم
وسوف نلتقي في موضوع القادم في افضل حلة
جميع الحقوق محفوظة لمدونة blog المبدع
https://fbcdn-sphotos-d-a.akamaihd.net/hphotos-ak-ash4/482113_236967293114455_1193518507_n.png (http://www.dzbatna.com)
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى (http://www.dzbatna.com)©