قالب الاثير الإصدار2 المطور


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

مميزات القالب

مميزات قالب الأثير V2 التحقق
متجاوب مع جميع الأجهزة نعمإختبار
صديق للهواتف نعمإختبار
سرعة التحميل الفائقة نعمإختبار
بتصميم الماتيريال نعم
يحقق معايير السيو نعم
قائمة جانبية مميزة نعم
قائمة جانية منسدلة نعم
صندوق بحث مميز نعم
صندوق الإشتراك البريدي نعم
ازرار السوشيال ميدايا نعم
متجاوب مع الاعلانات نعم
أزرار المشاركة نعم
تعريف الكاتب (متعدد) نعم
مقالات ذات صلة نعم
احصائيات مشاهدات الصفحة نعم
اضافات مميزة داخل التدوينات نعم
التمرير السلس نعم
إضافة أزرار التحميل والمعاينة في السايدبار نعم
إضافة تفاصيل القالب في السايدبار نعم
زر الصعود لأعلى والنزول نعم
صندوق تعليق محدث نعم
والمزيد…… ….

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

إضافة الإعلانات 

إضافة الإعلانات أعلى و أسفل المواضيع

ابحث عن <!– ADS –> و الصق اسفله الكود الاعلاني, ستجده مكرر مرتين

الإضافات داخل التدوينات

اضفها من تحرير HTML للمقال
إضافة الصندوق الملون

  <div class="colorbox blue">
الصندوق البنفسجي
</div>
<div class="colorbox green">
الصندوق الاخضر
</div>
<div class="colorbox red">
الصندوق الأحمر
</div>
<div class="colorbox orange">
الصندوق البرتقالي
</div>

إضافة الجدول

  <table cellpadding="0" cellspacing="0" style="text-align: right;"><tbody>
<tr><th>قالب مساين</th><th>النسخة</th><th>السعر</th></tr>
<tr><td>قالب مساين</td><td>v3.00</td><td>$5.00 <a href="https://blog.itheric.com/" rel="nofollow" target="_blank">شراء</a></td></tr>
<tr><td>قالب مساين</td><td>v4.00</td><td>$5.40 <a href="https://blog.itheric.com/" rel="nofollow" target="_blank">شراء</a></td></tr>
<tr><td>قالب مساين</td><td>v2.00</td><td>$3.10 <a href="https://blog.itheric.com/" rel="nofollow" target="_blank">شراء</a></td></tr>
<tr><td>قالب مساين</td><td>v1.00</td><td>$2.99 <a href="https://blog.itheric.com/" rel="nofollow" target="_blank">شراء</a></td></tr>
<tr><td>قالب مساين</td><td>v2.9</td><td>$3.50 <a href="https://blog.itheric.com/" rel="nofollow" target="_blank">شراء</a></td></tr>
<tr><td>قالب مساين</td><td>v4.1</td><td>$6.99 <a href="https://blog.itheric.com/" rel="nofollow" target="_blank">شراء</a></td></tr>
<tr><td>قالب مساين</td><td>v1.5</td><td>$1.99 <a href="https://blog.itheric.com/" rel="nofollow" target="_blank">شراء</a></td></tr>
<tr><td>قالب مساين</td><td>v2.1</td><td>$4.99 <a href="https://blog.itheric.com/" rel="nofollow" target="_blank">شراء</a></td></tr>
<tr><td>قالب مساين</td><td>v3.15</td><td>$7.99 <a href="https://blog.itheric.com/" rel="nofollow" target="_blank">شراء</a></td></tr>
<tr><td>قالب مساين</td><td>v1.00</td><td>$9.99</td></tr>
<tr><td>قالب مساين</td><td>v0.00</td><td>$0.99</td></tr>
</tbody></table>
اضافة الأزرار
<a class="button {{color}}" href="#url">اضغط هنا</a>

استبدل {{color}} بـأحد الألوان التالية

red, pink, purple, deep-purple, indigo, blue, light-blue, cyan, teal, green, light-green, lime, yellow, amber, orange, deep-orange, brown, grey , blue-grey

اضافة الأزرار بأيقونات
<a class="button {{color}}" href="#url">{{i:material}} اضغط هنا</a>

استبدل {{i:material}} بكود HTML الخاص بلأيقون عبر الصفحة الرسمية الخاصة بخط Material icons

اضافة صندوق الأكواد

  <pre><code>
.......ضع الكود هنااا......
</code></pre>

إضافة تفاصيل القالب و أزرار التحميل والمعاينة في السايد بار

<div id="Theme-details">
<div class="store-name">
<h3>
تفاصيل القالب</h3>
<ul>
<li><span class="detail-block"><b>الاسم</b><span class="price dtext">الأثير</span></span></li>
<li><span class="detail-block"><b>الاصدار</b><span class="price dtext">2.0</span></span></li>
<li><span class="detail-block"><b>الملفات المرفقة</b><span class="price dtext">Xml</span></span></li>
<li><span class="detail-block"><b>تاريخ النشر</b><span class="price dtext">10 مايو 9018</span></span></li>
<li><span class="detail-block"><b>تحديث</b><span class="price dtext">-</span></span></li>
</ul>
</div>
<div id="store-style">
<center>
<a class="storebutton but1" href="http://bit.ly/2Un1uFe" target="_blank"> مـعـايـنة </a>
<br />
<a class="storebutton but2" href="https://www.blogger.com/blogger.g?blogID=4371519190837653918#333" target="_blank">تــحــمــيل</a>
<br />
<a class="storebutton but3" href="https://www.blogger.com/follow.g?blogID=5514756544115799416" target="_blank">تابع المدونة</a></center>
</div>
<div id="store-style">
<center>
<a class="storebutton but2" href="https://blog.itheric.com/p/contact-form.html" target="_blank">$5 - شــراء</a></center>
<div class="rio-ss">
<span class="storelist">لا يحتوي أي روابط حقوق</span> <span class="storelist">أكواد غير مشفرة</span> <span class="storelist">دعم متكامل أثناء تركيب القالب</span> <span class="storelist">إضافات ومميزات اخرى</span> <span class="storelist">والمزيد .....</span> </div>
</div>
</div>

إضافة الأزرار بعرض الصفحة

<a class="button deomxd" href="#url" target="_blank">مـعـاينة</a>

استبدل الكلمات و الراوابط بما يناسبك

إضافة فيديو يوتيوب متجاوب

<div class="embed">
<iframe src="https://www.youtube.com/embed/{{ID-VideoYoutube}}" allowfullscreen></iframe>
</div>

استبدل  {{ID-VideoYoutube}} بمعرف الفيديو الذي تريد اضافته

اضافة صفحة اتصل بنا

قم بإضافة صفحة جديدة اتحة لتبويب HTML قم بمسح جميع الأكواد والصق الكود التالي

<div dir="rtl" style="text-align: right;" trbidi="on">
<form name="contact-form">
<div class="formcolumn1">
<input id="ContactForm1_contact-form-name" name="name" placeholder="الإسم" size="30" style="font-family: inherit;" type="text" value="" />
</div>
<div class="formcolumn2">
<input id="ContactForm1_contact-form-email" name="email" placeholder="البريد الإلكتروني" size="30" style="font-family: inherit';" type="text" value="" />
</div>
<div class="formcolumn3">
<textarea cols="25" id="ContactForm1_contact-form-email-message" name="email-message" placeholder="الرسالة" rows="7" style="font-family:inherit;"></textarea>
</div>
<div class="formcolumn4">
<input class="ripplelink" id="ContactForm1_contact-form-submit" style="font-family:inherit;" type="button" value="أرسل الأن" />
</div>
<div style="max-width: 100%; text-align: center; width: 100%;">
<div id="ContactForm1_contact-form-error-message">
</div>
<div id="ContactForm1_contact-form-success-message">
</div>
</div>
</form>

<style scoped="" type="text/css">
#ContactForm1,#comments{display:none}
#ContactForm1_contact-form-name,#ContactForm1_contact-form-email{display:inline-block;width:100%;height:auto;margin:10px auto;padding:14px;background:#fff;color:#222;border:1px solid rgba(0,0,0,0.08)}
#ContactForm1_contact-form-email-message{font-family:inherit;width:100%;height:250px;margin:10px auto;padding:14px;background:#fff;color:#222;border:1px solid rgba(0,0,0,0.08)}
#ContactForm1_contact-form-name:focus,#ContactForm1_contact-form-email:focus,#ContactForm1_contact-form-email-message:focus{background:#fff;outline:none;border-color:rgba(0,0,0,0.18)}
#ContactForm1_contact-form-submit{background:#fff;color:#5f6368;font-size:16px;width:161px;height:45px;float:right;padding:0 20px 0 0;margin:10px 0 3px 5px;cursor:pointer;border:none;border-radius:24px;box-shadow:0 1px 2px 0 rgba(60,64,67,0.302),0 1px 3px 1px rgba(60,64,67,0.149);transition:box-shadow .08s linear,min-width .15s cubic-bezier(0.4,0.0,0.2,1)}
.formcolumn4{position:relative}
.formcolumn4:before{background-image:url(https://2.bp.blogspot.com/-nkmaptT0VoA/WumFePAy9DI/AAAAAAAAGlM/8lA5aRi2E-okumpdikjQancIKDjYaGNqwCLcBGAs/s1600/mailme.png);background-position:center;background-repeat:no-repeat;background-size:20px;content:'';display:block;height:63px;width:32px;position:absolute;z-index:1;right:15px;top:0}
#ContactForm1_contact-form-submit:hover{background:#fafafb;box-shadow:0 1px 3px 0 rgba(60,64,67,0.302),0 4px 8px 3px rgba(60,64,67,0.149)}
#ContactForm1_contact-form-error-message,#ContactForm1_contact-form-success-message{margin-top:35px}
form{color:#888}
.formcolumn1,.formcolumn2{float:right;width:50%}
.formcolumn1,.formcolumn2{margin:0 0 10px 0;padding:0 0 0 10px}
.formcolumn2{padding:0 10px 0 0}
@media only screen and (max-width:768px){.formcolumn1,.formcolumn2{width:100%;padding:0}}
</style>
<style>

</style>
</div>

اضافة صفحة الفهرس

جميع تفاصيل الصفحة من هــنـــا

تغيير خلفية الهيدر
قم بالبحث عن الرابط التالي واستبدله برابط الصورة التي تريد

https://3.bp.blogspot.com/-JlgavcdaUaQ/XImefedGVhI/AAAAAAAAD8A/BxWy39AAs8I-9d_iH9z2LItBqphYYnNswCK4BGAYYCw/s1600/Itheric.jpg

تغيير خلفية القائمة الجانبية
قم بالبحث عن الرابط التالي واستبدله برابط الصورة التي تريد

https://4.bp.blogspot.com/-NbugXIkbT88/XImfYKBAWmI/AAAAAAAAD8U/XnvpzOZ0qs4vAeM1j6INfKnCB8ze-FaPQCK4BGAYYCw/s1600/itheric-blog.jpg


إذا واجهتك أي مشكلة لا تترد في وضعها بالتعليقات