قالب مدونة الاثير الإصدار1 مجانا و بدون حقوق



في هذا المقال ساقدم القالب السابق الذي استعملناه في مدونتنا والذي قمنا بإستخدامه كإنطلاقة لنا و لله الحمد كانت إنطلاقة جيدة نوعا ما و الان وقد وصل ترتيب موقعنا الى قرابة 800 ألف نقدم لكم قالبنا السابق بدون أي حقوق و أي شروط للتحميل , كل ما عليك هو معاينته وتحميله من الازرار في السايدبار
و يتميز هذا القالب بعيد من الخواص الرائعة

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

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



يشرفنا انظمامك الى متابعي المدونة من من هنا

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

الإضافات في السايدبار

قم بإضافتها داخل أداة "HTML/JavaScript"

إضافة أداة السوشيال ميديا في السايدبار


<div class='sidebar_about_author'>
<div class='inner_wrapper'>
<div class='lightsosmed-img'>
<img alt='N Light' class='img-responsive' height='180' src='https://4.bp.blogspot.com/-jvRiCg0BHgk/VyO7VHzwFDI/AAAAAAAADCw/XAWK-rsio24QMitPfGRJXRFoxFPMWc6eACLcB/s1600/Info%2BArlina.jpg' title='الأثير' width='300'/>
<div class='aboutfloat-img'><span class='lightsosmed-float'><a href='https://www.blogger.com/follow-blog.g?blogID=1944583533354688007' rel='nofollow' target='_blank' title='كن أحد متابعينا'><i class='fa fa-user'/> </i> كن أحد متابعينا </a></span></div>
</div>
</div>
<div class='lightsosmed-info'>
  <h4><span>الاثــيــر</span></h4>
<p>كل مايخص البلوجر
 و التصميم الجرافيكي</p>
</div>
<div class='lightsosmed-wrpicon'>
<ul class='extender'>
<li class='lightsosmed-icon fbl'><a href='https://www.facebook.com/arlinadesign' target='_blank' title='Follow Our Facebook'><i class='fa fa-facebook fa-fw'/> </i> إعجاب </a></li>
<li class='lightsosmed-icon twitt'><a href='https://twitter.com/ArlinaDesign' target='_blank' title='Follow Our Twitter'><i class='fa fa-twitter fa-fw'/> </i> متابعة </a></li>
<li class='lightsosmed-icon crcl'><a href='https://plus.google.com/+AmeliaPutri90' rel='nofollow' target='_blank' title='Follow Our Google+'><i class='fa fa-google-plus fa-fw'/></i>  اشتراك </a></li>
</ul>
</div>
</div>


إضافة اداة شاهد أيضا


<ul id="recent-posts"></ul>
<style>
/* Recent Post Widget */
ul#recent-posts {
  list-style: none;
  margin: 0;
  padding: 5px;
  margin: 0;
  text-align: right;
}


li.recent-posts {
  display: block;
  clear: both;
  overflow: hidden;
  list-style: none;
  border-bottom: 1px solid #fff;
  word-break: break-word;
  padding: 10px;
  margin: 0;
  background:linear-gradient(270deg,#2672db, #6a5acd, #19bfe5);background-size:600% 600%;animation:Gradient 25s ease infinite;
}
@-webkit-keyframes Gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
@-moz-keyframes Gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
@keyframes Gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
li.recent-posts:hover {
color: #fff;
background:linear-gradient(270deg,#2672db, #6a5fff, #19bfe5);background-size:600% 600%;
}
li.recent-posts:last-child {
  
  border-bottom: 0;
}

li.recent-posts a {
  color: #fff;
  
}

li.recent-posts a:hover {
  color: #fff;
  text-decoration: ;
  
    
}
</style>
<script type='text/javascript'>
//<![CDATA[
var homePage = "https://itheric-v1.blogspot.com/",
  numPosts = 5;

function recentPosts(a) {
  if (document.getElementById("recent-posts")) {
    var e = a.feed.entry,
      title, link, content = "",
      ct = document.getElementById("recent-posts");
    for (var i = 0; i < numPosts; i++) {
      for (var j = 0; j < numPosts; j++) {
        if (e[i].link[j].rel == "alternate") {
          link = e[i].link[j].href;
          break
        }
      }
      var title = e[i].title.$t;
      content += '<li class="recent-posts"><a href="' + link + '" title="' + title + '" target="_blank" rel="nofollow">' + title + '</a></li>'
    }
    ct.innerHTML = content
  }
}
var rcp = document.createElement('script');
rcp.src = homePage + '/feeds/posts/summary?alt=json-in-script&orderby=published&max-results=' + numPosts + '&callback=recentPosts';
document.getElementsByTagName('head')[0].appendChild(rcp);
//]]>
</script>


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

إضافة الإعلانات أعلى و أسفل المواضيع
ابحث عن <!-- adss --> و الصق اسفله الكود الاعلاني, ستجده مكرر مرتين

إضافة الإعلانات في اسفل القائمة و فوق الفوترقم بإضافتها من تخطيط عبر أداتي بنر إعلاني 1 و 2

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


اضفها من تحرير 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>  



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


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

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


<a class="storebutton but1" href="https://blog.itheric.com/" rel="nofollow noopener" target="_blank">معاينة مباشرة</a><br />
<a class="storebutton but1" href="https://blog.itheric.com/" rel="nofollow noopener" target="_blank">تحميل مجاني</a></div>
<div id="store-style">
<a class="storebutton but2" href="https://blog.itheric.com/" target="_blank">$5.25 - شراء</a><br />
<div class="rio-ss">
<span class="storelist">مواصفات بريميوم</span><br />
<span class="storelist">مواصفات بريميوم</span><br />
<span class="storelist">مواصفات بريميوم</span><br />
<span class="storelist">مواصفات بريميوم</span></div>
</div>
</div>

إضافة الأزرار العادية
<center>
<a href="https://blog.itheric.com/" rel="nofollow" target="_blank"><button><i aria-hidden="true" class="fa fa-download"></i> تحميل </button> </a> <br/><a href="https://blog.itheric.com/" rel="nofollow" target="_blank"><button><i aria-hidden="true" class="fa fa-eye"></i> معاينة</button></a> <br /> </center>

إضافة الأزرار الكبيرة
<ul class="button">
<li><a class="demo" href="https://blog.itheric.com/" target="_blank">مــعــايــنة</a></li>
<li><a class="download" href="https://blog.itheric.com/" target="_blank">تـــحـــمـــيل</a></li>
</ul>

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

إضافة محتوى مخفي
<div id="flippy">
<button>عــرض / إخفاء</button></div>
<div id="flippanel">
ضع هنا اي محتوى تريد
</div>
</div>

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


<div class="videoyoutube">
<div class="video-responsive">
<div class="video-youtube loader" data-src="https://www.youtube.com/embed/hoHfVJi9WBU">
</div>
</div>
</div>

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



<div class="bagidua">
النص هنا
</div>


إضافة نص بثلاث أعمدة

<div class="bagitiga">
النص هنا
</div>

إضافة نص بأربعة أعمدة


<div class="bagiempat">
النص هنا
</div>



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