حصريا قالب Blog Matelial قالب مدونة المحترف العربي

حصريا قالب Blog Matelial قالب مدونة المحترف العربي

يتميز هذا القالب بعيد من الخواص الرائعة قم بمعاينة القالب من السايدبار
مميزات القالب

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

تابعنا من هنا

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

شرح تخطيط القالب

 أهم ما يميز هذا القالب انك تستطيع إدرة المدونة من تخطيط فقط ولا حاجة لتعديل الكواد الصعبة.
لتغيير الصورة الرمزية 

قم بتعديل إضافة رابط الصورة وقم بواضع رابط صورتك الرمزية الخاصة
لتعديل القائمة

قم بإختيار إضافة مواقع التواصل لإضافة روبطك الخاصة
أسفلها تجد إضافة التسميات وهي خاصة بعرض التسميات في القائمة ام لا, تستطيع عدم عرض التسميات من خلال إزالة المؤشر عن "إظهار التسميات"
قائمة التسميات
وهي القائمة التي تظهر اثناء عرض تسمية معينة داخل المدونة
بنر إعلاني 
يمكنك إضافة إعلان يظهر في الصفحة الرئيسية تحت هيدر المدونة
الأماكن الإعلانية تحت رسائل المدونة

• إعلان بين المشاركات : يقوم بوضع إعلانات بين المشاركات اثناء عرضها في الصفحة الرئيسية  او في عرض تسمية معينة
• إعلان أعلى التدوينة 
• إعلان في وسط التدوينة : يقوم بوضع إعلان في وسط التدوينات دون التأثير على هيئتها
• إعدادات إعلان وسط التدوينة يفضل إبقاؤه كما هي
• إعلان اسفل التدوينة

القائمة السفلية
مكان لإضافة: تستطيع اضافة ما تشاء هنا كأكواد لتبادل الإعلاني أو غيرها
الصفحات: تستطيع عبر هذه الاداة إعداد القائمة السفلية التي تظهر في الفوتر
إضافات اخرى
مانع الإعلانات : تستطيع تحرير العبارة الظاهرة لإضافة مانع الإعلانات و أيضا تستطيع إلغاء تفعيل الإضافة من خلال إزالة المؤشر عن "ظهار HTML/JavaScript"
يفضل ترك باقي الإضافات

إضافة صفحة إتصل بنا
قم بإنشاء صفحة جديدة و قم بإختيار نظام HTML قم بحذف جميع الاكود والصق الكود التالي , ثم قم بالحفظ

<div dir="rtl" style="text-align: right;" trbidi="on">
<style scoped="scoped">
.blanterinput{float:none;position:relative;margin-bottom:45px;margin-left:10px}.blanterinput input,.blanterinput textarea{font-size:15px;padding:15px 0;display:block;width:100%;border:none;border-bottom:1px solid #ddd}.blanterinput input:focus,.blanterinput textarea:focus{outline:none}.blanterinput label{color:#999;font-size:15px;font-weight:400;position:absolute;pointer-events:none;right:0;top:10px;transition:.2s ease all}.blanterinput input:focus ~ label,.blanterinput input:valid ~ label,.blanterinput textarea:focus ~ label,.blanterinput textarea:valid ~ label{top:-20px;font-size:14px;color:#3f51b5}.bar{position:relative;display:block;width:100%}.bar:before,.bar:after{content:'';height:2px;width:0;bottom:1px;position:absolute;background:#3f51b5;transition:.2s ease all}.bar:before{right:50%}.bar:after{left:50%}.blanterinput input:focus ~ .bar:before,.blanterinput input:focus ~ .bar:after,.blanterinput textarea:focus ~ .bar:before,.blanterinput textarea:focus ~ .bar:after{width:50%}.highlight{position:absolute;height:50%;width:100px;top:25%;right:0;pointer-events:none;opacity:.5}.blanterinput input:focus ~ .highlight,.blanterinput textarea:focus ~ .highlight{animation:inputHighlighter .3s ease}.blanterinput input:focus ~ label,.blanterinput input:valid ~ label,.blanterinput textarea:focus ~ label,.blanterinput textarea:valid ~ label{top:-20px;font-size:13px;color:#3f51b5}
input#ContactForm1_contact-form-email-message{height:150px}
input#ContactForm1_contact-form-submit{color:#fff!important;background:#3f51b5;padding:15px 25px;border-radius:4px;border:none;outline:none;box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);cursor:pointer;transition:all .4s ease-in-out;text-transform:uppercase;float:left;margin-top:15px}
input#ContactForm1_contact-form-submit:hover{box-shadow:0 8px 17px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)}
#ContactForm1_contact-form-error-message{float:left;background:#D32F2F;color:#fff;font-size:13px;font-weight:700;border-radius:3px}#ContactForm1_contact-form-success-message{float:left;background:#4CAF50;color:#fff;font-size:13px;font-weight:700;border-radius:3px}
form{
    padding: 0 0 40px 0;
}
</style>

<br />
<form name="contact-form">
<div class="blanterinput">
<input class="validate" id="ContactForm1_contact-form-name" name="name" required="" type="text" value="" />
<span class="highlight"></span>
<span class="bar"></span>
<label>الإســـم</label>
</div>
<div class="blanterinput">
<input class="validate" id="ContactForm1_contact-form-email" name="email" required="" type="email" value="" />
<span class="highlight"></span>
<span class="bar"></span>
<label>البريد الإلكتروني</label>
</div>
<div class="blanterinput">
<textarea class="validate" cols="25" id="ContactForm1_contact-form-email-message" name="email-message" required="" rows="5"></textarea>
<span class="highlight"></span>
<span class="bar"></span>
<label>الرسالة</label>
</div>
<input id="ContactForm1_contact-form-submit" type="button" value="إرســــال" />

<br />
<div id="ContactForm1_contact-form-error-message">
</div>
<div id="ContactForm1_contact-form-success-message">
</div>
</form>
</div>
 

إضافة صفحة الفهرس
قم بإنشاء صفحة جديدة و قم بإختيار نظام HTML قم بحذف جميع الاكود والصق الكود التالي ,مع تغيير المحدد برابط مدونتك, ثم قم بالحفظ

 
<div id="recentpostsae">
</div>
<div id="recentpostnavfeed">
</div>
<style scoped="" type="text/css">
*{padding:0;margin:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-box-sizing:border-box}
a,a:link,a:visited{text-decoration:none;transition:all .3s}
button,input[type="button"],input[type="reset"],input[type="submit"],.button{border:0;color:#fff;cursor:pointer;font-size:14px;font-weight:400;padding:12px 16px;white-space:normal;width:auto;border-radius:3px;outline:0}button:focus,button:hover,input[type="button"]:focus,input[type="button"]:hover,input[type="reset"]:focus,input[type="reset"]:hover,input[type="submit"]:focus,input[type="submit"]:hover,.button:focus,.button:hover{color:#fff}
#recentpostnav{border:1px solid #585858;width:100%;margin:0 auto}
#recentpostsae{margin:0}
#recentpostsae .recentpostel{width:47.9%;background:#fff;display:inline-block;margin:0 0 10px 20px;padding:15px;overflow:hidden;box-shadow:0 2px 3px rgba(0,0,0,0.06),0 2px 3px rgba(0,0,0,0.1)}
#recentpostsae .recentpostel:nth-child(even){margin:0 0 10px 0}
#recentpostsae .recentpostel img{background:#ecf0f1;padding:0;float:left;margin:0;margin-right:13px;width:72px}
#recentpostsae .recentpostel h6,.recentpostel h6 a{text-decoration:none;font-size:14px;font-weight:400;margin:0;color:#000}
#recentpostsae .recentpostel:hover{background-color:#fefefe}
#recentpostsae .recentpostel p{font-size:12px;text-align:left;color:#555;line-height:normal;margin:5px 0}
#recentpostload{letter-spacing:-10px;text-align:center;background:transparent url(https://2.bp.blogspot.com/-GeeSB564W-o/Wum3zpg8qNI/AAAAAAAAGmM/aRoomVJFtSQfUoAJrRjD6h1wTSU8J8DUQCLcBGAs/s1600/ellipsis-preloader.gif) no-repeat 50% 50%;height:470px}
#recentpostnavfeed{display:table;padding:5px 10px 5px 0;text-align:left;margin:15px auto}
#recentpostnavfeed a{color:#141414;font-size:12px;font-weight:400;display:block;padding:5px 10px}
#recentpostnavfeed span{padding:0;cursor:pointer;transition:all .3s}
#recentpostnavfeed .next,#recentpostnavfeed .previous{position:relative;overflow:hidden;display:inline-block;background:#fff;color:#222;padding:10px 16px;font-size:1rem;border-radius:99em;box-shadow:0 2px 3px rgba(0,0,0,0.06),0 2px 3px rgba(0,0,0,0.1)}
#recentpostnavfeed .next{float:right;margin:0 0 0 10px}
#recentpostnavfeed .previous{float:left;margin:0 10px 0 0}
#recentpostnavfeed .home{text-align:center;display:table;background:#fff;color:#222;font-size:1rem;float:none;padding:10px 16px;border-radius:99em;margin:auto;box-shadow:0 2px 3px rgba(0,0,0,0.06),0 2px 3px rgba(0,0,0,0.1)}
#recentpostnavfeed a:hover,#recentpostnavfeed span.noactived{color:#ccc}
#recentpostnavfeed i{font-family:fontawesome;font-style:normal}
#recentpostnavfeed .next:hover,#recentpostnavfeed .previous:hover,#recentpostnavfeed .home:hover{background:#fff;color:#222;box-shadow:0 10px 21px rgba(0,0,0,0.15),0 6px 6px rgba(0,0,0,0.12)}
@media screen and (max-width:993px){#recentpostsae .recentpostel{width:100%;margin:0 0 10px 0}}
</style>
<script type='text/javascript'>
//<![CDATA[
var numfeed = 10;
var startfeed = 0;
var urlblog = "https://blog-material.blogspot.com";
var charac = 0;
var urlprevious, urlnext;
function arlinafeed(e,t){for(var n=e.split("<"),r=0;r<n.length;r++)-1!=n[r].indexOf(">")&&(n[r]=n[r].substring(n[r].indexOf(">")+1,n[r].length));return n=n.join(""),n=n.substring(0,t-1)}function showrecentpostsae(e){var t,n,r,a,i,s="";urlprevious="",urlnext="";for(var l=0;l<e.feed.link.length;l++)"previous"==e.feed.link[l].rel&&(urlprevious=e.feed.link[l].href),"next"==e.feed.link[l].rel&&(urlnext=e.feed.link[l].href);for(var d=0;d<numfeed&&d!=e.feed.entry.length;d++){t=e.feed.entry[d],n=t.title.$t;for(var l=0;l<t.link.length;l++)if("alternate"==t.link[l].rel){r=t.link[l].href;break}i="content"in t?t.content.$t:"summary"in t?t.summary.$t:"",a="media$thumbnail"in t?t.media$thumbnail.url:"https://3.bp.blogspot.com/-BHuXHny1kOk/VXrkSyxKCjI/AAAAAAAACas/pZLJAEUDtds/s1600/no-image.png",s+="<div class='recentpostel'>",s+="<a href='"+r+"'><img src='"+a+"' /></a>",s+="<h6><a href='"+r+"'>"+n+"</a></h6>",s+="<p>"+arlinafeed(i,charac)+"</p>",s+="</div>"}document.getElementById("recentpostsae").innerHTML=s,s="",s+=urlprevious?"<a href='javascript:navigasifeed(-1);' class='previous'><i class='fas fa-arrow-left'></i></a>":"<span class='noactived previous'><i class='fas fa-arrow-left'></i></span>",s+=urlnext?"<a href='javascript:navigasifeed(1);' class='next'><i class='fas fa-arrow-right'></i></a>":"<span class='noactived next'><i class='fas fa-arrow-right'></i></span>",s+="<a href='javascript:navigasifeed(0);' class='home'><i class='fas fa-home'></i></a>",document.getElementById("recentpostnavfeed").innerHTML=s}function navigasifeed(e){var t,n;-1==e?(t=urlprevious.indexOf("?"),n=urlprevious.substring(t)):1==e?(t=urlnext.indexOf("?"),n=urlnext.substring(t)):n="?start-index=1&max-results="+numfeed+"&orderby=published&alt=json-in-script",n+="&callback=showrecentpostsae",incluirscript(n)}function incluirscript(e){1==startfeed&&removerscript(),document.getElementById("recentpostsae").innerHTML="<div id='recentpostload'></div>",document.getElementById("recentpostnavfeed").innerHTML="";var t=urlblog+"/feeds/posts/default"+e,n=document.createElement("script");n.setAttribute("type","text/javascript"),n.setAttribute("src",t),n.setAttribute("id","arlinalabel"),document.getElementsByTagName("head")[0].appendChild(n),startfeed=1}function removerscript(){var e=document.getElementById("arlinalabel"),t=e.parentNode;t.removeChild(e)}onload=function(){navigasifeed(0)};
//]]>
</script>
 

الإضافات داخل التدوينات, اضفها من تحرير 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 </td></tr>
<tr><td>قالب جورجيان</td><td>v4.00</td><td>$5.40 </td></tr>
<tr><td>قالب جورجيان</td><td>v2.00</td><td>$3.10 </td></tr>
<tr><td>قالب جورجيان</td><td>v1.00</td><td>$2.99  </td></tr>
<tr><td>قالب جورجيان</td><td>v2.9</td><td>$3.50  </td></tr>
<tr><td>قالب جورجيان</td><td>v4.1</td><td>$6.99  </td></tr>
<tr><td>قالب جورجيان</td><td>v1.5</td><td>$1.99  </td></tr>
<tr><td>قالب جورجيان</td><td>v2.1</td><td>$4.99  </td></tr>
<tr><td>قالب جورجيان</td><td>v3.15</td><td>$7.99  </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> 

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

تابعنا من هنا

مـعـايـنة
تــــحــمــيــل

انتظر عدة ثوانِ ليتم توجيهك لصفحة التحميل

$5 - شــراء

لا يحتوي أي روابط حقوق أكواد غير مشفرة دعم متكامل أثناء تركيب القالب إضافات ومميزات اخرى والمزيد .....