الأربعاء، 27 مايو 2015
الرئيسية
إضافات بلوجر
دروس
Blogger Widget
Facebook
رسالة منبثقة للانضمام لصفحة مدونتك على فيس بوك
0
التعليقات
فيس بوك من
أهم المواقع الاجتماعية على الإطلاق و يوجد حوالي 1.6 مليار حساب نشط حول العالم منهم ما يقرب من 62 مليون حساب نشط في عالمنا العربي.
و كما تحدثنا في تدوينة سابقة - بعنوان مواقع التواصل الاجتماعي و مردودها على مدونتك الربحية - عن أهمية مواقع التواصل الاجتماعي فإننا نقدم هذه الإضافة اليوم بخصوص موقع فيس بوك و هي عبارة عن رسالة منبثقة تظهر بعد اكتمال تحميل صفحة موقعك أو مدونتك بوقت بسيط تقوم أنت بتحديده و تدعو هذه الرسالة الزائرين إلى الانضمام لصفحة مدونتك على فيس بوك ليصله كل جديد عن الموقع.
و كما تحدثنا في تدوينة سابقة - بعنوان مواقع التواصل الاجتماعي و مردودها على مدونتك الربحية - عن أهمية مواقع التواصل الاجتماعي فإننا نقدم هذه الإضافة اليوم بخصوص موقع فيس بوك و هي عبارة عن رسالة منبثقة تظهر بعد اكتمال تحميل صفحة موقعك أو مدونتك بوقت بسيط تقوم أنت بتحديده و تدعو هذه الرسالة الزائرين إلى الانضمام لصفحة مدونتك على فيس بوك ليصله كل جديد عن الموقع.
يمكنك
معاينة الإضافة من هنا :
هيا بنا إلى الجانب العملي :
نستعين
بالله أولا قبل كل شئ.
1-
قم بالذهاب إلى
لوحة تحكم بلوجر الخاصة بمدونتك.
2-
قم بالذهاب إلى
" التخطيط ".
3-
قم بإضافة أداة HTML/JavaScript.
- يمكنك معرفة كيفية إضافة الأداة بمراجعة هذا الموضوع : إضافة أدواتك المفضلة لمدونتك و تخصيص أداة HTML/JavaScript.
4-
قم بإضافة
الكود التالي داخل الأداة ثم قم بالحفظ.
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'></script>
<style>
#fbox-background {
display: none;
background: rgba(0,0,0,0.8);
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 99999;
}
#fbox-close {
width: 100%;
height: 100%;
}
#fbox-display {
background: #eaeaea;
border: 5px solid rgba(51,0,221,0.6);
width: 420px;
height: 280px;
position: absolute;
top: 30%;
left: 32%;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
#fbox-button {
float: right;
cursor: pointer;
position: absolute;
right: 0px;
top: 0px;
}
#fbox-button:before {
content: "X";
padding: 2px;
background: rgba(51,0,221,0.6);
color: #eaeaea;
font-weight: bold;
font-size: 12px;
font-family: Tahoma;
}
#fbox-link,#fbox-link a.visited,#fbox-link a,#fbox-link 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) {
// key and at least value given, 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() : '', // use expires attribute, max-age is not supported by IE
options.path ? '; path=' + options.path : '',
options.domain ? '; domain=' + options.domain : '',
options.secure ? '; secure' : ''
].join(''));
}
// key and possibly options given, 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 type='text/javascript'>
jQuery(document).ready(function($){
if($.cookie('popup_facebook_box') != 'yes'){
$('#fbox-background').delay(5000).fadeIn('medium');
$('#fbox-button, #fbox-close').click(function(){
$('#fbox-background').stop().fadeOut('medium');
});
}
$.cookie('popup_facebook_box', 'yes', { path: '/', expires: 7 });
});
</script>
<div id='fbox-background'>
<div id='fbox-close'>
</div>
<div id='fbox-display'>
<div id='fbox-button'>
</div>
<iframe allowtransparency='true' frameborder='0' scrolling='no' src='//www.facebook.com/plugins/likebox.php?
href=https://www.facebook.com/Profit.techniques?&width=418&height=249&colorscheme=light&show_faces=true&show_border=false&stream=false&header=false'
style='border: none; overflow: hidden; background: #fff; width: 418px; height: 238px;'></iframe>
<div style='color:#000;font-size:9px;font-weight:bold;' id="fbox-link">تم التطوير بواسطة <a style='padding-left: 0px;font-size:10px;font-weight:bold;color:#3300dd;' href="http://profit-tech.blogspot.com" rel="dofollow">فن الربح</a></div>
</div>
</div>
مع
مراعاة الآتي :
- قم باستبدال " https://www.facebook.com/Profit.techniques? " برابط صفحة مدونتك على فيس بوك.
- " .delay(5000) " : الرقم " 5000 " يمثل خمس ثوان و هي عبارة عن الفترة التي تظهر الرسالة بعد مرورها بعد اكتمال تحميل الصفحة. قم بتغييرها بما يناسبك.
- الإضافة معدة للظهور عند دخول الزائر إلى مدونتك لأول مرة. إذا أردت ظهور الرسالة في كل مرة يدخل فيها الزائر إلى مدونتك٬ فقم بحذف هذا الجزء من الكود :
$.cookie('popup_facebook_box', 'yes', { path: '/', expires: 7 });
- الإضافة معدة للظهور عند دخول الزائر لأي صفحة للمدونة. إذا أردت
أن تظهر الرسالة فقط عند زيارة الزائر للصفحة الرئيسية لمدونتك٬ فبدلاً من
إضافة كود الإضافة داخل أداة HTML/JavaScript - كما بينا بالأعلى - قم بعمل الآتي :
1-
قم بالنقر على
" Ctrl + F " داخل قالب مدونتك و ذلك ليظهر لك مربع البحث داخل القالب.
2-
قم بالبحث عن
" body> </ ".
3-
قم بإضافة الكود
التالي فوق الكود " body> </ " :
<b:if cond='data:page.type == "index"'>أضف هنا كود الإضافة </b:if>
مع استبدال هذه الجملة
" أضف هنا كود الإضافة " بكود الإضافة الطويل الموجود أعلى الصفحة.
و بذلك نكون قد انتهينا من إعداد هذه الإضافة الجميلة التي ستعود عليك
بالمزيد من الزيارات فالمزيد من الربح بإذن الله.
و انتظرونا في التدوينة القادمة بإذن الله تعالى
الاشتراك في:
تعليقات الرسالة (Atom)
اشترك في خدمة البريد ليصلك جديدنا
إرسال تعليق
كم يسعدنا تفاعلكم معنا بتعليقاتكم الهادفة٬ فهي تساعد على إثراء الحوار بالمزيد من الإفادة للجميع و أنا أولكم. لكن يرجى من الجميع مراعاة الآداب العامة و القيم الإسلامية و عدم نشر روابط للإشهار حتى يتم نشر التعليق. كما يمكنكم استخدام ركن الاستفسارات للسؤال عن شئ خارج الموضوع كما يمكنك إضافة كود داخل التعليق بعد تحويله بـمحول الأكواد .