قالب الاثير الإصدار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




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