معهد خبراء بلوجر - قالب مدونة عاشق النت حصريا على معهد خبراء بلوجر !

بعد الطلبات العديدة لقالب عاشق النت من المعهد قررت ان اتواصل مع المدون وبعد الكثير من النقاشات واخيرا عرض القالب للجميع

http://4.bp.blogspot.com/-rA2hyxiRGf...sqTemplate.png

مواصفات القالب و مميزاته .
صور للقالب

http://4.bp.blogspot.com/-Q-Fwoy-kCV...9%8A%D8%A9.png
https://lh5.googleusercontent.com/-r...----+-----.png
http://2.bp.blogspot.com/-JSXtcRv658...3+-+001.3d.png

مواصفات القالب :

هيدر مقسم إلى قسمين متقايسين في العرض ، قسم يحتوي على لوغو المدونة ، و القسم الآخر على مساحة إعلانية من قياس 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 == &quot;عاشق النت&quot;'>

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<div id='author'>

<img src='https://lh4.googleusercontent.com/-ABpHmnhU7Yw/T_KV9DyBhII/AAAAAAAABlw/BjYILHhN2Rw/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 القالب ، إبحث عن  و ضع مكانه كود الإعلان الخاص بك .

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

كود:

<!--No header image -->

    <div id='header-inner'>

استبدله ب :

كود:

<!--No header image -->

     <div id='header-inner' style='background-image: url("رابط الصورة"); background-position: right; width: 470px; min-height: 128px; _height: 128px; background-repeat: no-repeat; '>

مع تغيير رابط الصورة.

تحميل القالب

لمتابعة الموضوع الاصلي من هنا