إضافة صندوق إعجاب صفحة الفيسبوك لمدونات بلوجر منبثق
مقالآت حصرية

جاري التحميل ...

الأحد، 28 يناير 2018

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

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

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

هذة الأضافة تعمل بالكوكيز أي انك تستطيع التحكم بفترة ظهورها للزائر بين الحين والآخر، بمعنى آخر إذا أغلقها الزائر لاتضهر له إلا بعد فترة تحددها أنت .

معاينة الإضافة


تركيب الإضافة



ليس عليك القلق من ناحية التركيب، في سهلة جداً فقط كل ما عليك سوى إتباع بضع خطوات وستعمل معك بإذن الله .

- قم بالتوجة إلى لوحة تحكم بلوجر .
- إضغط على خيار المظهر من القائمة اليمنى .
- إضغط على تحرير HTML .
- قم بنسخ محتوى القالب كنسخة إحتياطية في حالة حدوث مشكلة .

أولاً (CSS) :

قم بنسخ الكود التالي والصقة فوق الوسم </head> .


<style>
#popupFbLikeBox {display:none;position:fixed;background:rgba(0,0,0,0.7);height:100%;width:100%;left:0;top:0;z-index:99999;}
#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;}
#popupClose{text-align: center;
padding: 0px 10px;
position: relative;
cursor: pointer;
background: linear-gradient(#eee, #fff);
border-top-left-radius: 5px;
border-top-right-radius: 5px;
color: #290707;
height: 40px;
line-height: 38px;
font-size: 16px;
font-weight: bold;
transition: ease .5s all;}
#popupClose:hover{    color: #ff0024;
    font-size: 20px;
    font-weight: bold;
}
.fbLikeboxArea {margin:0 auto;width:366px;height:1px;margin-top:16px;margin-left:20px;position:relative;}
@media only screen and (max-width: 500px) {
#popupArea{left:63%;top:58%;margin:-220px 0 0 -250px;}
.fb-like-box,.fb-like-box span,.fb-like-box span iframe[style]{width: 100% !important;}}
</style>



ثانياً (JAVASCRIPT) :

قم بنسخ الكود التالي والصقة فوق الوسم </body> .


<script>
//<![CDATA[
jQuery.cookie = function (key, value, options) {
// set 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() : '',
options.path ? '; path=' + options.path : '',
options.domain ? '; domain=' + options.domain : '',
options.secure ? '; secure' : ''
].join(''));}
//get 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>
jQuery(document).ready(function($){
if($.cookie(&#39;logedin_user&#39;) != &#39;yes&#39;){
$(&#39;#popupFbLikeBox&#39;).delay(2000).fadeIn(&#39;medium&#39;);
$(&#39;#popupClose&#39;).click(function(){
$(&#39;#popupFbLikeBox&#39;).stop().fadeOut(&#39;medium&#39;);
});
}
$.cookie(&#39;logedin_user&#39;, &#39;yes&#39;, { path: &#39;/&#39;, expires: 7 });
});
</script>


ملاحظة : قم بتغيير الرقم "7" الملون باللون الأخضر لتغيير مدة ضهور الإضافة ( 7 أيام ) .
إذا أردتها أن تظهر للزائر في كل مرة يقوم فيها بفتح صفحة ولا تختفي لمدة هكذا يوم قم بتغيير القيمة إلى "0" .

ثالثاً (HTML) :

قم بنسخ الكود التالي والصقة أسفل الوسم <body> .


<div id='popupFbLikeBox'>
<div id='popupArea'>
<div id='popupClose'>إغلاق</div>
<div class='fbLikeboxArea'>
</div>
<iframe allowtransparency='true' frameborder='0' scrolling='no' src='//www.facebook.com/plugins/likebox.php? href=https://www.facebook.com/aden1web&amp;width=402&amp;height=255&amp;colorscheme=light&amp;show_faces=true&amp;show_border=false&amp;stream=false&amp;header=false' style='border: none; overflow: hidden; margin-top: -19px; width: 402px; height: 230px;'></iframe>
</div>
</div>


قم بتغيير الرابط الملون باللون الأحمر إلى رابط صفحتك على الفيسبوك .

هذا كل مافي الأمر، إن إحتجت إلى مساعدة في إضافة الصندوق فلا تتردد في ترك تعليق، ودمتم في أمان الله .

كلمات مفتاحية   إضافة صندوق إعجاب صفحة الفيسبوك إصندوق إعجاب صفحة الفيسبوك منبثق صندوق لايك الفيسبوك facebook page like widget



عن الكاتب :

عدن ويب مدونة إلكترونية متخصصة في مجال التقنية تهتم بنشر جديد المقالات والبرامج والألعاب على حد سواء وتقدم أيضا شروحات للبرامج وطرق الأختراق والبرمجة


التعليق بواسطة الفيسبوك




التعليق بواسطة بلوجر



يسعدنا تفاعلكم بالتعليق، لكن يرجى مراعاة الشروط التالية لضمان نشر التعليق
1أن يكون التعليق خاص بمحتوى التدوينة
2أن لا تضع أي روابط خارجية
3لإضافة كود حوله أولاً بمحول الأكواد
3للتبليغ عن رابط لا يعمل او مشكلة في الموقع من هنا الطلب
4لطلب خدمة التبادل الاعلاني المطور من هنا

إتصل بنا

الإسم الكريم البريد الإلكتروني مهم الرسالة مهم

شارك التدوينة

إذا أعجبك الموضوع قم بمشاركته مع أصدقائك

بضغطة زر تدعمنا وتشارك الفائدة

تم النسخ