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

أيمن 0 تعليقات
السلام عليكم متابعي موقع تدوين اليوم اقدم لكم  قالب مدونة الاثير الإصدار1 مجانا و بدون حقوق ، تم تصميم هذا القالب باحترافية ليناسب المدونات ذات المحتوي التقني ويتميز هذا القالب عن غيره  بسرعة عالية في التحميل ، كما إن القالب متجاوب والوانه مريحة للعين  ، أتمنى أن ينال إعجابكم .

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

مميزات قالب الأثير 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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9eDDmeYPHLVoyyEnk4Vzq3sE-P3kvgWii1WGEp4SapiOeodEgdfnh74pKRIRdHc6fWt3t8Ro-kz9nw3oQhaLvcDtoY1cguaIaRFfNLIIMUWxfzmBopSdp389kImo9oR2FxMAKIDPHPDD7/s1600/Info+Arlina.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>

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

معاينة القالب
تحميل القالب

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

التعليقات

اذا كنت تريد التعليق، يرجى استخدام لغة مهذبة.

إرسال تعليق

اذا كنت تريد التعليق، يرجى استخدام لغة مهذبة.