مواصفات القالب و مميزاته .
ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ
مواصفات القالب :
- هيدر مقسم إلى قسمين متقايسين في العرض ، قسم يحتوي على لوغو المدونة ، و القسم الآخر على مساحة إعلانية من قياس 60×468 .
- قائمة أفقية جميلة ، تحتوي على أزرار مصممة بتقنية الـCSS فقط ، و بالجانب مربع البحث الداخلي .
- مقطع خاص يظهر في الرئيسية فقط يصلح للكلمات في المناسبات كـ( رمضان مبارك سعيد ) | الصورة .
- تصطف التدوينات مثنى مثنى بحيث تظهر أحذث تدوينة كبيرة و بارزة ، و هذا أكثر ما يميز القالب .
- قائمة جانبية عادية ، تحتوي على أداة ' التدوينات الشائعة ' المتميزة بتأثيرات الجي كويري - واجهة المستخدم .
- يتكون الفوتر من ثلاث أعمدة متقايسة في العرض و الإرتفاع ، تصلح لبعض الأدوات الترويجية كصندوق الفيسبوك أو تويتر .
- الصور الخاصة بتصميم القالب تم تحويلها إلى بيانات Data URI ، للتخفيف من عدد طلبات الـhttp و تسريع تحميل المدونة .
- يوجد في أسفل كل تدوينة صندوق للتعريف بالكاتب ، يصلح للمدونات الجماعية ، سنرى طريقة تعديله في الجزء التالي .
- يوجد أسفل كل تدوينة زر ( طباعة المقال ) الخاص بخدمة Print Friendy & PDF ، و أربع أزرار للمواقع الإجتماعية الأكثر شهرة في العالم : غوغر بلس ، فيسبوك ، تويتر ، و الخدمة الصاعدة ثبث .
- يوجد أسفل كل تدوينة مساحة إعلانية أخرى من قياس 60×468 .
- يوجد أسفل المساحة الإعلانية السابقة إضافة مقالات ذات صلة بتنسيق CSS جميل .
تركيب القالب و تنظيمه .
تخصيص اللوغو :
اللوغو كمعظم القوالب يتم التحكم فيه عن طريق أداة ' رأس الصفحة ' ، و للحصول على لوغو متناسب مع عروض الهيدر فإنه يجب إعطاع اللوغو القياس 128×470 .التعريف بالكاتب :
- توجه إلى اللوحة الرئيسية ← تصميم ← تحرير HTML في الواجهة القديمة أو اللوحة الرئيسية ← قالب ← تحرير HTML في الواجهة الجديدة .
- قم بتوسيع قوالب عناصر واجهة المستخدم .
- إبحث عن <div id='author'> ( إستخدم أداة البحث Ctrl + F ) .
ستجد ما يلي :
المعلومات التي تحتاج إلى تغييرها هي تلك الملونة بالأحمر ، إسم الكاتب في السطر الأول يجب أن يكون مطابقا للإسم في ملف تعريف بلوجر ، و إلى فإن أداة تعريف الكاتب لن تظهر .
<b:if cond='data:post.author == "هادى محمد"'>
<b:if cond='data:blog.pageType == "item"'>
<div id='author'>
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbaWrzGrrFvu5XYRGSLyqkK9KbqAAXSiiOu5XeTpYqsV69JCapRIyilL6QAFmOLxgzTJFIN071B5HoLW8fU_eX5LW_Q1e3pLWVJ0NLk9RLrgmybPKCo8D8Eh-LjsvWe12ARe4KT7oeZEw/h120/me.jpg' style='padding: 3px;border: 1px solid #CCC;background: white;float: right;width: 90px;height: 90px;margin: 0 0 0 10px;'/>
<h2 style='margin: 5px 0;font-weight: 500;text-decoration: underline;'>هادى محمد</h2>
بقلم هادى محمد أحب التدوين : وانا اشارك بعض معلوماتى البسيطه مع الاخرين، أعشق كل ما له علاقة بالويب و الإنترنت
<div style='clear:both'/>
</div>
</b:if></b:if>
في حالة ما إذا كانت المدونة جماعية ، فيمكن تكرار الكود السابق بنسخه و لصقه أسفل الأول و تعديل المعلومات ، بهذه الطريقة فإن الكاتب الذي قام بكتابة التدوينة هو من سيظهر تعريفه فقط .
أما إذا كنت تريد حذف هذه الأداة فيمكنك ببساطة حذف الكود السابق و ذلك لن يؤثر أبدا على تنسيق القالب .
الإعلان أسفل التدوينة :
قبل مغادرة صفحة تحرير HTML القالب ، إبحث عن <!-- Code Adsense --> و ضع مكانه كود الإعلان الخاص بك .
0 comments:
Post a Comment