اضافة صندوق الفيس بوك المنبثق بطريقة احترافية

احبتي متابعي مدونة الاندوريد الذهبى للمعلوميات والربح من النت ، اليوم ان شاء الله سوف اشرح لكم طريقة اضافة صندوق الفيس بوك المنبثق بطريقة احترافية في المدونة ، بمعنى انا صندوق الفيس بوك سوف يظهر مباشرة لما يدخل الزائر الى موقعك او مدونتك الخاصة ، وهناك فرصة عاليه لكي يضغط على الزر اعجاب وبهذه الطريقة تزيد في عدد المعجبين لصفحتك على الفيس بوك بالكثرة و طريقة لا تتطلب ان تكون محترف ،اضافة صندوق الفيس بوك المنبثق بطريقة احترافية يكون عن طريق HTML/JavaScript وصراحة صندوق الاعجاب فيس بوك الذي وضعتة لكم روعة.

فيما لا شك ان الموقع الاجتماعي الفيس بوك مصدر مهم للزوار حيث اصبح اصحاب المواقع والمدونات يركزون عليه بشكل كبير وذلك عن طريق انشاء صفحات خاصة بمواقعهم ومدوناتهم ، الفيس بوك اصبح من الامور المهمة في الحياة لدى كل الناس من اجل تعرف على الاصدقاء اوجمع العائلة و ايضا من اجل البيع والشراء ، وهناك ايضا طريقة اخرى وهي انشاء صفحة الفيس بوك من اجل اشهار موقعك او مدونتك ... .

ومن بين هذه الخدمات التي يقدمها لك الفيس بوك ان تجمع عدد كبير من المعجبين عكس اليومية ، لهذا اصبح من الضروريات لدى المدونين اضافة صندوق الفيس بوك المنبثق بطريقة احترافية من اجل جذب الناس الى الصفحة ، الواحد يتسائل لماذا بضبط صندوق المعجبين هل يربح اموال من الفيس بوك عكس الموقع !؟ الواحد لما يستقطب الزوار الفيس بوك من الموقع طبعا هذا الزائر لا يطلع على المواضيع الخاصة بك الا اذا قمت بوضعها على الفيس بوك ليجدها في الصفحة الرئسية ثم بعد ذلك سوف يدخل الى موقعك .

لهذا سوف نشرح في هذا الموضوع سنرى كيفية اضافة صندوق الفيس بوك المنبثق بطريقة احترافية وهو شيء مهم ومفيد لمدونتك فهو يساعدك في الحصول على المزيد من المعجبين مباشرة من مدونتك دون الحاجة لدخول الزائر لصفحتك على الفيس بوك ، كما ان الطريقة سهلة الاستعمال وغير معقد في التعامل ونترككم مع الشرح .

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

اولا اذهب الى مدونة
التخطيط
اضافة اذاة
HTML/JavaScript
ثم قم بلصق الكود
لا تنسى تغير صفحة الفيس بوك برابط صفحتك
https://www.facebook.com/gaber1982
هكذا تكون بالصورة كي تفهم اكثر

كود صندوق الفيس بوك

<style scoped='' type='text/css'> 
#fb-fanbox {display:none;background:rgba(0,0,0,0.9);width:100%;height:100%;position:fixed;top:0;right:0;z-index:99999;}
#fb-boxclose {width:100%;height:100%;}
#fb-boxview {background:#fff;border:8px solid #03a9f4;width:340px;height:230px;position:absolute;top:33%;right:37%;border-radius:3px;}
#fb-closebox {float:left;cursor:pointer;position:absolute;left:-1px;top:-2px;}
#fb-closebox:before {content:"CLOSE";padding:5px 8px;background:#03a9f4;color:#fff;font-weight:normal;font-size:10px;font-family:inherit;}
#fb-boxlink,#fb-boxlink a.visited,#fb-boxlink a,#fb-boxlink a:hover {color:#aaaaaa;font-size:9px;text-decoration:none;text-align:center;padding:5px;}
</style>
<script type='text/javascript'>
//<![CDATA[
jQuery.cookie = function (key, value, options) {
// Pengaturan cookie
if (arguments.length > 1 && String(value) !== "[object Object]") {
options = jQuery.extend({}, options);
if (value === null || value === undefined) {
options.expires = -1;
}
if (typeof options.expires === 'number') {
var days = options.expires, t = options.expires = new Date();
t.setDate(t.getDate() + days);
}
value = String(value);
return (document.cookie = [
encodeURIComponent(key), '=',
options.raw ? value : encodeURIComponent(value),
options.expires ? '; expires=' + options.expires.toUTCString() : '', // use expires attribute, max-age is not supported by IE
options.path ? '; path=' + options.path : '',
options.domain ? '; domain=' + options.domain : '',
options.secure ? '; secure' : ''
].join(''));
}
// Dapatkan cookie
options = value || {};
var result, decode = options.raw ? function (s) { return s; } : decodeURIComponent;
return (result = new RegExp('(?:^|; )' + encodeURIComponent(key) + '=([^;]*)').exec(document.cookie)) ? decode(result[1]) : null;
};
//]]>
</script>
<script type='text/javascript'>
jQuery(document).ready(function($){
if($.cookie('popup_facebook_box') != 'yes'){
$('#fb-fanbox').delay(3000).fadeIn('fast');
$('#fb-closebox, #fb-boxclose').click(function(){
$('#fb-fanbox').stop().fadeOut('fast');
});
}
$.cookie('popup_facebook_box', 'yes', { path: '/', expires: 7 });
});
</script>
<div id='fb-fanbox'>
<div id='fb-boxclose'>
</div>
<div id='fb-boxview'>
<div id='fb-closebox'>
</div>
<iframe allowtransparency='true' frameborder='0' scrolling='no' src='//www.facebook.com/plugins/likebox.php?
href=https://www.facebook.com/gaber1982&width=402&height=255&colorscheme=light&show_faces=true&show_border=false&stream=false&header=false'
style='border:none;overflow:hidden;width:339px;height:200px;'></iframe>
</div>
</div>

الاندوريد الذهبى للمعلوميات

القائمة الرئيسية

الصفحات

اضافة صندوق الفيس بوك المنبثق بطريقة احترافية

اضافة صندوق الفيس بوك المنبثق بطريقة احترافية

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

أخر المواضيع من قسم : بلوجر