قالب الاثير الإصدار2 المطور
في مقال سابق قمت بتقديم قالب مدونة الاثير الاصدار 1 اما في هذا المقال ساقدم القالب السابق الذي استعملناه في مدونتنا وذلك بمناسبة وصل ترتيب موقعنا الى قرابة 500 ألف نقدم لكم قالبنا السابق , كل ما عليك هو معاينته
و يتميز هذا القالب بعيد من الخواص الرائعة
و قد مر القالب بمرحلة تنقيح وتطوير كحذف بعض الاضافات التي لا داعي لها وتعويض بعض الاضافات الاخرى بإضافات افضل كدمج اداة المواضيع و تعريف الكاتب و صندوق الاشتراك البريدي اسفل المواضيع و تغيير شكل البحث وغيرها لذا تأخرنا قليلا بطرحة
بواسطة
Mohammad Ktifan
تعليقات
مشاركة
مشاركة: قالب الاثير الإصدار2 المطور
0 دقيقة للقراءة
تغيير حجم الخط
تغيير حجم الخط
و قد مر القالب بمرحلة تنقيح وتطوير كحذف بعض الاضافات التي لا داعي لها وتعويض بعض الاضافات الاخرى بإضافات افضل كدمج اداة المواضيع و تعريف الكاتب و صندوق الاشتراك البريدي اسفل المواضيع و تغيير شكل البحث وغيرها لذا تأخرنا قليلا بطرحة
مميزات القالب
مميزات قالب الأثير V2 | التحقق |
---|---|
متجاوب مع جميع الأجهزة | نعمإختبار |
صديق للهواتف | نعمإختبار |
سرعة التحميل الفائقة | نعمإختبار |
بتصميم الماتيريال | نعم |
يحقق معايير السيو | نعم |
قائمة جانبية مميزة | نعم |
قائمة جانية منسدلة | نعم |
صندوق بحث مميز | نعم |
صندوق الإشتراك البريدي | نعم |
ازرار السوشيال ميدايا | نعم |
متجاوب مع الاعلانات | نعم |
أزرار المشاركة | نعم |
تعريف الكاتب (متعدد) | نعم |
مقالات ذات صلة | نعم |
احصائيات مشاهدات الصفحة | نعم |
اضافات مميزة داخل التدوينات | نعم |
التمرير السلس | نعم |
إضافة أزرار التحميل والمعاينة في السايدبار | نعم |
إضافة تفاصيل القالب في السايدبار | نعم |
زر الصعود لأعلى والنزول | نعم |
صندوق تعليق محدث | نعم |
والمزيد...... | .... |
لتطبيق القالب على مدونتك قم أولا بتحميل قالب التنظيف من هنا ثم اتجه الى بلوجر و سجل دخولك الى مدونتك ومن ثم اختر المظهر ثم اختر تعديل 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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRpv7bDjY5YkHsjMOXVcdrY-M-Y9NRBjwX459BdJl8Q8kPbHsFYiSKGRNE4nqFpa3oTivZ_n5lydSP4QWbZ4PzUf4KdSHBtgSyabXCUJ4c44P-b9ucOTSznynquFcrwILC6s8NTbbJNScR/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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRkMxbioVcmVeYwZ2m9xpejXnNd-3EB6Kh41-BMyms39LJhXBXiBe1onvZ0wohLofsk8NypAseqc01gobcEXXCKkHQge0ru9rqu44wtR9IvPwqL-nNdSf9OETsUvRl2TTRrBqAv3zr6B4/s1600/Itheric.jpg
تغيير خلفية القائمة الجانبيةقم بالبحث عن الرابط التالي واستبدله برابط الصورة التي تريد
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikqrrsfW3-CsSjgNZJX8oRweTPYxnZY8TQ4RzvzK9EF9h-R2w5gptYGM05u_NT6f2Wsk_wNFhmi1q-K315qPd11u-_x71OLidXnNzuX5F05Fmv0u3JH06DLTN483IqYpBzaWxVWqi9QFQ/s1600/itheric-blog.jpg
إذا واجهتك أي مشكلة لا تترد في وضعها بالتعليقات
مشاركة:
Mohammad Ktifan
مدون يسعى لتقديم محتوى مميز وجذاب للقراء بشكل عام,مهتم بكثير من الأشياء كـ بلوجر ,تصميم الويب, التصميم الجرافيكي,وأيضا الافلام والمسلسلات العالمية. مدونة الأثير فيسبوك
قد تُعجبك هذه المشاركات
لكن لدي سؤال ارجو الاجابة عليه
بينما انت تملك النسخة الاصلية من القالب النسخة الثانية . قمت تطويره من جديد
( على ما يبدو فهو قالب روتكس مطور )
انا وجدت السورس الاصلي للقالب وعدلت عله
aypp2015(at)gmail.com
aypp2015@gmail.com
شكرا لك 😊
Ouabou1999@gmail.com
aboph.hasan@gmail.com
فقط قم بتحديث الصفحة
mmk42801048@gmail.com
واهلا وسهلا بك 🌹
https://obfuscator.io/
https://download.itheric.com/2019/06/itheric-v2.html