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

باستخدام منبثقة Facebook البسيطة والسهلة التركيب ، ستتمكن من عرض صفحة الفيسبوك الخاصة بك أمام زوار مدونتك ومن خلال هذا ، سيكون لديك 100 ٪ أكثر من الإعجابات على الفيسبوك .


قبل العنوان ، قبل تضمين عنصر واجهة Facebook في مدونة Blogger الخاصة بك ، اسمح لي أن أصف ما هو موقع Facebook ).

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

هناك العديد من مواقع الشبكات الاجتماعية على الإنترنت ولكن Facebook هو الزعيم بلا منازع.

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

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


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


كيفية إضافة واجهة Facebook  في مدونة Blogger


الخطوة 1. قم بتسجيل الدخول إلى مدونة Blogger الخاصة بك وانقر فوق " تخطيط" Layout وانقر فوق " إضافة أداة "Add a Gadget .


 كيفية إضافة إطار منبثق لفيسبوك  في مدونة بلوجر

 كيفية إضافة إطار منبثق لفيسبوك  في مدونة بلوجر

الخطوة 2. حدد  HTML / JavaScript  والصق الرمز أدناه في منطقة المحتوى كما هو موضح أدناه الصورة. 


 كيفية إضافة إطار منبثق لفيسبوك  في مدونة بلوجر


 كيفية إضافة إطار منبثق لفيسبوك  في مدونة بلوجر


 1: <script src='https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js' type='text/javascript'></script>   
 2: <style>   
 3: #popupFbLikeBox {display:none;position:fixed;background:rgba(0,0,0,0.7);height:100%;width:100%;left:0;top:0;z-index:99999;}   
 4: #popupArea {position:absolute;background:white;height:270px;width:auto;left:63%;top:58%;border-radius: 5px;margin:-220px 0 0 -375px;-moz-border-radius: 5px;-webkit-border-radius: 5px;}   
 5: #popupClose{text-align:center;padding:10px;position:relative;cursor:pointer;background: linear-gradient(#eee, #fff);border-top-left-radius: 5px;border-top-right-radius: 5px;color:#000;}   
 6: #popupClose:hover{color:red;}   
 7: .fbLikeboxArea {margin:0 auto;width:366px;height:1px;margin-top:16px;margin-left:20px;position:relative;}   
 8: @media only screen and (max-width: 500px) {   
 9: #popupArea{left:63%;top:58%;margin:-220px 0 0 -250px;}   
 10: .fb-like-box,.fb-like-box span,.fb-like-box span iframe[style]{width: 100% !important;}}   
 11: </style>   
 12: <script>   
 13: //<![CDATA[   
 14: jQuery.cookie = function (key, value, options) {   
 15: // set cookie...   
 16: if (arguments.length > 1 && String(value) !== "[object Object]") {   
 17: options = jQuery.extend({}, options);if (value === null || value === undefined) {   
 18: options.expires = -1;}if (typeof options.expires === 'number') {   
 19: var days = options.expires, t = options.expires = new Date();   
 20: t.setDate(t.getDate() + days);}   
 21: value = String(value);   
 22: return (document.cookie = [   
 23: encodeURIComponent(key), '=',   
 24: options.raw ? value : encodeURIComponent(value),   
 25: options.expires ? '; expires=' + options.expires.toUTCString() : '',   
 26: options.path ? '; path=' + options.path : '',   
 27: options.domain ? '; domain=' + options.domain : '',   
 28: options.secure ? '; secure' : ''   
 29: ].join(''));}   
 30: //get cookie...   
 31: options = value || {};   
 32: var result, decode = options.raw ? function (s) { return s; } : decodeURIComponent;   
 33: return (result = new RegExp('(?:^|; )' + encodeURIComponent(key) + '=([^;]*)').exec(document.cookie)) ? decode(result[1]) : null;};   
 34: //]]>   
 35: </script>   
 36: <script>   
 37: jQuery(document).ready(function($){   
 38: if($.cookie('logedin_user') != 'yes'){   
 39: $('#popupFbLikeBox').delay(2000).fadeIn('medium');   
 40: $('#popupClose').click(function(){   
 41: $('#popupFbLikeBox').stop().fadeOut('medium');   
 42: });   
 43: }   
 44: $.cookie('logedin_user', 'yes', { path: '/', expires: 7 });   
 45: });   
 46: </script>   
 47: <div id='popupFbLikeBox'>   
 48: <div id='popupArea'>   
 49: <div id='popupClose'>CLOSE   
 50: </div>   
 51: <div class='fbLikeboxArea'>   
 52: </div>   
 53: <iframe allowtransparency='true' frameborder='0' scrolling='no' src='//www.facebook.com/plugins/likebox.php?   
 54: href=https://www.facebook.com/pendsoft&width=402&height=255&colorscheme=light&show_faces=true&show_border=false&stream=false&header=false'   
 55: style='border: none; overflow: hidden; margin-top: -19px; width: 402px; height: 230px;'></iframe>   
 56: </div>   
 57: </div>   

الخطوه 3.

1. استبدل عنوان URL الخاص بصفحة Facebook على السطر رقم 54 بعنوان URL الخاص بصفحة Facebook.

2. يمكنك تغيير الوقت الذي يجب أن يظهر فيه الإطار المنبثق Facebook عن طريق زيادة الوقت في السطر رقم 39 أو خفضه  بشكل افتراضي ، لقد قمت بضبطه على الظهور بعد ثانيتين. 

ولكن إذا كنت ترغب في زيادة الوقت"delay (5000)" إذا كنت ترغب في عرض الإطار المنبثق الخاص بك بعد 5 ثوانٍ أو "(7000)" لمدة 7 ثوانٍ ، إلخ.


الخطوة 4. أخيرًا ، انقر فوق " حفظ"Save لحفظ الإعدادات.
يرجى ملاحظة: قد لا ترى النافذة المنبثقة مرة واحدة ، لذا انتظر لبضع ثوان وقم بمسح ملفات تعريف الارتباط الخاصة بالمتصفح.

استنتاج

أتمنى أن تكون قد أضفت عنصر واجهة مستخدم Pop-Up Facebook Like بنجاح على مدونة Blogger. لقد تم اختباره بالكامل ويعمل بنسبة 100٪.

ولكن إذا واجهت أي مشكلة في هذه العملية ، يمكنك ترك تعليق أدناه وسيسعدني أن اساعدك

مواضيع ذات صلة

تعليقات

  • تعليقات Blogger
  • تعليقات Disqus
  • تعليقات Facebook

إرسال تعليق

جميع الحقوق محفوظة لـالملك التقني designed by Rawpixel.com - Freepik.com