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

طريقة تنسيق قائمة التسميات في مدونة بلوغر شرح مصور 

من الإضافات الأساسية في مدونات بلوجر آداة التسميات هذه الآداة التي تعرض الأقسام الخاصة بالمدونات والتي تسهل عملية الوصول لكل قسم لكن الشكل الأساسي للآداة ليس جيدا وفي الغالب يكون شكله مشوه للقوالب نظرا لان القوالب كل يوم في تحسن والشكل الثابت لتلك الآداة لا يجاري هذا التحسن وبالتالي تكون الإضافة شكلها شاذ عن الشكل العام للقالب ولهذا في موضوعنا سنتعلم طريقة تنسيقها والآداة يتم عرضها بشكلين مختلفين الأول القائمة والثاني السحابة Cloud ولكل منهما تنسيق خاص لهذا سنشرح كل تنسيق بشكل منفرد لكن أولا هذه طريقة التبديل بين التنسيقين , قم بالدخول الى لوحة التخطيط في مدونتك ثم قم بعمل تحرير لآداة التسميات ثم اختر التنسيق الذي يعجبك كالتالي

أولا تنسيق القائمة 

هذا هو الشكل بعد التنسيق

كل ما عليك فعله أن تدخل الى تحرير قالبك ثم تضغط على توسيع عناصر الستايل بالضغط على السهم المخصص لذلك 

ثم فوق الوسم </b:skin> أضف الكود التالي

#Label1 li {
float: right;
background:#fafafa url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7sfGNHAuWkC-gEybTiMhfLnC9hkZXieZH0S2GpZL7t4Jad6v6BjxZmEbNCyqmtkRcjp3tXiSdLTeUKhUnp4qBZ3b-wUIZLLEphJf7LwY-kozgGiP06jUEHC10cyOMUqtsvhItZQY-49-i/s16/folder.png)no-repeat scroll 121px 9px;
padding: 5px 25px 7px 9px;
font-size: 12px;
margin: 0 4px 10px 0;
display: inline-block;
border: 1px solid #d7d7d7;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
color:#aeaeae;
width:108px;
}
#Label1 li a{color:#000;}
#Label1 li:hover { background:#ffffff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7sfGNHAuWkC-gEybTiMhfLnC9hkZXieZH0S2GpZL7t4Jad6v6BjxZmEbNCyqmtkRcjp3tXiSdLTeUKhUnp4qBZ3b-wUIZLLEphJf7LwY-kozgGiP06jUEHC10cyOMUqtsvhItZQY-49-i/s16/folder.png)no-repeat scroll 121px 9px;}

ولتنسيق الشكل غير التالي

هذا اللون هو لون الأزرار #fafafa
وهذا اللون هو لون الأزرار عند تمرير الماوس #ffffff
وهذا هو لون الإطار #d7d7d7
وهذا لون الخط  #aeaeae
 وهذا لون الخط عند تمرير الماوس #000
والرقم 5 هو درجة استدارة الزر قم بالزيادة أو الإنقاص حتى تصل للنتيجة التي ترضيك
الرابط المعلم بالأحمر هو رابط الأيقونة الصغيرة على الأزرار قم بتغيرها بأى رابط أيقونة أخرى تنسابك مع مراعاة أن يكون المقاس 16x16
في حالة أردت تعديل حجم الأزرار قم بزيادة الأرقام المعلمة بالأزرق بنفس النسبة ان زدت أحدها 10 زد الآخرين كذلك

ثانيا تنسيق السحابة 

ونفس الطريقة ستضيف الكود التالي كما أضفت الأول او أضفه تحته إن كنت تريد استخدامهما مع بعض 

هذا معاينة للنتيجة اولا

 وهذا هو الكود 

.label-size{
background: #DAD8D9;
background: -moz-linear-gradient(top,  #F0F0F0 , #DAD8D9 );
background: -webkit-linear-gradient(top,  #F0F0F0 ,#DAD8D9 );
margin:0 4px 7px 0;
padding: 2px 7px 2px 7px;
text-transform: uppercase;
border: solid 1px #777;
float:right;
text-decoration:none;
font-size:14px;
font-weight:bold;
box-shadow: 0 1px 2px #999;
border-radius:20px;-webkit-border-radius:20px;-moz-border-radius:20px;
text-align:center;
}
.label-size:hover {
background: #D1E0E5;
background: -moz-linear-gradient(top,#EEF3F6,#D1E0E5);
background: -webkit-linear-gradient(top,#EEF3F6,#D1E0E5);
}

طرقة تنسيق السحابة

هاذين اللونين هما الوان التدرج الخاص بأزرار التسميات #F0F0F0 , #DAD8D9
قم بتبديل كل لون بالمرات المتكرر بها
أما هاذين اللونين هما اوان التدرج عند مرور الماوس  #EEF3F6,#D1E0E5
 غيرها بنفس الطريقة
هذا اللون هو لون الإطار #777
والرقم 20 هو درجة استدارة الزر

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

من طرف طبيبك  |  نشر في :  7:38 م 4 تعليقات

طريقة تنسيق قائمة التسميات في مدونة بلوغر شرح مصور 

من الإضافات الأساسية في مدونات بلوجر آداة التسميات هذه الآداة التي تعرض الأقسام الخاصة بالمدونات والتي تسهل عملية الوصول لكل قسم لكن الشكل الأساسي للآداة ليس جيدا وفي الغالب يكون شكله مشوه للقوالب نظرا لان القوالب كل يوم في تحسن والشكل الثابت لتلك الآداة لا يجاري هذا التحسن وبالتالي تكون الإضافة شكلها شاذ عن الشكل العام للقالب ولهذا في موضوعنا سنتعلم طريقة تنسيقها والآداة يتم عرضها بشكلين مختلفين الأول القائمة والثاني السحابة Cloud ولكل منهما تنسيق خاص لهذا سنشرح كل تنسيق بشكل منفرد لكن أولا هذه طريقة التبديل بين التنسيقين , قم بالدخول الى لوحة التخطيط في مدونتك ثم قم بعمل تحرير لآداة التسميات ثم اختر التنسيق الذي يعجبك كالتالي

أولا تنسيق القائمة 

هذا هو الشكل بعد التنسيق

كل ما عليك فعله أن تدخل الى تحرير قالبك ثم تضغط على توسيع عناصر الستايل بالضغط على السهم المخصص لذلك 

ثم فوق الوسم </b:skin> أضف الكود التالي

#Label1 li {
float: right;
background:#fafafa url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7sfGNHAuWkC-gEybTiMhfLnC9hkZXieZH0S2GpZL7t4Jad6v6BjxZmEbNCyqmtkRcjp3tXiSdLTeUKhUnp4qBZ3b-wUIZLLEphJf7LwY-kozgGiP06jUEHC10cyOMUqtsvhItZQY-49-i/s16/folder.png)no-repeat scroll 121px 9px;
padding: 5px 25px 7px 9px;
font-size: 12px;
margin: 0 4px 10px 0;
display: inline-block;
border: 1px solid #d7d7d7;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
color:#aeaeae;
width:108px;
}
#Label1 li a{color:#000;}
#Label1 li:hover { background:#ffffff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7sfGNHAuWkC-gEybTiMhfLnC9hkZXieZH0S2GpZL7t4Jad6v6BjxZmEbNCyqmtkRcjp3tXiSdLTeUKhUnp4qBZ3b-wUIZLLEphJf7LwY-kozgGiP06jUEHC10cyOMUqtsvhItZQY-49-i/s16/folder.png)no-repeat scroll 121px 9px;}

ولتنسيق الشكل غير التالي

هذا اللون هو لون الأزرار #fafafa
وهذا اللون هو لون الأزرار عند تمرير الماوس #ffffff
وهذا هو لون الإطار #d7d7d7
وهذا لون الخط  #aeaeae
 وهذا لون الخط عند تمرير الماوس #000
والرقم 5 هو درجة استدارة الزر قم بالزيادة أو الإنقاص حتى تصل للنتيجة التي ترضيك
الرابط المعلم بالأحمر هو رابط الأيقونة الصغيرة على الأزرار قم بتغيرها بأى رابط أيقونة أخرى تنسابك مع مراعاة أن يكون المقاس 16x16
في حالة أردت تعديل حجم الأزرار قم بزيادة الأرقام المعلمة بالأزرق بنفس النسبة ان زدت أحدها 10 زد الآخرين كذلك

ثانيا تنسيق السحابة 

ونفس الطريقة ستضيف الكود التالي كما أضفت الأول او أضفه تحته إن كنت تريد استخدامهما مع بعض 

هذا معاينة للنتيجة اولا

 وهذا هو الكود 

.label-size{
background: #DAD8D9;
background: -moz-linear-gradient(top,  #F0F0F0 , #DAD8D9 );
background: -webkit-linear-gradient(top,  #F0F0F0 ,#DAD8D9 );
margin:0 4px 7px 0;
padding: 2px 7px 2px 7px;
text-transform: uppercase;
border: solid 1px #777;
float:right;
text-decoration:none;
font-size:14px;
font-weight:bold;
box-shadow: 0 1px 2px #999;
border-radius:20px;-webkit-border-radius:20px;-moz-border-radius:20px;
text-align:center;
}
.label-size:hover {
background: #D1E0E5;
background: -moz-linear-gradient(top,#EEF3F6,#D1E0E5);
background: -webkit-linear-gradient(top,#EEF3F6,#D1E0E5);
}

طرقة تنسيق السحابة

هاذين اللونين هما الوان التدرج الخاص بأزرار التسميات #F0F0F0 , #DAD8D9
قم بتبديل كل لون بالمرات المتكرر بها
أما هاذين اللونين هما اوان التدرج عند مرور الماوس  #EEF3F6,#D1E0E5
 غيرها بنفس الطريقة
هذا اللون هو لون الإطار #777
والرقم 20 هو درجة استدارة الزر

شرح طريقة نشر مواضيع مدونة بلوغر تلقائياً على تويتر وفيسبوك

كيفية نشر تدوينات بلوجر على مواقع التواصل الاجتماعي فيس بوك , تويتر في وقت واحد بطريقة أوتوماتيكية،وهذا يعني أنك عند إضافة أي موضوع جديد في مدونتك سوف يتم نشره أوتوماتيكياعلى موقعي "تويتر" و "فيسبوك" من دون الحاجة الى نشره بطريقة يدوية ،وهذه العملية جد فعالة بالنسبة لاصحاب المواقع و المدونات ،وللاستفادة من هذه الخدمة ،يجب أن تتوفر على رابط خلاصات Rss المحصل عليه من موقع فيدبرنر Feedburner والذي يبدو على هذا الشكل:

http://feeds.feedburner.com/feedburner/simo


توجه الى موقع تويترفيد Twitterfeed وقم بالتسجيل ثم قم باتباع التعليمات الموضحة في الصور.المرحلة الاولى :

المرحلة الثانية :

بعد انتقالك الى المرحلة الثانية سوف تظهر لك صفحة تختار فيها نوع الخدمة 3333

• في البداية قم باختيار خدمة تويتر Twitter وسوف نقوم باختيار خدمة فيسبوك فيما بعد ...

المرحلة الثالثة : سوف تظهر لك صفحة تطلب منك ادخال حسابك على تويتر وذلك بالضغط على المستطيل الأزرق ,او اذا كنت داخلا مسبقا الى حسابك اضغط على السهم عند القائمة المنسدلة Twitter account .وسوف يظهر اسم حسابك على تويتر, ثم قم باختياره.
ثم بعدها قم بالضغط على كلمة" create Service" أسفل الصفحة لتفعيل الخدمة. المرحلة الرابعة : بعدها سوف تظهر لك صفحة مثل التي ظهرت لك في المرحلة الثانية،والتي سوف نختار فيها هذه المرة "خدمة الفيسبوك" ,وباتباع نفس الطريقة التي قمنا بها بتفعيل خدمة تويتر. المرحلة الخامسة : نقوم بالضغط على مستطيل الفيسبوك او باختيار اسم حسابك من خلال القائمة المنسدلة" Facebook Account"
واذا كانت لديك صفحة علي الفيسبوك قم باختيارها من القائمة المنسدلة Facebook pages . ثم بعدها قم بالضغط على كلمة" create Service" أسفل الصفحة لتفعيل الخدمة, وعندها سوف تظهر لك صفحة تبين لك الخدمات التي تم تفعيلها(Tiwitter+Facebook) ،بعدها اضغط على كلمة "All Done" اسفل الصفحة للانتهاء
و في الاخير اضغط على زر go to dashboard وسوف تظهر لك هذه الصفحة التي تبين لك تفعيل الخدمتين Twitter +faceook

شرح طريقة نشر مواضيع مدونة بلوغر تلقائياً على تويتر وفيسبوك

من طرف طبيبك  |  نشر في :  7:08 م 2 تعليقات

كيفية نشر تدوينات بلوجر على مواقع التواصل الاجتماعي فيس بوك , تويتر في وقت واحد بطريقة أوتوماتيكية،وهذا يعني أنك عند إضافة أي موضوع جديد في مدونتك سوف يتم نشره أوتوماتيكياعلى موقعي "تويتر" و "فيسبوك" من دون الحاجة الى نشره بطريقة يدوية ،وهذه العملية جد فعالة بالنسبة لاصحاب المواقع و المدونات ،وللاستفادة من هذه الخدمة ،يجب أن تتوفر على رابط خلاصات Rss المحصل عليه من موقع فيدبرنر Feedburner والذي يبدو على هذا الشكل:

http://feeds.feedburner.com/feedburner/simo


توجه الى موقع تويترفيد Twitterfeed وقم بالتسجيل ثم قم باتباع التعليمات الموضحة في الصور.المرحلة الاولى :

المرحلة الثانية :

بعد انتقالك الى المرحلة الثانية سوف تظهر لك صفحة تختار فيها نوع الخدمة 3333

• في البداية قم باختيار خدمة تويتر Twitter وسوف نقوم باختيار خدمة فيسبوك فيما بعد ...

المرحلة الثالثة : سوف تظهر لك صفحة تطلب منك ادخال حسابك على تويتر وذلك بالضغط على المستطيل الأزرق ,او اذا كنت داخلا مسبقا الى حسابك اضغط على السهم عند القائمة المنسدلة Twitter account .وسوف يظهر اسم حسابك على تويتر, ثم قم باختياره.
ثم بعدها قم بالضغط على كلمة" create Service" أسفل الصفحة لتفعيل الخدمة. المرحلة الرابعة : بعدها سوف تظهر لك صفحة مثل التي ظهرت لك في المرحلة الثانية،والتي سوف نختار فيها هذه المرة "خدمة الفيسبوك" ,وباتباع نفس الطريقة التي قمنا بها بتفعيل خدمة تويتر. المرحلة الخامسة : نقوم بالضغط على مستطيل الفيسبوك او باختيار اسم حسابك من خلال القائمة المنسدلة" Facebook Account"
واذا كانت لديك صفحة علي الفيسبوك قم باختيارها من القائمة المنسدلة Facebook pages . ثم بعدها قم بالضغط على كلمة" create Service" أسفل الصفحة لتفعيل الخدمة, وعندها سوف تظهر لك صفحة تبين لك الخدمات التي تم تفعيلها(Tiwitter+Facebook) ،بعدها اضغط على كلمة "All Done" اسفل الصفحة للانتهاء
و في الاخير اضغط على زر go to dashboard وسوف تظهر لك هذه الصفحة التي تبين لك تفعيل الخدمتين Twitter +faceook

شرح محرر هتمل HTML في لوحة تحكم بلوجر الجديدة 2013 آخر التحديثات

بالصور شرح تفصيلي لمحرر هوتمل HTML في لوحة تحكم بلوجر الجديدة 2013 آخر التحديثات

قامت بلوجر مؤخراً بعمل تحديث جديد لمحرر HTML, حيث أنها أضافت خاصيات جديدة تمكن مستخدمي البلوجر من التعديل على قوالبهم بسهولة تامة. و لهذا أحببت أن أضع هذه التدوينة لتسليط الضوء على هاته الخاصيات الجديدة و شرح دور كل منها على حدى.

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

أول شيء ستلاحظه هو أن بلوجر أضافت خاصية Syntax highlighter لعرض الأكواد.

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

خاصية أخرى انضافت داخل محرر HTML في البلوجر و هي ِCode Folding هذه الخاصية عملها إخفاء الأكواد, و هذه صورة توضيحية :

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

معاينة النموذج : أظن أن الجميع يعرف دور هاته الخاصية إلا أن التحديث الجديد جعلها لا تظهر في نافذة جديدة و إنما في مكان محرر HTML.

الرجوع إلى الإعدادات الافتراضية لقوالب عناصر واجهة المستخدم : هذه الخاصية تمكنك من الرجوع للإعدادات الإفتراضية أي البسيطة أو الأصلية, فإذا ضغطت عليها فستحذف كل التعديلات الجديدة على الأدوات. و لهذا لا أنصحكم بالضغط عليها.

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

و ختاما نشكر فريق البلوجر على هذه التحديثات التي ستساعد مستخدمي البلوجر المبتدئين منهم و المحترفين على إنشاء مدونات رائعة.

شرح محرر هتمل HTML في لوحة تحكم بلوجر الجديدة 2013 آخر التحديثات

من طرف طبيبك  |  نشر في :  6:17 م 2 تعليقات

بالصور شرح تفصيلي لمحرر هوتمل HTML في لوحة تحكم بلوجر الجديدة 2013 آخر التحديثات

قامت بلوجر مؤخراً بعمل تحديث جديد لمحرر HTML, حيث أنها أضافت خاصيات جديدة تمكن مستخدمي البلوجر من التعديل على قوالبهم بسهولة تامة. و لهذا أحببت أن أضع هذه التدوينة لتسليط الضوء على هاته الخاصيات الجديدة و شرح دور كل منها على حدى.

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

أول شيء ستلاحظه هو أن بلوجر أضافت خاصية Syntax highlighter لعرض الأكواد.

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

خاصية أخرى انضافت داخل محرر HTML في البلوجر و هي ِCode Folding هذه الخاصية عملها إخفاء الأكواد, و هذه صورة توضيحية :

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

معاينة النموذج : أظن أن الجميع يعرف دور هاته الخاصية إلا أن التحديث الجديد جعلها لا تظهر في نافذة جديدة و إنما في مكان محرر HTML.

الرجوع إلى الإعدادات الافتراضية لقوالب عناصر واجهة المستخدم : هذه الخاصية تمكنك من الرجوع للإعدادات الإفتراضية أي البسيطة أو الأصلية, فإذا ضغطت عليها فستحذف كل التعديلات الجديدة على الأدوات. و لهذا لا أنصحكم بالضغط عليها.

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

و ختاما نشكر فريق البلوجر على هذه التحديثات التي ستساعد مستخدمي البلوجر المبتدئين منهم و المحترفين على إنشاء مدونات رائعة.

انشاء خريطة مدونة بلوجر وربطها بمنصة بلوجر لتحسين السيو

تحسين السيو لمدونة بلوجر انشاء خريطة وربطها بالمنصة

 الخطوة الاولى لانشاء خريطة لمدونتك افتح هذا الموقع http://ctrlq.org/blogger لتكوين خريطة لمدونة بلوجر .

  وفي المستطيل ضع رابط الموقع الخاص بك مثال وضعت مدونتي بهذا الشكل وانت تغير الدومين الخاص بي الدومين الخاص بك

http://all4blog2013.blogspot.com/ 

  الأن سوف يظهر لك كود بهذه الشكل : 

# Blogger Sitemap generated on 2013.06.11
User-agent: *
Disallow: /search
Allow: /
Sitemap: http://all4blog2013.blogspot.com/atom.xml?redirect=false&start-index=1&max-results=500

  الخطوة الثانية 

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

  ومن لوحة تحكم المدونة إختر إعدادات > ثم تفضيلات البحث > بعدها أنقر على تحرير لملف robots.txt مخصص ثم إختر نعم.

  قم بلصق الكود التي قمت بنسخه سابقا في الحقل الذي يظهر وفي الاخير احفظ التغييرات .

 ومبروووك عليكم 

صورة تعبيرية لعناكب محركات البحث 

روبوتات وعناكب البحث

في الدرس القادم سوف نشرح طريقة اضافة الخريطة بادوات مشرفي المواقع webmasters tools الخاص بقوقل

انشاء خريطة مدونة بلوجر وربطها بمنصة بلوجر لتحسين السيو

من طرف طبيبك  |  نشر في :  5:56 م 0 تعليقات

تحسين السيو لمدونة بلوجر انشاء خريطة وربطها بالمنصة

 الخطوة الاولى لانشاء خريطة لمدونتك افتح هذا الموقع http://ctrlq.org/blogger لتكوين خريطة لمدونة بلوجر .

  وفي المستطيل ضع رابط الموقع الخاص بك مثال وضعت مدونتي بهذا الشكل وانت تغير الدومين الخاص بي الدومين الخاص بك

http://all4blog2013.blogspot.com/ 

  الأن سوف يظهر لك كود بهذه الشكل : 

# Blogger Sitemap generated on 2013.06.11
User-agent: *
Disallow: /search
Allow: /
Sitemap: http://all4blog2013.blogspot.com/atom.xml?redirect=false&start-index=1&max-results=500

  الخطوة الثانية 

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

  ومن لوحة تحكم المدونة إختر إعدادات > ثم تفضيلات البحث > بعدها أنقر على تحرير لملف robots.txt مخصص ثم إختر نعم.

  قم بلصق الكود التي قمت بنسخه سابقا في الحقل الذي يظهر وفي الاخير احفظ التغييرات .

 ومبروووك عليكم 

صورة تعبيرية لعناكب محركات البحث 

روبوتات وعناكب البحث

في الدرس القادم سوف نشرح طريقة اضافة الخريطة بادوات مشرفي المواقع webmasters tools الخاص بقوقل

طريقة اضافة اداة سلايد شو مميز + كود السلايد شو جاهز

درس اضافة سلايد شو لبلوجر

درس اليوم سنتعلم كيفية إضافة أداة سلايد الى مدونات blogger التي تقوم بعرض مواضيع المدونة بشكل الي ومميز مثلما نراه تماما في مواقع الأخبار الكبيرة والتي تعطي طابعا احترافي للمدونة.
مثال للسلايد

كيفية اضافة الأداة ؟

• من لوحة التحكم للمدونة نختار التخطيط ثم نختار اضافة أداة ثم نختار اداة HtmlJavaScript
• نقوم بلصق الكود التالي

<style type="text/css">

 /* JavaScript Image Slider By http://mdonti-n.blogspot.com/ */

#mcis {

 display: none;

}

#sliderFrame {

 position: relative;

 width: 468px;

 margin: 0 auto;

        border:3px solid #E1E0E2;

}

#ribbon {

 width: 111px;

 height: 111px;

 position: absolute;

 top: -4px;

 right: -4px;

}

#slider {

 width: 468px;

 height: 260px;

 background: #fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjR_UVp-R7AGEwFY9ceTTsEa0gi4rm0CfqoUzvv26DLxO_YJ_yReDiRrjC7kY8m4dxI_LAKiFLcN7QfDl6hg_PsmlTkxUV7shab7f9MKHU9OpoFS_kFZ4mYtKae18hUNikjGBUrcZNAnQ/h120/mdonti-n.blogspot.com-loading.gif) no-repeat 50% 50%;

 position: relative;

 margin: 0 auto;

 box-shadow: 0px 1px 5px 010007;

}

#slider img {

 position: absolute;

 border: none;

 display: none;

}

#slider a.imgLink {

 z-index: 2;

 display: none;

 position: absolute;

 top: 0px;

 right: 0px;

 border: 0;

 padding: 0;

 margin: 0;

 width: 100%;

 height: 100%;

}

div.mc-caption-bg, div.mc-caption-bg2 {

 position: absolute;

 width: 100%;

 height: auto;

 padding: 0;

 right: 0px;

 bottom: 0px;

 z-index: 3;

 overflow: hidden;

 font-size: 0;

}

div.mc-caption-bg {

 background-color: #0066CC;

}

div.mc-caption {

 font: bold 25px/21px traditional arabic ;

 color:  #0000;

 z-index: 4;

 padding: 10px 0;

 text-align: center;

}

div.mc-caption a {

 color: #FB0;

}

div.mc-caption a:hover {

 color: #DA0;

}

div.navBulletsWrapper {

 top: 250px;

 right: 190px;

 width: 150px;

 background: none;

 padding-right: 20px;

 position: relative;

 z-index: 5;

 cursor: pointer;

}

div.navBulletsWrapper div {

 width: 11px;

 height: 11px;

 background: transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6N5vUFVsu11ia2YMOz_MUenowizcJ5D8FuAXhAW4WLm2aruP-XCJYER4_g75XmmC2NfvDkED-uSw-ePPo5eozzDNxY8C03-tQ7-i7uO11cOfyfS853BXYDmnpB5_Y64DdbEWg1Hot_A/h120/mdonti-n.blogspot.com-bullet.png) no-repeat 0 0;

 float: right;

 overflow: hidden;

 vertical-align: middle;

 cursor: pointer;

 margin-left: 11px;

 _position: relative;

}

div.navBulletsWrapper div.active {

 background-position: 0 -11px;

}

#slider {

 transform: translate3d(0,0,0);

 -ms-transform: translate3d(0,0,0);

 -moz-transform: translate3d(0,0,0);

 -o-transform: translate3d(0,0,0);

 -webkit-transform: translate3d(0,0,0);

}

 </style> 

<script src="http://my-mdonti.googlecode.com/files/js-image-slider.js" type="text/javascript"></script>

<div id="sliderFrame">

     <div id="ribbon"></div>

            <div id="slider">

<a href="xxxxxx"><img src="ppppp" alt="ttttt"/></a>

<a href="xxxxxx"><img src="ppppp" alt="ttttt"/></a>

<a href="xxxxxx"><img src="ppppp" alt="ttttt"/></a>

<a href="xxxxxx"><img src="ppppp" alt="ttttt"/></a>

<a href="xxxxxx"><img src="ppppp"alt=" ttttt"/></a>

                </div></div>

قبل حفظ الأداة نقوم باضافة المواضيع التي نود ظهورها على السلايد شو كمايلي :

• نضع مكان الرمز xxxxx رابط الموضوع (الرابط الإلكتروني للموضوع )
• نضع مكان الرمز ppppp رابط الصورة (الرابط الإلكتروني لصورة الموضوع)
• نضع مكان الرمز ttttt عنوان الموضوع (أو نختار عنوان أخر للموضوع )

• ثم نقوم بحفظ الإضافة 

تعديل الإضافة بما يتناسب مع مدونتك 

1- اذا أردنا زيادة عدد المواضيع المعروضة نقوم بزيادة عدد الأكواد التالية

<a href="xxxxxx"><img src="ppppp" alt="ttttt"/></a>

اي نقوم بنسخها ولصقها الواحدة تلو الأخرى حسب عدد المواضيع التي نريد عرضها على السلايد شو (Slideshow ).

2- التحكم في ارتفاع وعرض الأداة (الإطار الخارجي) نقوم بالبحث عن الكود التالي :

#slider {

 width: 468px;

 height: 260px;

لتغيير عرض الأداة width 

لتغيير ارتفاع الأداة height

3- تغيير لون السلايدشو الصغيرة (التي يتم بها عرض عنوان الموضوع ) نبحث عن الكود التالي :

 background-color: #0066CC;

ونقوم بتغيير الرمز 0066cc (للحصول على الألوان بصيغة html انتقل للصفحة التالية )

4- تغيير حجم ولون خط عنوان الموضوع (عناوين  المواضيع المعروضة على السلايد شو) ابحث عن الكود التالي :

 font: bold 25px/21px traditional arabic ;

الرمز traditional arabic لإستبدال نوع الخط 

الرمز   25px حجم الخط .

هذه هي اهم التعديلات التي نحتاج اليها لتنسيق الأداة بما يتناسب مع شكل وتصميم المدونة

طريقة اضافة اداة سلايد شو مميز + كود السلايد شو جاهز

من طرف طبيبك  |  نشر في :  8:03 م 3 تعليقات

درس اضافة سلايد شو لبلوجر

درس اليوم سنتعلم كيفية إضافة أداة سلايد الى مدونات blogger التي تقوم بعرض مواضيع المدونة بشكل الي ومميز مثلما نراه تماما في مواقع الأخبار الكبيرة والتي تعطي طابعا احترافي للمدونة.
مثال للسلايد

كيفية اضافة الأداة ؟

• من لوحة التحكم للمدونة نختار التخطيط ثم نختار اضافة أداة ثم نختار اداة HtmlJavaScript
• نقوم بلصق الكود التالي

<style type="text/css">

 /* JavaScript Image Slider By http://mdonti-n.blogspot.com/ */

#mcis {

 display: none;

}

#sliderFrame {

 position: relative;

 width: 468px;

 margin: 0 auto;

        border:3px solid #E1E0E2;

}

#ribbon {

 width: 111px;

 height: 111px;

 position: absolute;

 top: -4px;

 right: -4px;

}

#slider {

 width: 468px;

 height: 260px;

 background: #fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjR_UVp-R7AGEwFY9ceTTsEa0gi4rm0CfqoUzvv26DLxO_YJ_yReDiRrjC7kY8m4dxI_LAKiFLcN7QfDl6hg_PsmlTkxUV7shab7f9MKHU9OpoFS_kFZ4mYtKae18hUNikjGBUrcZNAnQ/h120/mdonti-n.blogspot.com-loading.gif) no-repeat 50% 50%;

 position: relative;

 margin: 0 auto;

 box-shadow: 0px 1px 5px 010007;

}

#slider img {

 position: absolute;

 border: none;

 display: none;

}

#slider a.imgLink {

 z-index: 2;

 display: none;

 position: absolute;

 top: 0px;

 right: 0px;

 border: 0;

 padding: 0;

 margin: 0;

 width: 100%;

 height: 100%;

}

div.mc-caption-bg, div.mc-caption-bg2 {

 position: absolute;

 width: 100%;

 height: auto;

 padding: 0;

 right: 0px;

 bottom: 0px;

 z-index: 3;

 overflow: hidden;

 font-size: 0;

}

div.mc-caption-bg {

 background-color: #0066CC;

}

div.mc-caption {

 font: bold 25px/21px traditional arabic ;

 color:  #0000;

 z-index: 4;

 padding: 10px 0;

 text-align: center;

}

div.mc-caption a {

 color: #FB0;

}

div.mc-caption a:hover {

 color: #DA0;

}

div.navBulletsWrapper {

 top: 250px;

 right: 190px;

 width: 150px;

 background: none;

 padding-right: 20px;

 position: relative;

 z-index: 5;

 cursor: pointer;

}

div.navBulletsWrapper div {

 width: 11px;

 height: 11px;

 background: transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6N5vUFVsu11ia2YMOz_MUenowizcJ5D8FuAXhAW4WLm2aruP-XCJYER4_g75XmmC2NfvDkED-uSw-ePPo5eozzDNxY8C03-tQ7-i7uO11cOfyfS853BXYDmnpB5_Y64DdbEWg1Hot_A/h120/mdonti-n.blogspot.com-bullet.png) no-repeat 0 0;

 float: right;

 overflow: hidden;

 vertical-align: middle;

 cursor: pointer;

 margin-left: 11px;

 _position: relative;

}

div.navBulletsWrapper div.active {

 background-position: 0 -11px;

}

#slider {

 transform: translate3d(0,0,0);

 -ms-transform: translate3d(0,0,0);

 -moz-transform: translate3d(0,0,0);

 -o-transform: translate3d(0,0,0);

 -webkit-transform: translate3d(0,0,0);

}

 </style> 

<script src="http://my-mdonti.googlecode.com/files/js-image-slider.js" type="text/javascript"></script>

<div id="sliderFrame">

     <div id="ribbon"></div>

            <div id="slider">

<a href="xxxxxx"><img src="ppppp" alt="ttttt"/></a>

<a href="xxxxxx"><img src="ppppp" alt="ttttt"/></a>

<a href="xxxxxx"><img src="ppppp" alt="ttttt"/></a>

<a href="xxxxxx"><img src="ppppp" alt="ttttt"/></a>

<a href="xxxxxx"><img src="ppppp"alt=" ttttt"/></a>

                </div></div>

قبل حفظ الأداة نقوم باضافة المواضيع التي نود ظهورها على السلايد شو كمايلي :

• نضع مكان الرمز xxxxx رابط الموضوع (الرابط الإلكتروني للموضوع )
• نضع مكان الرمز ppppp رابط الصورة (الرابط الإلكتروني لصورة الموضوع)
• نضع مكان الرمز ttttt عنوان الموضوع (أو نختار عنوان أخر للموضوع )

• ثم نقوم بحفظ الإضافة 

تعديل الإضافة بما يتناسب مع مدونتك 

1- اذا أردنا زيادة عدد المواضيع المعروضة نقوم بزيادة عدد الأكواد التالية

<a href="xxxxxx"><img src="ppppp" alt="ttttt"/></a>

اي نقوم بنسخها ولصقها الواحدة تلو الأخرى حسب عدد المواضيع التي نريد عرضها على السلايد شو (Slideshow ).

2- التحكم في ارتفاع وعرض الأداة (الإطار الخارجي) نقوم بالبحث عن الكود التالي :

#slider {

 width: 468px;

 height: 260px;

لتغيير عرض الأداة width 

لتغيير ارتفاع الأداة height

3- تغيير لون السلايدشو الصغيرة (التي يتم بها عرض عنوان الموضوع ) نبحث عن الكود التالي :

 background-color: #0066CC;

ونقوم بتغيير الرمز 0066cc (للحصول على الألوان بصيغة html انتقل للصفحة التالية )

4- تغيير حجم ولون خط عنوان الموضوع (عناوين  المواضيع المعروضة على السلايد شو) ابحث عن الكود التالي :

 font: bold 25px/21px traditional arabic ;

الرمز traditional arabic لإستبدال نوع الخط 

الرمز   25px حجم الخط .

هذه هي اهم التعديلات التي نحتاج اليها لتنسيق الأداة بما يتناسب مع شكل وتصميم المدونة

شرح بالفيديو طريقة تغيير حجم قوائم مدونة بلوجر دون تغيير القالب

 شرح  بالفيديو تغيير حجم قوائم مدونة بلوجر دون تغيير القالب

الشرح بالفيديو يوتيوب 

شرح بالفيديو طريقة تغيير حجم قوائم مدونة بلوجر دون تغيير القالب

من طرف طبيبك  |  نشر في :  5:21 م 1 تعليق

 شرح  بالفيديو تغيير حجم قوائم مدونة بلوجر دون تغيير القالب

الشرح بالفيديو يوتيوب 

شرح بالصور طريقة تركيب قالب مدونة بلوجر ( تثبيت القالب على البلوقر )

طريقة تركيب قالب مدونة بلوجر ( تثبيت القالب على البلوقر ) شرح مصور 

          اليوم درس في كيفية تثبيت قالب مدونة بلوجر والطريقة سهلة
بعد تحميل  قالب مدونة جديد لجهاز الكمبيوتر الخاص بك. إذا كان القالب في ملف مضغوط، قم باستخراج قالب ليصبح على امتداد  XML.
1. تسجيل الدخول إلى حساب Blogger الخاص بك.
2. ادخل على المدونة المراد تغيير القالب لها .
  

 صورة توضيحية على مدونتك

3- اضغط على "قالب"

4- اضغط على "نسخ إحتياطي/استعادة "

بعد الضغط على "نسخ إحتياطي/استعادة" سوف تظهر نافذة التالية

5. اضغط على "Browse"وعين ملف القالب الذي قمت بتحميله في بداية الأمر XML ثم اضغط "Open"

6. في الأخير قم بالضغط على "تحميل"

 إنتهاء

اذهب إلى "تخطيط" لإعادة ترتيب الادوات الخاصة بك لتتوافق بشكل صحيح مع مدونتك

شرح بالصور طريقة تركيب قالب مدونة بلوجر ( تثبيت القالب على البلوقر )

من طرف طبيبك  |  نشر في :  3:43 ص 14 تعليقات

طريقة تركيب قالب مدونة بلوجر ( تثبيت القالب على البلوقر ) شرح مصور 

          اليوم درس في كيفية تثبيت قالب مدونة بلوجر والطريقة سهلة
بعد تحميل  قالب مدونة جديد لجهاز الكمبيوتر الخاص بك. إذا كان القالب في ملف مضغوط، قم باستخراج قالب ليصبح على امتداد  XML.
1. تسجيل الدخول إلى حساب Blogger الخاص بك.
2. ادخل على المدونة المراد تغيير القالب لها .
  

 صورة توضيحية على مدونتك

3- اضغط على "قالب"

4- اضغط على "نسخ إحتياطي/استعادة "

بعد الضغط على "نسخ إحتياطي/استعادة" سوف تظهر نافذة التالية

5. اضغط على "Browse"وعين ملف القالب الذي قمت بتحميله في بداية الأمر XML ثم اضغط "Open"

6. في الأخير قم بالضغط على "تحميل"

 إنتهاء

اذهب إلى "تخطيط" لإعادة ترتيب الادوات الخاصة بك لتتوافق بشكل صحيح مع مدونتك

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

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

شرح طريقة اضافة أيقونة فيسبوك وتويتر وقوقل بلس وخدمة ار اس اس لمدونة بلوقر اضافة جديدة 2013

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

صورة توضح ظهور ايقونات شبكات التواصل الاجتماعية Facebook , Twitter , Google + , Feed Rss

لإضافتها اتبع الخطوات التالية :

1- ادخل الى مدونتك عن طريق الرابط التالي:

http://blogger.com/

2- اذهب الى لوحة التحكم تم اضغط على تخطيط

3- تم اضغط على اضافة أداة ، HTML/JavaScript

ثم الصق الكود التالي :

<a href="https://www.facebook.com/th3xd" imageanchor="1" style="margin-left: 1em; margin-right: 1em;">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHA_i01n4lbbUr18cFuoXt0M4kpxKdGOmcPfHMkoTtqjiwVtCLtOL9_MvN6NzxvD4sPven5-Uxw2JR8sbkRHUyTIlAaVLo-Swwai_dBgAfxQmUlVu4K6CnzcZcldWRnYskrvWYMiw49uE/s1600/facebook-30x43.png" /></a>
<a href="https://twitter.com/anasnokri" imageanchor="1" style="margin-left: 1em; margin-right: 1em;">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMCo2oayXUh2XQt_7JCyhyphenhyphenmU1l9a1pQzxlV0b2vh1z0L9J6z0xUNLImFtTPWHyShXnY7eZHqxFDumo09Y-XT13sXWqJRuWtepLTT_FamG7QuveO2x0eKN7Kn7_E46AyWfSSgPoR56WZZQ/s1600/twitter-30x43.png" /></a>
<a href="https://plus.google.com/117554884515213827524/posts" imageanchor="1" style="margin-left: 1em; margin-right: 1em;">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNaG82__OL_a7UpOrsuhknR3Ggj70ocdSdnyQDltjEVQRw-A_axBFwkG0_YQR6wkiU1k5tNQbax8A0WzK5ym4kphRhDE1PhItVFcpTIlvV9Cw9xrIKvaV6ghRVyW6cy8OYI353JJRpq14/s1600/googleplus-30x43.png" /></a>
<a href="http://feeds.feedburner.com/th3xd" imageanchor="1" style="margin-left: 1em; margin-right: 1em;">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhN1ajiEuYNw3pT5Ye9t0QsTNWeaENjQzJKGg8zcrVzOuVoXc2mA8yuIjttIcQiDL45DckaXkqjyZWr6VSNLvhEmOi7kVn69zXflhnQ1Ow2QAvkKsBQQXBQYSqUlWVwF3YOPk13VzU-Fxw/s1600/rss-30x43.png" /></a>
<a href="http://www.th3xd.blogspot.com/"></a>

4- الأن قم بتغير ما لون بالأزرق بحساباتك

و أخيرا قم بالضغط على حفظ 

وبذلك سوف تضاف ايقونات الشبكات الاجتماعية كـ الفيس بوك و تويتر

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

من طرف طبيبك  |  نشر في :  7:51 م 9 تعليقات

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

شرح طريقة اضافة أيقونة فيسبوك وتويتر وقوقل بلس وخدمة ار اس اس لمدونة بلوقر اضافة جديدة 2013

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

صورة توضح ظهور ايقونات شبكات التواصل الاجتماعية Facebook , Twitter , Google + , Feed Rss

لإضافتها اتبع الخطوات التالية :

1- ادخل الى مدونتك عن طريق الرابط التالي:

http://blogger.com/

2- اذهب الى لوحة التحكم تم اضغط على تخطيط

3- تم اضغط على اضافة أداة ، HTML/JavaScript

ثم الصق الكود التالي :

<a href="https://www.facebook.com/th3xd" imageanchor="1" style="margin-left: 1em; margin-right: 1em;">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHA_i01n4lbbUr18cFuoXt0M4kpxKdGOmcPfHMkoTtqjiwVtCLtOL9_MvN6NzxvD4sPven5-Uxw2JR8sbkRHUyTIlAaVLo-Swwai_dBgAfxQmUlVu4K6CnzcZcldWRnYskrvWYMiw49uE/s1600/facebook-30x43.png" /></a>
<a href="https://twitter.com/anasnokri" imageanchor="1" style="margin-left: 1em; margin-right: 1em;">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMCo2oayXUh2XQt_7JCyhyphenhyphenmU1l9a1pQzxlV0b2vh1z0L9J6z0xUNLImFtTPWHyShXnY7eZHqxFDumo09Y-XT13sXWqJRuWtepLTT_FamG7QuveO2x0eKN7Kn7_E46AyWfSSgPoR56WZZQ/s1600/twitter-30x43.png" /></a>
<a href="https://plus.google.com/117554884515213827524/posts" imageanchor="1" style="margin-left: 1em; margin-right: 1em;">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNaG82__OL_a7UpOrsuhknR3Ggj70ocdSdnyQDltjEVQRw-A_axBFwkG0_YQR6wkiU1k5tNQbax8A0WzK5ym4kphRhDE1PhItVFcpTIlvV9Cw9xrIKvaV6ghRVyW6cy8OYI353JJRpq14/s1600/googleplus-30x43.png" /></a>
<a href="http://feeds.feedburner.com/th3xd" imageanchor="1" style="margin-left: 1em; margin-right: 1em;">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhN1ajiEuYNw3pT5Ye9t0QsTNWeaENjQzJKGg8zcrVzOuVoXc2mA8yuIjttIcQiDL45DckaXkqjyZWr6VSNLvhEmOi7kVn69zXflhnQ1Ow2QAvkKsBQQXBQYSqUlWVwF3YOPk13VzU-Fxw/s1600/rss-30x43.png" /></a>
<a href="http://www.th3xd.blogspot.com/"></a>

4- الأن قم بتغير ما لون بالأزرق بحساباتك

و أخيرا قم بالضغط على حفظ 

وبذلك سوف تضاف ايقونات الشبكات الاجتماعية كـ الفيس بوك و تويتر

طريقة تركيب قالب جديد على مدونتك ( شرح مصور )

كيفية تركيب قالب لمدونتك

 شرح تفصيلي بالصور لطريقة تركيب قوالب بلوجر

اولاً : قم بالدخول الي لوحة تحكم مدونة بلوقر الخاصة بك ثم الي قسم القالب انظر للصورة ادناه

 ثانيا ً اضغط علي كلمة نسخ احتياطي / استعادة الموجودة في اعلي يسار الصفحة كما توضح الصور ادناه

 وبعد ما تفتح الصفحة ستجد امامك خيارين :
أ- وهو تنزيل النموذج الكامل وهو تحميل نسخة احتياطية  Backup من القالب الحالي لكي تستفيد منها في حال وجود اي اخطاء في العمل الحالي .

ب - وهو Choose File  ( اختيار ملف ) لرفع القالب الجديد وهو المطلوب في هذا الشرح .

الخطوة الثالثة : بعد الضغط علي Choose File اختر القالب وحمله من جهازك 

وبعد ذلك اضغط تحميل كما توضح الصورة ادناه 

 بعد تحميل القالب اتجه الي مدونتك واعمل تحديث Refresh  للصفحة وهتلاقي القالب الجديد موجود علي المدونة وبذلك انتهيت من عملية تركيب القالب الجديد على مدونتك .

طريقة تركيب قالب جديد على مدونتك ( شرح مصور )

من طرف طبيبك  |  نشر في :  7:23 م 2 تعليقات

كيفية تركيب قالب لمدونتك

 شرح تفصيلي بالصور لطريقة تركيب قوالب بلوجر

اولاً : قم بالدخول الي لوحة تحكم مدونة بلوقر الخاصة بك ثم الي قسم القالب انظر للصورة ادناه

 ثانيا ً اضغط علي كلمة نسخ احتياطي / استعادة الموجودة في اعلي يسار الصفحة كما توضح الصور ادناه

 وبعد ما تفتح الصفحة ستجد امامك خيارين :
أ- وهو تنزيل النموذج الكامل وهو تحميل نسخة احتياطية  Backup من القالب الحالي لكي تستفيد منها في حال وجود اي اخطاء في العمل الحالي .

ب - وهو Choose File  ( اختيار ملف ) لرفع القالب الجديد وهو المطلوب في هذا الشرح .

الخطوة الثالثة : بعد الضغط علي Choose File اختر القالب وحمله من جهازك 

وبعد ذلك اضغط تحميل كما توضح الصورة ادناه 

 بعد تحميل القالب اتجه الي مدونتك واعمل تحديث Refresh  للصفحة وهتلاقي القالب الجديد موجود علي المدونة وبذلك انتهيت من عملية تركيب القالب الجديد على مدونتك .

شرح بالصور لأدوات واضافات وتهيئة بلوجر لمحركات البحث

شرح مصور اضافات بلوجر 2013

سنضع بين ايديكم بهذه المدونة شرح بالصور لأدوات واضافات وتهيئة بلوجر لمحركات البحث وكيفية الربح منها وكل جديد ومفيد في عالم التدوينات .

شرح بالصور لأدوات واضافات وتهيئة بلوجر لمحركات البحث

من طرف طبيبك  |  نشر في :  7:04 م 0 تعليقات

شرح مصور اضافات بلوجر 2013

سنضع بين ايديكم بهذه المدونة شرح بالصور لأدوات واضافات وتهيئة بلوجر لمحركات البحث وكيفية الربح منها وكل جديد ومفيد في عالم التدوينات .