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

اذهب الي Layout===>Edit HTML ثم تأكد من انك قد ضغط علي زر "Expand widget templates"
ثم ابحث عن الكود الاتي

b:widget id='Label

و عندما تجده فانت بذلك قد عينت مكان الكود الخاص بالتصنيفات ككل و شكله كالاتي

<b:widget id='Label1' locked='false' title='Labels' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<data:label.name/>
<b:else/>
<a expr:href='data:label.url'><data:label.name/></a>
</b:if>
(<data:label.count/>)
</li>
</b:loop>
</ul>

<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>

الجزء الملون بالاحمر هو الخاص برقم مواضيع كل تصنيف و كل ما عليك قعله هو ان تمسحه ثم تأكد من ان خطواتك صحيحة بالضغط علي preview..
منتظر استفسارتكم........
شكرا

جميع المواقع الكبيرة تضع ايقونة بجانب رابط الموقع مما يميزها عن المواقع الاخري..
الطريقة سهلة لغاية...
ادخل علي هذا الموقع و اختار الايقونة التي تفضلها و نزلها عندك علي الجهاز
و ارفعها علي اي موقع صور زي Photobucket.com او imageshack.us لكي تضمن عدم حذفها من المصدر .....

بعد ما تجيب اللينك ادخل علي Layout==>Edit HTML
و ابحث عن الكود الاتي

<data:blog.pageTitle/>

و اضف بعده هذا الكود علي طول

<link href='اضف رابط ايقونتك هنا' rel='shortcut icon' type='image/vnd.microsoft.icon'/>

ثم اضغط preview عشان تتأكد ان الاضافة صحيحة ثم اضغط Save template.

اتمني يكون الشرح سهل و منتظر استفساراتكم..

طبعا الموضوع دة يعتبر مهم جدا لانك بيه ممكن تعرف زوارك جايين منين بالظبط و ساكنين فين و دة طبعا هياساعدك في نشر مدونتك في المواقع اللي جالك منها زوار كتير.
الموضوع سهل و هو انك تدخل علي الموقع دة و هيظهرلك زي الصورة كدة


اضغط Add It و هيظهرلك مربع كالاتي


اضغط علي كملة Blogger و هو هيحطهولك لوحده في البلوج بتاعك بعد ما تدخل اسم الدخول و الباصورد
ولو عايز تغير مكانه ادخل علي Layout==>page element و حركها زي ما انت عايز.

و صورته هتبقي زي اللي عندي علي الشمال تحت بالظبط

لنفترض جدلا انك روحت تصيف و مافيش انترنت في المكان اللي انت فيه و عايز تنشر مواضيع وانت قاعد علي البحر ؟؟
اليكم هذا الحل السهل جدا ولا يحتاج الي اضفة اي اكواد ولكنها خدمة موجودة اصلا في البلوج سبوت و سهلة للغاية.

الطريقة:

ادخل علي مكان كتابة المواضيع واكتب تدوينتك عادي جدا ولما تخلص انزل تحت هتلاقي لينك اسمها Post Options اضغط عليها ليظهر لك الاتي


غير التاريخ المكتوب الي التاريخ الذي تريد ان تنشر فيه موضوعك والساعة ايضا و اضغط Publish و سوف تظهر لك الرسالة الاتية......



الموضوع سهل جدا و الطريقة فعالة و آمنة .

اتمني يكون الموضوع سهل و شكرا

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

اولا: نظرة عامة

تسمي هذه المنطقة ب main wrapper في لغة ال HTML
وهي المنطقة التي تحتوي علي التاريخ و الموضوع
و اسم كاتب الموضوع و تصنيفات الموضوع .
والآن سنتناول هذا الجزء ببعض من التفصيل.....
لاحظ الصورة





اسماء الاجزاء بلغة ال HTML

1- date-header

2- post-title

3- post-body

4- post-footer






احفظ نسخة احتياطية من القالب قبل التطبيق

ثانيا: التغيير علي التاريخ

إبحث عن الكود الآتي :

.date-header {
color:#151B8D;
float: right;
font-size:14px;
line-height:10px;
margin:0pt 0pt 10px;
text-transform:uppercase;
}

الجزء الملون بالاحمر هو الكود الخاص بالألوان و يمكنك اختيار اللون الذي تريد من هذه الصفحة
الجزء الملون بالازرق هو الرقم الخاص بحجم خط التاريخ و يمكنك تصغيره او تكبيره
الجزء الملون بالاخضر هو مكان وجود التاريخ سواء علي اليمين او علي الشمال
اليمين = right ....... شمال = left ........ الوسط = center

ثالثا : التحكم بعنوان المواضيع

إبحث عن هذا الكود

.post-title, .post-title a {
color:$colortituloentrada;
font-size:25px;
text-align: right;
font-weight:normal;
line-height:23px;
margin:0pt 0pt 4px;
}

الجزء الملون بالأحمر هو حجم الخط.
الجزء الملون بالأزرق هو مكان تواجد العنوان سواء علي اليمين او الشمال او الوسط
اليمين = right ....... شمال = left ........ الوسط = center
الرقم الملون بالأخضر يمثل المسافة الفاصلة بين العنوان و جسم الموضوع.

ملحوظة : ممكن الاكواد تختلف من تمبلت لاخر فحاول البحث بنفس الكلمة و ان لم تجدها فاترك ردك و سوف احاول حل المشكلة بقدر الامكان .

استكمالا للدرس السابق تغيير مكان القائمة الجانبية سوف اشرح كيف تستطيع تغيير لون الخلفية للقائمة الجانبية و تغيير لون العنوان و تغيير الحجم الكلي للقائمة.

احفظ نسخة احتياطية من قالبك قبل العمل

اولا: تغيير لون عنوان القائمة فقط

ستصبح هكذا ...











اذهب الي Layout==>Edit HTML ثم ابحث عن الكود الآتي

#sidebar-wrapper h2 {
color:$colortituloslateral;
font-size:20px;
text-align: center;
font-weight:normal;
line-height:22px;
margin:0pt 0pt 2px;
}

اضف الكود التالي
background-color:#157DEC;

هذا الكود سوف يضيف اللون الاصفر ولكن اذا اردت اضافة اللون الذي تريد قاستبدل الجزء المظلل بالاحمر بكود اللون الذي تريده من هذه الصفحة....


ليصبح الكود كالتالي

#sidebar-wrapper h2 {
color:$colortituloslateral;
background-color:#157DEC;
font-size:20px;
text-align: center;
font-weight:normal;
line-height:22px;
margin:0pt 0pt 2px;
}

ثانيا : تغيير لون خلفية القائمة كلها

سيصبح هكذا .......









افتح Edit HTML وابحث عن الكود الاتي

#sidebar-wrapper {
float:left;
margin:0pt 5px 0pt 0pt;
width:180px;
}

و اضف اليه التالي
background-color:#157DEC;

ليصبح هكذا

#sidebar-wrapper {
float:left;
background-color:#157DEC;
margin:0pt 5px 0pt 0pt;
width:180px;
}

ويمكنك تغيير اللون كما وضحت بالاعلي.

ثالثا : تغيير حجم ( سمك ) القائمة

ستصبح هكذا....

ادخل Edit HTML وابحث عن الكود التالي

#sidebar-wrapper {
float:left;
border: 3px ridge #2554C7;
margin:0pt 5px 0pt 0pt;
width:220px;
}

الجزء الملون بالاحمر هو الجزء المسئول عن حجم القائمة والان غير هذا الرقم الي 250 وتابع الفرق.
-----------------------------------------------------------------------

ملحوظة هامة جدا جدا :

ممكن الاكواد تختلف من تمبلت الي الاخر ولكن مضمونها واحد ولو في مشاكل و مش لاقي الكود... اترك رد بمشكلتك و سوف اساعدك بقدر الامكان.

يرجي قراءة هذه التدوينة اولا مكونات التمبلت....
تعتبر القائمة الجانبية (والتي تسمي بالانجليزية Sidebar ) من اهم مكونات المدونة ككل بما انه تحتوي علي التصنيفات و اماكن الاعلانات و الارشيف ولذلك يتعتبر الاهتمام بتصميمها مهم جدا.

كيفية تغيير مكان السايد بار في التمبلت من الشمال الي اليمين ؟؟

هذا هو الشكل قبل التغيير






الان اذهب الي
Layout==>Edit Html
ثم اضغط Ctrl+F للبحث داخل الصفحة و اكتب في المربع الذي ظهر لك الآتي
Sidebar-wrapper
و سوف يظهر لك الكود الاتي

#sidebar-wrapper {
float:left;

margin:0pt 5px 0pt 0pt;
width:180px;
}

#sidebar-wrapper h2 {
color:$colortituloslateral;
background-color:#157DEC;
font-size:20px;
text-align: center;
font-weight:normal;
line-height:22px;
margin:0pt 0pt 2px;
}

الان استبدل الجزء الملون بالاحمر بهذا الجزء
float:right;
و لكن السايد بار لن يتغير مكانه عندما تضغط preview لان ال main wrapper موجود علي اليمن و طبعا غير ممكن الاثنين يكونوا مع بعض في جهة اليمين...
اذا يجب تغيير مكان ال main wrapper الي الشمال..
اذا اضغط Ctrl+f ثم اكتب في مربع البحث main-wrapper
و ابحث الي ان تجد هذا الكود

#main-wrapper {
float:right;
margin:0pt 0pt 0pt 5px;
width:580px;
}

#main-wrapper a {
}

#main-wrapper a:hover {
}

استبدل الجزء الملون بالاحمر بالاتي
float:left;
ثم اضغط preview لكي تتأكد من ان التمبلت قد تم تعديله بشكل صحيح و صورته كالاتي :



اتمني يكون الشرح سهل و بسيط ومنتظر استفساراتكم.
شكرا

تعتبر لغة ال HTML هي البناء الاساسي لاي تمبلت مستخدم في البلوجر
ولكي تسطتيع التعديل علي قالب مدونتك واضافة او ازالة ما تريد فليس شرطا ان تكون محترفا في التعامل مع لغة HTML.

ولكي تسطتيع التعديل علي ما تشاء في قالبك يجب عليك انت تعلم ماذا يسمي كل جزء من قالبك و سوف يتم شرح ذلك تفصيليا باذن الله.

سوف نتعامل في هذا الشرح مع التمبلت الافتراضي للبلوج وهو Minima Template

و شكله كالاتي



في هذه الصورة تم تقسيم الاجزاء الاساسية من اي تمبلت الي 3 اجزاء واسمائهم في لغة ال HTML كالآتي حسب ارقامهم :

1. Main Wrapper
2. Sidebar wrapper
3. Header wrapper
1+2. Outer wrapper

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

كانت هذه التدوينة مقدمة فقط و سوف اشرح كل جزء علي حدة في المستقبل ان شاء الله.