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

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

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

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

التسميات: , , 0 التعليقات
السلام عليكم و رحمة الله تعالى و بركاته
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/AVvXsEjyQxH5bI5yRycvbCnczGgh0W5E5GS75EbgcfnX7vJw8QaS16Be3p2sbeaY_zi-veCFsm32k6feU1rHHJpXzods9e1EvZ1Q9yWUNHto87-YllNV_zoiX1f7bKRhGeFAPySz7ZnUbOrv2bE/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/AVvXsEh37xSuV6PHVQWVuPJx3BqfZdmPcJyngbz9brCqdjgnuhnrWzvztlXIEEnuVoM8aQwY55qeIhf9N_hx7r-3WgTqPuMsjTX331oyyY77bsMQxMu9IyTfhOR1YERjb3p6Xxxl66_u7jZPGXc/s1600/youtube2.png)top no-repeat;}

.twt-icone{

width: 50px;

height: 32px;

background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuxKM2auj7EclCr9juKP4Ak1oWd7RDzqIbErIBgfPmyQbJosZN-1lDOdLv8nnZsUE-DjeDHZpEoGVn2QQrHDKSV6J9kwckiyCwESeZnJ8JHAwGPgFl_Y0pnJHr_BKS83uoSQjy73SUSW8/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/AVvXsEiiI8HVY6-uwbTkBjRrISysmp8Vf97Q3eJCM1DhfhaJ8da0S1v75MiLCbR_c_Icjj9qTma8pn7o5WGDCieDhVFUFzAVASCaI28uKyVR4WPj8LvKG_47HaaWAdcV5jx6jNyIPZyyiqkwvk0/s1600/twitter2.png)top no-repeat;}

.face-icone{

width: 50px;

height: 32px;

background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0GWClAMv4ZmqoUx_sRFw44EzNi4E24R7WHZmyjEMNXmsv4zlolHwk4kYpw-VddXxsUdfN4xcatvs1vWuIUVclXmY7f3m8QLWPK10_xURgqWqbdN05PTJWTFI1kZesbsAEnArIr7DB9YY/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/AVvXsEiqYUsfvtz9alFVZYwoyqFK2KWNWLjmgn06Ra3xtbAnXCGsRHhfUKzZDPynEi17hKErnfJmWsoC0B2ElUxD3k9s1C9dgu9JXA1nat6hXCaCMXlv8GSvy7t9aBeT2nClPWAis9i-kkabn5A/s1600/facebook2.png)top no-repeat;}

.rss-icone{

width: 50px;

height: 32px;

background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHW2FK72Eqs-zIMUUkfSLYe5AHou23rUBZjnbMauqKfHWQRCtXxxzWS4JlsjMkSK6AyDucR9h1xPC5O7FUrbx_EWGaI08-5-xXo_wkb1z_3_IzNp1wM9S7oEzwTxzPVn3VgxyC2HLhavY/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/AVvXsEjnD7x2G6Zos9OlhPnHYbG8nWdTVWQTN92c06oW8tUbzpudX-ewzUsCgLD4UKm3BmmYurU_IOq5l352gFxUzjVhhp9-MNVCiUTRuUPm17z1mHcsW1OeNGxTA8zX_p4m0ALowitRc9ZEDEg/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 بما يناسبك
أكمل القراءة

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

التسميات: , , 0 التعليقات
السلام عليكم و رحمة الله تعالى و بركاته
سوف نتعرف اليوم علي طريقة جميلة جدا لوضع تأتيرات على الصور ،هذه الخاصية تعطي للصور جمالية وتنسيق رائع عند وضع مؤشر الماوس علي الصورة سوف تميل جانبا وعند إبعاد مؤشر الماوس تعود الصورة لوضعيتها الطبيعية ،
الآن لنتوجه لتطبيق الكود.
انتقل إلى لوح تحكم مدونتك،إختر “تصميم” ،ثم “تحرير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-درجة الميلان عند وضع مؤشر الماوس على الصورة .
هذا كل شيء ،أتمني أن تعجبكم هذه الإضافة،في إنتظار آرائكم وإستفساراتكم حول الموضوع .
أكمل القراءة

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

التسميات: , , 0 التعليقات
السلام عليكم و رحمة الله تعالى و بركاته
في هذا الشرح الجديد سأشرح لكم طريقة إضافة سليدر صحيفة في قوالب بلوجر بطريقة جد سهلة و يضهر فقط في الصفحة الرئيسية
أولا : نأخذ نسخة إحتياطية للقالب في حال حدوث مشاكل
تانيا : نفتح إدارة المدونة في بلوجر
ثالثا : نذهب إلى قالب تم تحرير 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/AVvXsEirxWFZfC0frd2t5kA4h_pyBy4VSpNor9rHaJzGoGm3Ey3lowSDW0BibTPEpW-AgpkANs6rSMIAq0PY2pvX0j7SNBA_DjH5pSj8Xt9R8CVbRGuBfapjCsdQgvtw4RQYD45g3YQeEKby0ck/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




 
 



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

إضافة إقرأ المزيد للبلوجر

التسميات: , , 0 التعليقات
السلام عليكم و رحمة الله تعالى و بركاته
في هذا الشرح الجديد اردت أن أقدم لكم إضافة إقرأ المزيد لكن بتطورات و شكل جديد و هي مختلفة عن السابقة لأنها لا تنعطب أبدا متل العادية
هي أيضا إضافة تعتمد على الجافاسكريبت و تغيير الوسوم بعد تحميل الصفحة
نبدأ الشرح :
أولا : إذهب إلى القالب و إبحث عن
1
ثم ضع فوقه / قبله هذا الكود :
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
ثانيا : إبحث عن هذا الكود :
1
2
3
4

 
 
بعد أن تجده عوضه كاملا بهذا الكود :
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

 
   
 
   
     
   
     
       

         
         
           
         
         
           
         
         
       

       

         
           
         
       

       
   
 
 
ثالثا : إبحث عن :
1
]]>
ثم ضع قبله /فوقه هذا الكود
(عرض الصورة في اليمين على الملخص)
1
2
3
4
5
.post-thumbnail {
display: block;
float: right;
margin: 0.2em 0 0 1em;
}
(عرض الصورة على اليسار في الملخص)
1
2
3
4
5
.post-thumbnail {
  display:block;
  float:left;
  margin:.2em 1em 0 0;
}
بالنسبة للنسخة العادية من قوالب البلوجر قد تجد هذا الكود بدل الكود الأول :
1
2
3
4
5
6
7
8
9
10
11
12
13

 
 

   
   

 


 

   
   

 
عوضه كامل بالكود السابق :
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

 
   
 
   
     
   
     
       

         
         
           
         
         
           
             
           
         
         
       

       

         
           
         
       

       
   
 
 
و أنتهى الشرح و شكرا لكم
أكمل القراءة

جميع الحقوق محفوظ لشبكة رابعة الاخبارية_ من تصميم عرب تيم