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

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

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

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

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

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


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



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

- قم بالتوجة إلى لوحة تحكم بلوجر .
- إضغط على خيار المظهر من القائمة اليمنى .
- إضغط على تحرير 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>

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

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

google-playkhamsatmostaqltradent