إضافة زر أعجبنى للفيس بوك لمدونتك أو موقعك بأشكال مختلفة
بسم الله الرحمن الرحيم
في هذا الموضوع سنتحدث عن إضافة رائة بأشكال مختلفة و متميزة و هى إضافة الفيس بوك لموقعك أو مدونت
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
إضافة زر أعجبنى
و له عدة أشكال مختلفة كالتالى
الشكل الاول:
الكود
يوضع هذا الكود في صفحة html الخاصة بالمدونة أو الموقع ... مباشرة بعد
الكود:
[right]
[/right]
<div id="fb-root">
</div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/ar_AR/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
أما هذا الكود يوضع في المكان الذى تريد أن تضيف فيه الأداة ..
الكود:
<div class="fb-like" data-href="https://www.facebook.com/worldnetblog" data-send="true" data-width="300" data-show-faces="true" data-font="arial">
</div>
و قم بتغيير رابط الفيس بوك في الكود الثانى [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] برابط صفحتك
الشكل الثانى:
الكود
يوضع هذا الكود في صفحة html الخاصة بالمدونة أو الموقع ... مباشرة بعد
الكود:
[right][/right]
<div id="fb-root">
</div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/ar_AR/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
أما هذا الكود يوضع في المكان الذى تريد أن تضيف فيه الأداة ..
الكود:
<div class="fb-like" data-href="https://www.facebook.com/worldnetblog" data-send="true" data-layout="button_count" data-width="300" data-show-faces="true" data-font="arial">
</div>
و قم بتغيير رابط الفيس بوك في الكود الثانى [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] برابط صفحتك
الشكل الثالث:
الكود
يوضع هذا الكود في صفحة html الخاصة بالمدونة أو الموقع ... مباشرة بعد
الكود:
[right] [b][b] [/b][/b][/right]
<div id="fb-root">
</div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/ar_AR/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
أما هذا الكود يوضع في المكان الذى تريد أن تضيف فيه الأداة ..
الكود:
[left][right]
الكود:
<div class="fb-like" data-href="https://www.facebook.com/worldnetblog" data-send="true" data-layout="box_count" data-width="300" data-show-faces="true" data-font="arial">
الكود:
</div>
و قم بتغيير رابط الفيس بوك في الكود الثانى [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] برابط صفحتك
هاااااام جدا :
يمكنك تغيير حجم هذه الإضافات حسب رغبتك بتغيير المتغيير الموجود في الكود الثانى لكل شكل و هو "300"=data-width
, قم بتغيير الرقم 300 إلى أى حجم تريده و هو بالبيكسل px
و هذكا تمت الاضافة بنجاح إذا كان هناك مشاكل راسلنا أو إترك تعليقا
▬▬▬▬▬▬▬▬ஜ ۩۞۩ ஜ▬▬▬▬▬▬▬▬
أهلا وسهلا يك (زائر) في منتديات التونسية للمحمول
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة] قوانين منتدى التونسية للمحمول ( المرور من هنا واجب )
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة] طريقة الإنظمام إلي مجموعة أعضاء سبور € GSM Tn
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة] هام لكل الأعضاء الجدد {اخي ..}، كنت عضومنذُ{8 أيام الأخيرة..}
كتبت وقد أيقنت يوم كتابتي بأن يدي تفنى ويبقى كتابها فإن كتبت خيرا ستجزى بمثله وإن كتبت شراً عليها حسابها...
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة] قوانين منتدى التونسية للمحمول ( المرور من هنا واجب )
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة] طريقة الإنظمام إلي مجموعة أعضاء سبور € GSM Tn
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة] هام لكل الأعضاء الجدد {اخي ..}، كنت عضومنذُ{8 أيام الأخيرة..}
كتبت وقد أيقنت يوم كتابتي بأن يدي تفنى ويبقى كتابها فإن كتبت خيرا ستجزى بمثله وإن كتبت شراً عليها حسابها...