الرئيسية أدوات تكنو ستيشن محطة التقنية محطة التقنية | Techno station all إضافة نافذة الفيس بوك منبثقة مع الغلاف بشكل جديد لمدونات بلوجر

السبت، 11 يوليو 2015

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

✔ مجو

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

السلام عليكم ورحمة الله وبركاته 
اليوم سوف نقوم بشرح طريقة إضافة نافذة الفيس بوك منبثقة مع غلاف الفيس بوك  لمدونات بلوجر ، الإضافة في غاية الروعة  تحتوي على غلاف الفيس بوك وأيضاً على زري  الإعجاب والمشاركة .
صورة الإضافة 
- طريقة التركيب : 
1- أدخل إلى مدونتك | ثم أختر لوحة التحكم >> تخطيط >> إضافة أداة : HTML/JavaScript
2- أضف الكود التالي في صندوق الإضافة ثم إحفظ :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'></script>
<style>
#popup-background {
    display: none;
    background: rgba(0,0,0,0.8);
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999;
}
#popup-shut {
    width: 100%;
    height: 100%;
}
#popup-container {
    background: #415E9A;
    border: 5px solid #415E9A;
    width: 300px;
    height: 240px;
    position: absolute;
    top: 32%;
    left: 37%;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
#fb-butam {
    float: right;
    cursor: pointer;
    position: absolute;
    right: 0px;
    top: 0px;
}
#fb-butam:before {
    content: "CLOSE";
    padding: 5px 8px;
    background: #415E9A;
    color: #eaeaea;
    font-weight: bold;
    font-size: 10px;
    font-family: Georgia;
}
#fbox-link,#fbox-link a.visited,#fbox-link a,#fbox-link a:hover {
    color: #FEFEFE;
    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() : '',
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'){
$('#popup-background').delay(1000).fadeIn('medium');
$('#fb-butam, #popup-shut').click(function(){
$('#popup-background').stop().fadeOut('medium');
});
}
$.cookie('popup_facebook_box', 'yes', { path: '/', expires: 7 });
});
</script>
<div id='popup-background'>
<div id='popup-shut'>
</div>
<div id='popup-container'>
<div id='fb-butam'>
</div>
<iframe src="http://www.facebook.com/v2.3/plugins/page.php?app_id=&amp;channel=http%3A%2F%2Fstatic.ak.facebook.com%2Fconnect%2Fxd_arbiter%2FNM7BtzAR8RM.js%3Fversion%3D41%23cb%3Df37a7397d8%26domain%3Dhomeblog7.blogspot.com%26origin%3Dhttp%253A%252F%252Fhomeblog7.blogspot.com%252Ff1f37dc2f8%26relation%3Dparent.parent&amp;container_width=300&amp;hide_cover=false&amp;href=https%3A%2F%2Fwww.facebook.com%2FChristiaUnion
&amp;locale=en_US&amp;sdk=joey&amp;show_facepile=true&amp;show_posts=false&amp;width=300" frameborder="0" allowtransparency="true" allowfullscreen="true" scrolling="no" style="border: none; visibility: visible; width: 300px; height: 224px;" class=""></iframe>
<div id="fbox-link">Powered by <a style="padding-left: 0px;" href="http://www.homeblog7.blogspot.com" rel="dofollow">Home Blogger</a></div>
</div>
</div>
- التعديلات :
- أبحث عن " ChristiaUnion " في الكود وعدّله بأسم صفحتك على الفيس بوك .
 
 

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

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

الموضوع التالي
الموضوع السابق

الاشتراك في: تعليقات الرسالة (Atom)