و يتميز هذا القالب بعيد من الخواص الرائعة
مميزات القالب
| مميزات قالب الأثير 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/AVvXsEggH74SO8EGHPnmLw7rnpERKG13JozprURrtOYDS-aBt4PRDwENeseePX6I7NH-ZFl8I3jvKpXAMqIK85FYmoXX8Cw9muNCzBJ8tspkFGhple6ahkbnlzmJ6WE8tZA3icOlSl16c8NyVTcS/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>
إضافة الإعلانات
إضافة الإعلانات أعلى و أسفل المواضيع
ابحث عن إضافة الإعلانات في اسفل القائمة و فوق الفوترقم بإضافتها من تخطيط عبر أداتي بنر إعلاني 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>
إذا واجهتك أي مشكلة لا تترد في وضعها بالتعليقات
Share This :
comment 0 Comments
more_vert