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

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

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

صديق لمحركات البحث

القالب خفيف ومنسق

الشريط الجانبي مقسم لعمودين

يحتوي خاصية إقرا المزيد التلقائية منسقة ومتناسبة مع الخاصية اليدوية المدمجة ببلوجر

القالب يحتوي على إضافة مدمجة للمتابعة على المواقع الإجتماعية

يحتوي على التاريخ الهجري

الهيدر مقسم لجزئين 

الفوتر مقسم لثلاث أدوات

البسملة والسلام مضاف تلقائياً لكل التدوينات

تم إضافة وتنسيق التعليقات المترابطة بنموذج يتناسب مع القالب

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

تنسيق القالب

<script type="text/javascript"      src="http://s.moopz.com/fanbox_init.js"></script><div       id="twitterfanbox"></div><script       type="text/javascript">fanbox_init("atwhidforum");</script>

<div class="widget-content">
<div class="lefts">
<h>إنضم لأكثر من <b>4500</b> متابع للمدونة
<div class="social"><a rel="nofollow" rel="nofollow" target="_blank" href="http://feeds.feedburner.com/ajyal%20"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaYUjJNgHpkgrtftJqI5Lo0sV9W_2MtnVQADZ4vtgVu48QstQj0HTG01SdjLyF0bUrHnihyphenhyphenKUZ9w9ClNBONzHOzcY_ZKl_0XR8d0ygSPf7bfJbZPr7Z9BsNEa_yEoa4lCqtKvIaeDBQOk/s1600/rss.png" /></a>
<a rel="nofollow" rel="nofollow" target="_blank" href="http://twitter.com/atwhidforum"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQ-z7dkLiNsagT5fi50XHgq5BKfQdx3IPUSbExCjtU4wY_qQa2em9EjPM2ZbdGoOdZOwF1wUiuSOaHgs6LovwdNOnNiR57UK7PTuJeHDBRjcVCy67UO0LKSS6zTsM7Epz7LxOo_DGIdKw/s1600/tw.png" /></a>
<a rel="nofollow" rel="nofollow" target="_blank" href="http://www.facebook.com/ajyalasalam"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiyqJwCoMaN373EMxsCJZO6QqtQB_ON3ieSICx5uWQwrsvV4UoG6Szh3MJNYP4MY50h8DkfpeNa41CF5Pe0qw4scRK7A_bssCLxTQOZDxmd1uneRj8Dei6_Cn4D9LEr0GgZVwLPgJEgkU/s1600/face.png" /></a>
</div>
<div class="ins"> <center><div id="sleek-subscribe">
<form action="http://feedburner.google.com/fb/a/mailverify?uri=ajyal"  method="post" rel="nofollow" rel="nofollow" target="_new"> <input class="txt2" name="email" onblur="if (this.value == &#39;&#39;) {this.value = &#39;ضع اميلك هنا  ليصلك كل جديد&#39;;}" onfocus="if (this.value == &#39;ضع اميلك هنا ليصلك كل  جديد&#39;) {this.value = &#39;&#39;;}" value="ضع اميلك هنا ليصلك كل  جديد" /><input class="btn2" type="submit" value=" " />
</form>
</div>
 </center>
</div> </h></div>
<style>
.lefts{
width:270px;
height:182px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-pKJ6tQcLpata4cjomjjtAjHXJBWPLFCpTMRAYNgDR3FKE5joTK1W6Yg2_ibOhDGzpzMu2atPGqc6ofleTRaxvfvJLMCFu0uYSAu8IUZ1iFAasVmNAcw8Nwe_PIEQByHjsYZuwbpqgb0/s1600/left.png);
}
.lefts h1{
color:#767676;
margin:0;
text-align:center;
font:14px  'DroidKufi-Bold';
padding:10px;
padding-top:20px;
}
.lefts b{
font:18px Arial, Helvetica, sans-serif;
color:#ffc000;
}
.lefts .social{
margin-right:50px;
}
.lefts .social a img{
float:right;
margin-right:20px;
margin-top:8px;
}
.lefts .ins{
width:300px;
height:40px;
float:right;
margin-top:15px;
}
.lefts .ins .txt2{
border:1px solid #e1e1e1;
background:#fff;
border-radius:5px;
font:12px Tahoma, Geneva, sans-serif;
color:#c0c0c0;
padding:6px 7px 7px 7px;
margin:0px;
float:right;
margin:0 20px 0 5px;
text-align:right;
    width: 175px;
}
.lefts .ins .btn2{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXQRhOmtaJHFiiDNQgDIEYrMN_AY7cClfAcN_cmQbydI-H6qyN-s-ZoH0yWgGlVhU9sAw3MSc7eWOteU10BIEHW2jswmKWE3c5WlAdwPUBQWQLQAjr2y6oeiXpKhDlIAq7ReXtIDkvfUI/s1600/sub.png);
float:right;
border:none;
width:64px;
height:28px;
cursor:pointer;
}
</style>
</div>