بسم الله الرحمن الرحيم
بعد اربعة اشهر من العمل في تقديم المفيد و الرائع مدونة ارشر تظهر لكم في ثوبها الجديد , بقالب احترافي مصمم على نمط القوالب الحديثة بسيطة التصميم , وتقديرا لولائكم وجدنا ان اقل مايمكننا فعله هو تقديم النسخة الاولى من قالب مدونة ارشر مجانا لكم , فاعتبروه هدية , وارجوا ان تنال اعجابكم .
لنتحدث الان عن القالب ... النسخة الاولى من قالب مدونة ارشر هو عبارة عن نسخة مطورة من القالب الانجليزي (( Gvusion 2 )) تم تعريب القالب بواسطة المدون " منير محمد " وتم تطوير القالب بواسطتي انا " محمد ارش " , فكرة تصميم القالب غير منقولة من اي مدونة او موقع اخر , فهي افكار و تصاميم اساسية موجودة في القالب قمت باضافة لمستي الخاصة عليها .
الالوان و خلفية القالب
اعتمدت في تصميمي للقالب على ان اركز على نمط القوالب القديمة التي تعتمد على لونين او اكثر و تكون التأثيرات فيها قليلة لان ذلك سيقلل من نسبة البطئ في القالب ,قمت باختيار لونين بين درجات الاحمر الفاتح الى الاحمر الداكن لونين بسيطتين و متناسقين مع بعضها ليعطيا القالب شكلا اجمل , اخترت خلفية شبة سوداء لان القوالب ذات الخلفيات الداكنة تتميز بخاصية فصل بصر المستخدم عما حوله , بحيث يعطي القالب تأثيرا بصريا خاصا على عين المستخدمتجعله يركز على ما يشاهد .
الخطوط المستخدمة في القالب
اما بالنسبة للخطوط المستخدمة في القالب , فقصتها تبدأ عندما قررت ان اختار خطوط مميزة و نادرة في القالب فمت بالبحث في المحتوى العربي عن خطوط عربية غير مستخدمة كثيرا و لكن للاسف لم اجد الا خطوط معدودة تستخدمها اغلب المدونات العربية , فاثناء بحثي في الانترنت خطرت علي فكرة البحث عن موقع يقدم خطوط ويب عربية حتى وجدت موقع " fontface.me" موقع رائع يقدم مجموعة من خطوط الويب العربية الاحترافية , و الاهم من ذلك ان الخطوط مرفوعة على سيرفر خاص بالموقع , وبذلك اضمن استخدامها لامد بعيد .
بحثت في الموقع عن خطوط واضحة و رائعة فوجدت مااريد في خط " حكيم " وخط " الراوي " فهما الخطان الاساسيان المستخدمان في القالب , ويتميزان وبوضحهما و سهول قراءة النص المكتوب بواسطتهما و تقبلهما لتغيير لون الخط .
فكرة الظلال
الظلال او الظل هو عبارة عن كود css بسيط يضاف للعصر المراد عمل ظلال له بحيث يظهر ظل تحت العنصر , فكرة الظل خطرت من تصميمات سابقة لاحد المدونين , فقررت ان استخدم هذه الفكرة في القالب وقمت بتركيب الكود على صور الواضيع حيث يظهر اسفلها ظل خفيف كما استخدمتها على صندوق القوائم الرئيسية في القالب , فكان تأثيرها جميلا , فما رأيكم فيها ؟؟
تجاوب متكامل 100%
اهم مايميز النسخة الاولى من قالب مدونة ارشر هو تجاوبها مع جميع الشاشات بنسبة 100% حيث ان القالب يأخذ تصميم معين في شاشات الهواتف , ويزيد من حجمه في شاشات الـ LCD الكبيرة , وتجاوب القالب اصبح واحد من المعايير المهمة في السيو و اخذته جوجل على محمل الجد حيث ان المواقع الغير متجاوبة تتعرض لعقوبات .
كما ان شركات الهواتف المحمولة و بالاخص " آبل Apple " تمنع مستخدميها من دخول المواقع الغير متجاوبة مع الهاتف , ويعتبر هذا بمثابة عقوبة للموقع , لانه سيفقد زائر جديدا الان و في المستقبل , فبعد استخدامك لقالب مدونة ارشر يمكنك ان تنسى جانب تجاوب قالبك تماما , كل ما عليك هو التركيز على الجوانب الاخرى في موقعك .
لمعاينة تجاوب القالب " responsinator.com " .
خصائص ومميزات اخرى في القالب
✔ النظافة التامة للاكواد الداخلية الخاصة بالقالب .
✔ احتواء القالب على الاكواد المهمة في جانب السيو .
✔ بساطة تصميم القالب وسهولة استخدامه .
✔ احتوائه على ثلاثة تبويبات في السايد بار .
✔ احتواء القالب على الابتسامات التي تستخدم في التعليقات .
✔ امكانية اضافة ثلاثة ادوات في الفوتر السفلي .
✔ اقرا المزيد بصورة متطورة بعيدا عن التصميم التقليدي .
✔ احتواء القالب على سلايد شو ديناميكي لاخر المواضيع .
✔ مواضيع ذات صلة بتصميم رائع واحترافي .
✔ تصميم بسيط ورائع لعرض التعليقات .
✔ ازرار شبكات التواصل الاجتماعي في موقع واضح للزائر .
✔ سهولة التعديل على تصميم القالب .
✔ زر الصعود الى اعلى بتصميم رائع وفي مكان مناسب .
تعديلات مهمة قبل استخدام القالب
🔧 تعديل القائمة العلوية :
لتعديل القائمة العلوية ابحث عن الاكواد ادناه وقم بتعديل النصوص الروابط الى مايناسب مدونتك و اقسامها حيث ان النص باللون الازرق استبدله بالنص الذي تريده ان يظهر و العلامة باللون الاحمر استبدلها بالرابط ثم قم بحفظ القالب ليتم حفظ تعديلاتك .
<ul>
<li class='active'><a expr:href='data:blog.homepageUrl'>الرئيسية</a></li>
<li class='home5'><a href='#'>اتصل بنا</a></li>
<li class='home3'><a href='#'>ادعم ارشر</a></li>
<li class='home4'><a href='#'>التبادل الاعلاني</a></li>
</ul>
<li class='active'><a expr:href='data:blog.homepageUrl'>الرئيسية</a></li>
<li class='home5'><a href='#'>اتصل بنا</a></li>
<li class='home3'><a href='#'>ادعم ارشر</a></li>
<li class='home4'><a href='#'>التبادل الاعلاني</a></li>
</ul>
🔧 تعديل القائمة الرئيسية :
التعديل على القائمة الرئيسية لايختلف كثيرا عن القائمة العلوية فقط كل ماعليك هو البحث عن الاكواد دناه وقم بتعديل النصوص و الروابط و التلميحات الى ما يناسبك حيث ان النص باللون الازرق استبدله بالنص الذي تريده ان يظهر و العلامة باللون الاحمر استبدلها بالرابط و التص باللون الاخضر استبدله بالتلميح الذي تريده ان يظهر عند وضع المؤشر على النص الظاهر ثم قم بحفظ القالب .
<ul>
<li class='homers'><a href='/'>الرئيسية</a></li>
<li><a class='archtip' href='#' title=' دورة ترسم لك طريق النجاح في مجال التدوين'>دورة كن مدون</a></li>
<li><a class='archtip' href='#' title='قسم يحتوى على مجموعة من المقالات المتعلقة بمدونات بلوجر'>دروس بلوجر</a></li>
<li><a class='archtip' href='#' title='تريد قوالب احترافية لمدونتك !! هذا هو القسم المناسب'>قوالب بلوجر</a></li>
<li><a class='archtip' href='#' title='افضل الاضافات و الادوات لمدونات بلوجر تجدها في هذا القسم'>اضافات بلوجر</a></li>
<li><a class='archtip' href='#' title=' كل مايتعلق بمجال السيو تجده هنا'>سيو - SEO</a></li>
<li><a class='archtip' href='#' title=' لديك استفسار او سؤال حول التدوين اطرحه هنا'>اسأل ونحن نجاوب</a></li>
</ul>
<li class='homers'><a href='/'>الرئيسية</a></li>
<li><a class='archtip' href='#' title=' دورة ترسم لك طريق النجاح في مجال التدوين'>دورة كن مدون</a></li>
<li><a class='archtip' href='#' title='قسم يحتوى على مجموعة من المقالات المتعلقة بمدونات بلوجر'>دروس بلوجر</a></li>
<li><a class='archtip' href='#' title='تريد قوالب احترافية لمدونتك !! هذا هو القسم المناسب'>قوالب بلوجر</a></li>
<li><a class='archtip' href='#' title='افضل الاضافات و الادوات لمدونات بلوجر تجدها في هذا القسم'>اضافات بلوجر</a></li>
<li><a class='archtip' href='#' title=' كل مايتعلق بمجال السيو تجده هنا'>سيو - SEO</a></li>
<li><a class='archtip' href='#' title=' لديك استفسار او سؤال حول التدوين اطرحه هنا'>اسأل ونحن نجاوب</a></li>
</ul>
🔧 تعديل ازرار التواصل الاجتماعي :
لتعديل روابط ازرار التواصل الاجتماعي الموجودة في القائمة الرئيسية قم بالبحث عن الاكواد ادناه وقم باستبدال الروابط حيث ان الرابط باللون الاحمر هو رابط الفيسبوك و الازرق هو رابط جوجل + و الاخضر هو رابط خلاصة RSS الخاص بمدونتك ثم احفظ القالب .
<ul id='socialmedia'>
<li class='tooltip'><a href='https://www.facebook.com/archer.blog/' target='_blank'><img class='sfacebook' src='http://store6.up-00.com/2017-02/148826855063931.png'/></a><span class='tooltiptext'>Facebook</span></li>
<li class='tooltip'><a href='http://feeds.feedburner.com/archer-blog' target='_blank'><img class='srss' src='http://store6.up-00.com/2017-02/148826855088013.png'/></a><span class='tooltiptext'>RSS</span></li>
<li class='tooltip'><a href='https://plus.google.com/u/0/me?tab=jX' target='_blank'><img class='sgoogle' src='http://store6.up-00.com/2017-02/148826855074362.png'/></a><span class='tooltiptext'>Google+</span></li>
</ul>
<li class='tooltip'><a href='https://www.facebook.com/archer.blog/' target='_blank'><img class='sfacebook' src='http://store6.up-00.com/2017-02/148826855063931.png'/></a><span class='tooltiptext'>Facebook</span></li>
<li class='tooltip'><a href='http://feeds.feedburner.com/archer-blog' target='_blank'><img class='srss' src='http://store6.up-00.com/2017-02/148826855088013.png'/></a><span class='tooltiptext'>RSS</span></li>
<li class='tooltip'><a href='https://plus.google.com/u/0/me?tab=jX' target='_blank'><img class='sgoogle' src='http://store6.up-00.com/2017-02/148826855074362.png'/></a><span class='tooltiptext'>Google+</span></li>
</ul>
🔧 تشغيل السلايد شو :
القالب يحتوى على سلايد شو ديناميكي او شريط يقوم بعرض اخر المواضيع لتشغيل السلايد شو بحيث يقوم بعرض مواضيع مدونتك قم بالبحث عن الكود ادناه واستبدل الرابط باللون الازرق الى رابط مدونتك بدون اللاحقة http:// ثم قم بحفظ القالب .
<div class='ticker-wrap' data-domain='ar-cher.blogspot.com'>
🔧 تعديل الكاتب :
تعريف الكاتب اضافى تظهر اسفل كل موضوع لتعديل محتواها ابحث عن الاكواد ادناه ثم قم بالتعديل الى مايناسبك حيث ان الرابط باللون الاحمر هي رابط الصورة و النص باللون الازرق استبدله بنبذة عنك و الروابط باللون الاخضر استبدلها بروابط حساباتك في جوجل و فيسبوك اما بالنسبة لاسم الكاتب فسيعدل بصورة تلقائية ثم قم بحفظ القالب .
<div class='author_description_container'><div class='authorboxwrap'>
<div class='authorboxfull'>
<div class='avatar-container'>
<a href='#'>
<img class='author_avatar' expr:alt='data:post.author' height='110' src='http://www.mrkzgulf.com/do.php?img=491193' width='110'/>
</a>
</div>
<h4>الكاتب : <a rel='author'><data:post.author/></a></h4>
<p>
مدون عربي من السودان احب مجال التدوين على منصة بلوجر ولي فيه شغف كبير اعمل في هذا المجال لاكثر من سنة احب ان اشارككم افكاري عبر مدونتي ارشر
<data:post.authorAboutMe/>
</p>
<div class='authorsocial'>
<a class='img-circle1' href='https://www.facebook.com/mo7medarch' rel='nofollow' target='_blank'><i class='fa fa-facebook'/></a>
<a class='img-circle3' href='https://plus.google.com/u/0/me?tab=jX' rel='nofollow' target='_blank'><i class='fa fa-google-plus'/></a>
<div class='clr'/>
</div>
</div>
<div class='authorboxfull'>
<div class='avatar-container'>
<a href='#'>
<img class='author_avatar' expr:alt='data:post.author' height='110' src='http://www.mrkzgulf.com/do.php?img=491193' width='110'/>
</a>
</div>
<h4>الكاتب : <a rel='author'><data:post.author/></a></h4>
<p>
مدون عربي من السودان احب مجال التدوين على منصة بلوجر ولي فيه شغف كبير اعمل في هذا المجال لاكثر من سنة احب ان اشارككم افكاري عبر مدونتي ارشر
<data:post.authorAboutMe/>
</p>
<div class='authorsocial'>
<a class='img-circle1' href='https://www.facebook.com/mo7medarch' rel='nofollow' target='_blank'><i class='fa fa-facebook'/></a>
<a class='img-circle3' href='https://plus.google.com/u/0/me?tab=jX' rel='nofollow' target='_blank'><i class='fa fa-google-plus'/></a>
<div class='clr'/>
</div>
</div>
🔧 التعديل على اضافات السايدبار و الفوتر يمكنك التجكم فيها بواسطة التخطيط
📥 التحميل و 🔐 حقوق القالب
حذف الحقوق ,, العادة المنبوذة التي توجد في المحتوى العربي بكثرة , حتى انها قد اصبحت امرا عاديا ولاينظر الى فاعلها على انه سارق بل و يؤيده الكثيرين على مافعل , هذا الامر له عقوبة من الله في الدنيا قبل الاخر , فاخذ حق ليس لك او استحلال حق دون علم صاحبه امر لايصح في ديننا الحنيف , فارجوا منكم عدم حذف الحقوق او التلاعب او التعديل عليها , حقوق التصميم محفوظة لـ " مدونة ارشر " , وحقوق التعريب محفوظة لمدونة " مدون محترف " ...
ودمتم في حفظ الله ورعايته
{ رَبِّ لا تَذَرْنِي فَرْدًا وَأَنتَ خَيْرُ الْوَارِثِينَ }
18 التعليقات
شكراعلى المجهود,حملت القالب وأتمنى أن أنجح في استعماله وانشاء مدونة متألقة,شكرا مرة أخرى.
العفو اخي الكريم ,, واتمنى لك التوفيق
أخي العزيز يوجد مشكل في القالب أرجو من التأكد وجزاك الله خيرا
ماهي المشكلة التي واجهتك اخي ؟؟
انني اشكركم جزيل الشكر لديكم محتوى رائع شكرا جزيلا
العفو اخي ,, وشكرااا على مرورك العطر :-bd
القالب لا يعمل اخي اعد تصحيحه الله يرضى عليك
القالب ليس به مشكلة اخي
يبدو انك ركبته بطريقة غير صحيحة
شكرا ليك ولكن عندما يتم رفع القالب تظهر المشكلة
لم نتمكن من حفظ المظهر.
تعذر تحليل المظهر نظرًا لأن صياغته غير صحيحة. يُرجى التأكد من إغلاق جميع عناصر XML بشكل سليم. رسالة خطأ XML:
Content is not allowed in prolog.
العفو اخي ...
اخي القالب ليس به مشكلة ... ويوجد كثير من المدونات التي قامت بتركيبه
اشكرك جدا على مجهودك ولكن لدى مشكلة السلايد شو مش بيشتغل
لتشغيل السلايد شو ابحث عن ar-cher.blogspot.com واستبدلها برابط مدونتك بدون اللاحقة http://
فعلا في مشكله زى الاخ حاتم ما قال
برده مشكلة السلايد شو مش بيشتغل
حقيقة اخي .. انا لم اتمكن من فهم المشكلة ..
لكن المشكلة لسيت بالقالب فهناك من قام باستخدام وتركيبه
علة مدونته بدون اي مشاكل
اختي القالب يعمل على مواضيع مدونتي ؟؟
اولا لايعمل اصلا ؟؟
السلايد شو لا يعمل اصلا لا ع مواضيع حضرتك ولا ع مدونتي
علما بانه تم التعديل المذكور وليس هناك اي نتيجه
ممكن رابط للمعاينة ؟؟
اظهر الابتساماتإخفاء