الأرشيف لأجل فبراير 2014

السلام عليكم و رحمة الله تعالى و بركاته
في هده التدوينة المتواضعة ساشرح كيف تصلح مشكل الكتابة العربية التي تبدأ من اليسار
حيث تجد أن القالب كلله يبدأ من الياسر إلى اليمين
نبدأ على بركة الله
1) لإصلاح هذا المشكل يجب عليك الذهاب إلى مدونتك في بلوجر
2) تم إضغط على قالب
3) بعدها إضغط تحرير HTML
4)  ثم في الكيبورد إضغط Ctrl + F داخل لوحة تحرير ال HTML
5)  بعدها إبحث عن هذا الكود

1
2
3
body { 
أو 
body{
6) ثم ضع بعده هذا الكود (أسفله )
1
Direction : rtl;
و بهدا تكون قد أصلحت مشكل إتجاه الكتابة في قالبك
و شكرا لك لتخصيص وقتك لقراءة هذه التدوينة أتمنى أن تشترك بصفحتنا على الفيسبوك ليصلك الجديد

إصلاح مشكل الكتابة من اليسار إلى اليمين في مدونات بلوجر


السلام عليكم و رحمة الله تعالى و بركاته
في هده التدوينة المتواضعة ساشرح كيف تصلح مشكل الكتابة العربية التي تبدأ من اليسار
حيث تجد أن القالب كلله يبدأ من الياسر إلى اليمين
نبدأ على بركة الله
1) لإصلاح هذا المشكل يجب عليك الذهاب إلى مدونتك في بلوجر
2) تم إضغط على قالب
3) بعدها إضغط تحرير HTML
4)  ثم في الكيبورد إضغط Ctrl + F داخل لوحة تحرير ال HTML
5)  بعدها إبحث عن هذا الكود

1
2
3
body { 
أو 
body{
6) ثم ضع بعده هذا الكود (أسفله )
1
Direction : rtl;
و بهدا تكون قد أصلحت مشكل إتجاه الكتابة في قالبك
و شكرا لك لتخصيص وقتك لقراءة هذه التدوينة أتمنى أن تشترك بصفحتنا على الفيسبوك ليصلك الجديد

السلام عليكم و رحمة الله تعالى و بركاته
1) أولا  يجب عليك الذهاب إلى مدونتك في بلوجر
2) تم إضغط على قالب
3) بعدها إضغط تحرير HTML
4)  ثم في الكيبورد إضغط Ctrl + F داخل لوحة تحرير ال HTML
5)  بعدها إبحث عن هذا الكود
1
]]>
6) و أضف قبله ( فوقه ) هذا الكود 
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
.social-icone{ height:93px;}

.social-icone div{ margin: 0 12px;}

.social-icone a{ text-decoration:none;}

.you-icone b, .twt-icone b,.face-icone b,.rss-icone b{ font:14px tahoma; color:#8c8b8b;}

.you-icone span,.twt-icone span,.face-icone span,.rss-icone span{font:11px tahoma; color:#a3a3a3;}

.you-icone{

width: 50px;

height: 32px;

background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkIdeHykIpxdsKdLLiv2qugT3F8OOFyY1wao4eb8IvP4uuJQDMW1W2wRRTRwVBIDqttLvL4Q8OFSjgEEjRZzhpFXBsUgDXx0rmfXgpczPqKFBWNTipAAenjp-N9ZGbcC7PuzlZgcHq_A8/s1600/youtube.png)top no-repeat;

text-align: center;

padding-top: 56px;

float:right;

}

.you-icone:hover{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8ZRy5zJvFrAWtfyfQA-7cCJN-MRc0qRcbY3QVHaYOIffBdM5ajIiBFVBW5h_ZboeeuNy1UF-6pfS2VDjHVAgULM9TBlaUpczPJbXdx82C5Ls1PO4_atq71MLtUaeWI9gwQr5gkNc6n0s/s1600/youtube2.png)top no-repeat;}

.twt-icone{

width: 50px;

height: 32px;

background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2Z70GErFY9TjMDbl-KY2zmy9KdVMzes_9UvZaE6NR8ccgRA29kaXpWpaix7A4zQxa3Ob4ZeafsnbczbW8IBwOsSm0sUkd6HmPMfUTI-JJg28Iql7xhbeFs7yirv-ggo5EytYMJQAjWzo/s1600/twitter.png)top no-repeat;

text-align: center;

padding-top: 56px;

float:right;

}

.twt-icone:hover{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxsgziHoYJuJfEZyfpqVhjrKkEAT9bOc90XkLo6wedmycL3QavP7ZO2are-lgXFPRxKMD8yifcDdX7nnTrs9a7ADFypbSF_eAL2GqdWA65COKTXUwUGfezUwEAuKzJbjPu0mJ21BGZQAs/s1600/twitter2.png)top no-repeat;}

.face-icone{

width: 50px;

height: 32px;

background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjv0cd2UocBieecoAheOvxA_fEu4e4a9v9GhXAdgESAkhftbpGU6zhhsTqCcTvGFu5vnTWqZCPDp0PNTrZHWbdJDfhfnZVDn-Lb0xLBAiSr9nAY2HpQCzFM4zbg2yDwiCSiK8p1BJE_MmI/s1600/facebook.png)top no-repeat;

text-align: center;

padding-top: 56px;

float:right;

}

.face-icone:hover{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWQuja3X3Sd682X_SpPP8a7F7NmVLvOxFB_jmZ5wTiwyeG1sC1BjzVHH4tzGXAfnp89CH8Jz9z0fRu_-AyvNbmD04tFfaPYDDBO0uqtVC_BrCVy0AJ93R7AM1o_a1gm1fwb7pXiD_ClW8/s1600/facebook2.png)top no-repeat;}

.rss-icone{

width: 50px;

height: 32px;

background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgiWY8eRsnGp34YehiqeiZ2beJrvPaaUOafWbflrc03tQgri_bPhkcNp_jJOrhZM72_vsPbKLKc_X7HAMs0shwDiW4ExglQ8x3kRES0_9Kzb0PoE_dn2rtuoBzEbRu1nuLdIvKqCLK7SOA/s1600/RSS.png)top no-repeat;

text-align: center;

padding-top: 56px;

float:right;

}

.rss-icone:hover{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnuw8n0Zgh-hFaC__c6m_4CxTahylmmH7DjcLTZAss4-iSe5W47OE5aeCkg8yf5tt9N1-97wdNmUbcRivR4svQyDebQ5UP09X0dnDBRpcTTJJJhS-kb_kJrm6OpvLTVGFvshTJ_JzGJ6w/s1600/RSS2.png)top no-repeat;}

.post-footer-line > * {

margin-left: 0;

}
7) ثم بعد كل هذا قم بحفض القالب و إذهب إلى تخطيط و إختر إضافة أداة من نوع (HTML/Javascript) و أضف هذا الكود
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
و غير XXXX بما يناسبك

إضافة تابعني على المواقع الاجتماعية لكل المدونات


السلام عليكم و رحمة الله تعالى و بركاته
1) أولا  يجب عليك الذهاب إلى مدونتك في بلوجر
2) تم إضغط على قالب
3) بعدها إضغط تحرير HTML
4)  ثم في الكيبورد إضغط Ctrl + F داخل لوحة تحرير ال HTML
5)  بعدها إبحث عن هذا الكود
1
]]>
6) و أضف قبله ( فوقه ) هذا الكود 
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
.social-icone{ height:93px;}

.social-icone div{ margin: 0 12px;}

.social-icone a{ text-decoration:none;}

.you-icone b, .twt-icone b,.face-icone b,.rss-icone b{ font:14px tahoma; color:#8c8b8b;}

.you-icone span,.twt-icone span,.face-icone span,.rss-icone span{font:11px tahoma; color:#a3a3a3;}

.you-icone{

width: 50px;

height: 32px;

background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkIdeHykIpxdsKdLLiv2qugT3F8OOFyY1wao4eb8IvP4uuJQDMW1W2wRRTRwVBIDqttLvL4Q8OFSjgEEjRZzhpFXBsUgDXx0rmfXgpczPqKFBWNTipAAenjp-N9ZGbcC7PuzlZgcHq_A8/s1600/youtube.png)top no-repeat;

text-align: center;

padding-top: 56px;

float:right;

}

.you-icone:hover{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8ZRy5zJvFrAWtfyfQA-7cCJN-MRc0qRcbY3QVHaYOIffBdM5ajIiBFVBW5h_ZboeeuNy1UF-6pfS2VDjHVAgULM9TBlaUpczPJbXdx82C5Ls1PO4_atq71MLtUaeWI9gwQr5gkNc6n0s/s1600/youtube2.png)top no-repeat;}

.twt-icone{

width: 50px;

height: 32px;

background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2Z70GErFY9TjMDbl-KY2zmy9KdVMzes_9UvZaE6NR8ccgRA29kaXpWpaix7A4zQxa3Ob4ZeafsnbczbW8IBwOsSm0sUkd6HmPMfUTI-JJg28Iql7xhbeFs7yirv-ggo5EytYMJQAjWzo/s1600/twitter.png)top no-repeat;

text-align: center;

padding-top: 56px;

float:right;

}

.twt-icone:hover{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxsgziHoYJuJfEZyfpqVhjrKkEAT9bOc90XkLo6wedmycL3QavP7ZO2are-lgXFPRxKMD8yifcDdX7nnTrs9a7ADFypbSF_eAL2GqdWA65COKTXUwUGfezUwEAuKzJbjPu0mJ21BGZQAs/s1600/twitter2.png)top no-repeat;}

.face-icone{

width: 50px;

height: 32px;

background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjv0cd2UocBieecoAheOvxA_fEu4e4a9v9GhXAdgESAkhftbpGU6zhhsTqCcTvGFu5vnTWqZCPDp0PNTrZHWbdJDfhfnZVDn-Lb0xLBAiSr9nAY2HpQCzFM4zbg2yDwiCSiK8p1BJE_MmI/s1600/facebook.png)top no-repeat;

text-align: center;

padding-top: 56px;

float:right;

}

.face-icone:hover{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWQuja3X3Sd682X_SpPP8a7F7NmVLvOxFB_jmZ5wTiwyeG1sC1BjzVHH4tzGXAfnp89CH8Jz9z0fRu_-AyvNbmD04tFfaPYDDBO0uqtVC_BrCVy0AJ93R7AM1o_a1gm1fwb7pXiD_ClW8/s1600/facebook2.png)top no-repeat;}

.rss-icone{

width: 50px;

height: 32px;

background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgiWY8eRsnGp34YehiqeiZ2beJrvPaaUOafWbflrc03tQgri_bPhkcNp_jJOrhZM72_vsPbKLKc_X7HAMs0shwDiW4ExglQ8x3kRES0_9Kzb0PoE_dn2rtuoBzEbRu1nuLdIvKqCLK7SOA/s1600/RSS.png)top no-repeat;

text-align: center;

padding-top: 56px;

float:right;

}

.rss-icone:hover{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnuw8n0Zgh-hFaC__c6m_4CxTahylmmH7DjcLTZAss4-iSe5W47OE5aeCkg8yf5tt9N1-97wdNmUbcRivR4svQyDebQ5UP09X0dnDBRpcTTJJJhS-kb_kJrm6OpvLTVGFvshTJ_JzGJ6w/s1600/RSS2.png)top no-repeat;}

.post-footer-line > * {

margin-left: 0;

}
7) ثم بعد كل هذا قم بحفض القالب و إذهب إلى تخطيط و إختر إضافة أداة من نوع (HTML/Javascript) و أضف هذا الكود
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
و غير XXXX بما يناسبك

السلام عليكم و رحمة الله تعالى و بركاته
سوف نتعرف اليوم علي طريقة جميلة جدا لوضع تأتيرات على الصور ،هذه الخاصية تعطي للصور جمالية وتنسيق رائع عند وضع مؤشر الماوس علي الصورة سوف تميل جانبا وعند إبعاد مؤشر الماوس تعود الصورة لوضعيتها الطبيعية ،
الآن لنتوجه لتطبيق الكود.
انتقل إلى لوح تحكم مدونتك،إختر “تصميم” ،ثم “تحريرHTML ” ثم ضع علامة في خانة توسيع قوالب عناصر واجهة المستخدم.قم بالبحث عن الكود التالي بالإستعانة بلوحة التحكم (CTRL+F )
1
]]>
ثم قم بوضع الكود التالي قبله
1
.post img {-webkit-transition: -webkit-transform .15s linear; -webkit-box-shadow: 0 3px 6px rgba(0,0,0,.25); -moz-box-shadow: 0 3px 6px rgba(0,0,0,.25); padding: 5px 5px 5px 5px; -webkit-transform: rotate(+2deg); -moz-transform: rotate(+2deg); } .post img:hover { -webkit-box-shadow: 0 3px 6px rgba(0,0,0,.5); -moz-box-shadow: 0 3px 6px rgba(0,0,0,.5); -webkit-transform: rotate(-1deg); -moz-transform: rotate(-1deg); }
يمكنك التحكم في درجة ميلان الصور كما تريد وبإتجاهها كذلك  سواء على اليسار أم على اليمين وذلك بإستبدال الرمز(+) بالرمز( -) والعكس، حيث تمثل القيمة 2deg+ درجة الميلان قبل وضع مؤشر الماوس  وتمثل كذلك القيمة  1deg-درجة الميلان عند وضع مؤشر الماوس على الصورة .
هذا كل شيء ،أتمني أن تعجبكم هذه الإضافة،في إنتظار آرائكم وإستفساراتكم حول الموضوع .

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


السلام عليكم و رحمة الله تعالى و بركاته
سوف نتعرف اليوم علي طريقة جميلة جدا لوضع تأتيرات على الصور ،هذه الخاصية تعطي للصور جمالية وتنسيق رائع عند وضع مؤشر الماوس علي الصورة سوف تميل جانبا وعند إبعاد مؤشر الماوس تعود الصورة لوضعيتها الطبيعية ،
الآن لنتوجه لتطبيق الكود.
انتقل إلى لوح تحكم مدونتك،إختر “تصميم” ،ثم “تحريرHTML ” ثم ضع علامة في خانة توسيع قوالب عناصر واجهة المستخدم.قم بالبحث عن الكود التالي بالإستعانة بلوحة التحكم (CTRL+F )
1
]]>
ثم قم بوضع الكود التالي قبله
1
.post img {-webkit-transition: -webkit-transform .15s linear; -webkit-box-shadow: 0 3px 6px rgba(0,0,0,.25); -moz-box-shadow: 0 3px 6px rgba(0,0,0,.25); padding: 5px 5px 5px 5px; -webkit-transform: rotate(+2deg); -moz-transform: rotate(+2deg); } .post img:hover { -webkit-box-shadow: 0 3px 6px rgba(0,0,0,.5); -moz-box-shadow: 0 3px 6px rgba(0,0,0,.5); -webkit-transform: rotate(-1deg); -moz-transform: rotate(-1deg); }
يمكنك التحكم في درجة ميلان الصور كما تريد وبإتجاهها كذلك  سواء على اليسار أم على اليمين وذلك بإستبدال الرمز(+) بالرمز( -) والعكس، حيث تمثل القيمة 2deg+ درجة الميلان قبل وضع مؤشر الماوس  وتمثل كذلك القيمة  1deg-درجة الميلان عند وضع مؤشر الماوس على الصورة .
هذا كل شيء ،أتمني أن تعجبكم هذه الإضافة،في إنتظار آرائكم وإستفساراتكم حول الموضوع .

السلام عليكم و رحمة الله تعالى و بركاته
في هذا الشرح الجديد سأشرح لكم طريقة إضافة سليدر صحيفة في قوالب بلوجر بطريقة جد سهلة و يضهر فقط في الصفحة الرئيسية
أولا : نأخذ نسخة إحتياطية للقالب في حال حدوث مشاكل
تانيا : نفتح إدارة المدونة في بلوجر
ثالثا : نذهب إلى قالب تم تحرير HTML
رابعا : نبحث عن هذا الكود
1
]]>
و نضع فوقه / قبله هذا الكود
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
.ei-slider{position:relative;width:100%;max-width:995px;height:498px;margin:0 auto 35px;-moz-box-shadow:0 1px 2px rgba(0,0,0,0.7);-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.7);box-shadow:0 1px 2px rgba(0,0,0,0.7);}
.ei-slider-loading{width:100%;height:100%;position:absolute;top:0;left:0;z-index:990;background:#000 url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg44GcAHXLkW3IPEi3goJuWOjc4AVugNSwXrCWRVGKUVNFrVFyVVHeY7Ul13-xE3LpPV7lI2v9ZgTt0YhbrAbj7HaGpVOkk3XYSIO0tckJTEA2BXMrUP7Q6dOpTHn-8W4jSgKV6bsQpvVU/s1600/black-loader.gif') no-repeat 50% 48%;color:#fff;text-align:center;line-height:520px;}
.ei-slider-large{height:100%;width:100%;position:relative;overflow:hidden;}
.ei-slider-large li{position:absolute;top:0;left:0;overflow:hidden;height:100%;width:100%;}
.ei-slider-large li img{width:100%;}
.ei-title{position:absolute;right:10%;margin-right:0;margin-left:2%;bottom:25%;color:#fff;opacity:0.8;}
.ei-title h2,.ei-title h3{text-align:right;}
.ei-title h2{color:#b5b5b5;font-size:35px;font-family:BebasNeueRegular,arial,Georgia,serif;background:#000;float:right;padding:5px;margin-bottom:5px;}
.ei-title h3{clear:both;font-size:14px;line-height:20px;width:835px;background:#000;padding:5px;}
.ei-slider-thumbs{height:13px;margin:0 auto;position:relative;max-width:100%!important;}
.ei-title a{color:#FFF;}
.ei-slider-thumbs li{position:relative;float:left;height:100%;}
.ei-slider-thumbs li.ei-slider-element{top:0;left:0;position:absolute;height:100%;z-index:10;text-indent:-9000px;background:#F88C00;}
.ei-slider-thumbs li a{display:block;text-indent:-9000px;background:#666;width:100%;height:100%;cursor:pointer;-webkit-box-shadow:0 1px 1px 0 rgba(0,0,0,0.3),0 1px 0 1px rgba(255,255,255,0.5);-moz-box-shadow:0 1px 1px 0 rgba(0,0,0,0.3),0 1px 0 1px rgba(255,255,255,0.5);box-shadow:0 1px 1px 0 rgba(0,0,0,0.3),0 1px 0 1px rgba(255,255,255,0.5);-webkit-transition:background 0.2s ease;-moz-transition:background 0.2s ease;-o-transition:background 0.2s ease;-ms-transition:background 0.2s ease;transition:background 0.2s ease;}
.ei-slider-thumbs li a:hover{background-color:#f0f0f0;}
.ei-slider-thumbs li img{position:absolute;bottom:50px;opacity:0;z-index:999;width:100%;max-height:100px;-webkit-transition:all 0.4s ease;-moz-transition:all 0.4s ease;-o-transition:all 0.4s ease;-ms-transition:all 0.4s ease;transition:all 0.4s ease;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";-webkit-box-reflect:below 0px -webkit-gradient(linear,left top,left bottom,from(transparent),color-stop(50%,transparent),to(rgba(255,255,255,0.3))           );}
.content .ei-slider-thumbs li img{max-height:65px;}
.ei-slider-thumbs li:hover img{opacity:1;bottom:13px;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";}
ثم نبحث عن هذا الكود
1
و نضع فوقه هذا الكود
1
2
3
4
5
6
7
8
9
10
11
12
13
14




 
 



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

إضافة سليدر صحيفة في قوالب بلوجر


السلام عليكم و رحمة الله تعالى و بركاته
في هذا الشرح الجديد سأشرح لكم طريقة إضافة سليدر صحيفة في قوالب بلوجر بطريقة جد سهلة و يضهر فقط في الصفحة الرئيسية
أولا : نأخذ نسخة إحتياطية للقالب في حال حدوث مشاكل
تانيا : نفتح إدارة المدونة في بلوجر
ثالثا : نذهب إلى قالب تم تحرير HTML
رابعا : نبحث عن هذا الكود
1
]]>
و نضع فوقه / قبله هذا الكود
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
.ei-slider{position:relative;width:100%;max-width:995px;height:498px;margin:0 auto 35px;-moz-box-shadow:0 1px 2px rgba(0,0,0,0.7);-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.7);box-shadow:0 1px 2px rgba(0,0,0,0.7);}
.ei-slider-loading{width:100%;height:100%;position:absolute;top:0;left:0;z-index:990;background:#000 url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg44GcAHXLkW3IPEi3goJuWOjc4AVugNSwXrCWRVGKUVNFrVFyVVHeY7Ul13-xE3LpPV7lI2v9ZgTt0YhbrAbj7HaGpVOkk3XYSIO0tckJTEA2BXMrUP7Q6dOpTHn-8W4jSgKV6bsQpvVU/s1600/black-loader.gif') no-repeat 50% 48%;color:#fff;text-align:center;line-height:520px;}
.ei-slider-large{height:100%;width:100%;position:relative;overflow:hidden;}
.ei-slider-large li{position:absolute;top:0;left:0;overflow:hidden;height:100%;width:100%;}
.ei-slider-large li img{width:100%;}
.ei-title{position:absolute;right:10%;margin-right:0;margin-left:2%;bottom:25%;color:#fff;opacity:0.8;}
.ei-title h2,.ei-title h3{text-align:right;}
.ei-title h2{color:#b5b5b5;font-size:35px;font-family:BebasNeueRegular,arial,Georgia,serif;background:#000;float:right;padding:5px;margin-bottom:5px;}
.ei-title h3{clear:both;font-size:14px;line-height:20px;width:835px;background:#000;padding:5px;}
.ei-slider-thumbs{height:13px;margin:0 auto;position:relative;max-width:100%!important;}
.ei-title a{color:#FFF;}
.ei-slider-thumbs li{position:relative;float:left;height:100%;}
.ei-slider-thumbs li.ei-slider-element{top:0;left:0;position:absolute;height:100%;z-index:10;text-indent:-9000px;background:#F88C00;}
.ei-slider-thumbs li a{display:block;text-indent:-9000px;background:#666;width:100%;height:100%;cursor:pointer;-webkit-box-shadow:0 1px 1px 0 rgba(0,0,0,0.3),0 1px 0 1px rgba(255,255,255,0.5);-moz-box-shadow:0 1px 1px 0 rgba(0,0,0,0.3),0 1px 0 1px rgba(255,255,255,0.5);box-shadow:0 1px 1px 0 rgba(0,0,0,0.3),0 1px 0 1px rgba(255,255,255,0.5);-webkit-transition:background 0.2s ease;-moz-transition:background 0.2s ease;-o-transition:background 0.2s ease;-ms-transition:background 0.2s ease;transition:background 0.2s ease;}
.ei-slider-thumbs li a:hover{background-color:#f0f0f0;}
.ei-slider-thumbs li img{position:absolute;bottom:50px;opacity:0;z-index:999;width:100%;max-height:100px;-webkit-transition:all 0.4s ease;-moz-transition:all 0.4s ease;-o-transition:all 0.4s ease;-ms-transition:all 0.4s ease;transition:all 0.4s ease;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";-webkit-box-reflect:below 0px -webkit-gradient(linear,left top,left bottom,from(transparent),color-stop(50%,transparent),to(rgba(255,255,255,0.3))           );}
.content .ei-slider-thumbs li img{max-height:65px;}
.ei-slider-thumbs li:hover img{opacity:1;bottom:13px;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";}
ثم نبحث عن هذا الكود
1
و نضع فوقه هذا الكود
1
2
3
4
5
6
7
8
9
10
11
12
13
14




 
 



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

السلام عليكم و رحمة الله تعالى و بركاته
درسنا اليوم اضافه رائعه للمدونات مقدم من يونى ايجى | ملتقى الدروس العربية
و هي اضافة هامة جدا ويحبث عنها الكثيرون من المدونين
وهى اضافة ترقيم صفحات البلوجر “المدونة” 
اعرف ان الكثيرون بحثوا عن هذه الاضافة ولكن لاسف يتطرون دائما الى التعديل على القالب
ولكن لدى اليوم كود مختلف تماما ورائع فى نفس الوقت

طريقه التركيب
1-من لوحة البلوجر ” نضغط على التخطيط”
2-ثم نضغط على ” اضافة اداة”

3- ثم نضغط على (HTML/JavaScript إضافة )

كود الاضافة
رمز Code:
<!– Stylish colored  Navigation Widget For Blogger By UinEgy @ http://www.uniegy.blogspot.com –>

<!– Stylish colored Numbered Page Navigation Widget For Blogger By UinEgy @ http://www.uniegy.blogspot.com –>

تم وضع الكود بملف ” Text ” لضمان وضع الكود كامل وعدم حدوث اعتراض مع اكود بلوجر
للتعديل على الكود على حسب الراغبة
وهذه تعنى عدد المواضع فى الرئيسية
var postperpage=5
وهذه تعنى عدد ارقام الصفحات فى الرئيسية
var numshowpage=9
4- ثم نضع الكود السابق هنا ونضغط على ( حفظ )
 

5- ثم نقوم بسحب الاداة ونضعها اسفل ( رسائل المدونة الإلكترونية )
6- سوف تكون معنا بهذا الشكل ان شاء الله
و مبروك عليكم الاضافه
وانتظرونى فى الدرس القادم ان شاء الله

شرح اضافة “ترقيم الصفحات – Number pages blogger”


السلام عليكم و رحمة الله تعالى و بركاته
درسنا اليوم اضافه رائعه للمدونات مقدم من يونى ايجى | ملتقى الدروس العربية
و هي اضافة هامة جدا ويحبث عنها الكثيرون من المدونين
وهى اضافة ترقيم صفحات البلوجر “المدونة” 
اعرف ان الكثيرون بحثوا عن هذه الاضافة ولكن لاسف يتطرون دائما الى التعديل على القالب
ولكن لدى اليوم كود مختلف تماما ورائع فى نفس الوقت

طريقه التركيب
1-من لوحة البلوجر ” نضغط على التخطيط”
2-ثم نضغط على ” اضافة اداة”

3- ثم نضغط على (HTML/JavaScript إضافة )

كود الاضافة
رمز Code:
<!– Stylish colored  Navigation Widget For Blogger By UinEgy @ http://www.uniegy.blogspot.com –>

<!– Stylish colored Numbered Page Navigation Widget For Blogger By UinEgy @ http://www.uniegy.blogspot.com –>

تم وضع الكود بملف ” Text ” لضمان وضع الكود كامل وعدم حدوث اعتراض مع اكود بلوجر
للتعديل على الكود على حسب الراغبة
وهذه تعنى عدد المواضع فى الرئيسية
var postperpage=5
وهذه تعنى عدد ارقام الصفحات فى الرئيسية
var numshowpage=9
4- ثم نضع الكود السابق هنا ونضغط على ( حفظ )
 

5- ثم نقوم بسحب الاداة ونضعها اسفل ( رسائل المدونة الإلكترونية )
6- سوف تكون معنا بهذا الشكل ان شاء الله
و مبروك عليكم الاضافه
وانتظرونى فى الدرس القادم ان شاء الله