 |
| حصرياً قالب Minima Responsive الإحترافي معرب |
السلام عليكم و رحمة الله وبركاتو
اقدم اليوم أحد أكثر القوالب بساطة و احترافية
قالب Minima Responsive الإحترافي معرب
قد عرضت لكم في وقت سابق على مدونتي قالب Minima الأحترافي معرب و اليوم اعرض القالب الثاني شبيه القالب الأول
صورة للصفحة الرئيسية
 |
| صورة قالب Minima Responsive |
صورة للمواضيع
 |
| صورة قالب Minima Responsive |
بعض من مميزات القالب
- قالب خفيف بعمودين
- متوافق مع جميع قياسات الشاشات
- قائمة منسدلة احترافية
- سيو وأرشفة قوية
- صفحة خطأ 404
- ميزة اخر التعليقات على شكل 'جرس'
- صندوق تعليقات مميز'اضافة الإبتسامات و محول الاكواد,و تمييز تعليق الكاتب'
- صندوق بحث متطور
و الكثير من المميزات الأخرى اكتشفها بفسك
تعديل و تخصيص القالب
1.تخصيص أكواد الميتا تاج
ابحث عن هذا الوسم
<!-- [ اكواد الميتا تاج ] -->
ستجده مكرر مرتين عدل الأكواد اسفله بمايناسبك2.لتعديل القائمة العلوية
ابحث عن هذا الوسم
<li><a href='/' title='الرئيسية'>الرئيسية</a></li>
ستجد باقي الأقسام اسفله عدلها بما يناسبك
3.لتخصيص أزرار مواقع التواصل الإجتماعي
ابحث عن هذا الوسم
<!-- [ أزرار مواقع التواصل ] -->
ستجد الأكواد اسفلة غير # بالروابط خاصتك
4.لتعديل القائمة الثانية
ابحث عن هذا الوسم
<li class='homers'><a href='/'><i class='fa fa-home fa-2x fa-fw'/></a></li>
ستجد باقي الأقسام أسفله عدلها بما يناسبك
5.لتخصيص جرس أخر التعليقات
ابحث عن هذا الرابط
http://minima-re-ar.blogspot.com/
ستجده مكرر مرتين , استبدله برابط مدونتك
6.لإضافة صندوق الإشتراك عبر البريد الإلكتروني
أضف هذا الكود في اداة HTML/JavaScript من تخطيط
<div id='subscribe-box'>
<div class='title'>
</div>
<p>اشتراك عبر البريد الإلكتروني.</p>
<div class='emailfield'>
<form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open('http://feedburner.google.com/fb/a/mailverify?uri=rLqALt', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true' target='popupwindow'>
<input type='text' name='name' onblur='if (this.value == "") {this.value = "الإسم";}' onfocus='if (this.value == "الإسم") {this.value = "";}' value='الإسم'/>
<input type='text' name='email' onblur='if (this.value == "") {this.value = "البريد الإلكتروني";}' onfocus='if (this.value == "البريد الإلكتروني") {this.value = "";}' value='البريد الإلكتروني'/>
<input name='uri' type='hidden' value='rLqALt'/>
<input name='loc' type='hidden' value='en_US'/>
<input class='submitbutton' type='submit' value='اشتراك'/>
</form>
</div>
</div>
قم بتغيير rLqALt إلى معرف مدونتك في FeedBurner
7.إضافة الفهرس
هناك 3 نماذج للفهرس يمكنك معاينتها في القالب
أضف أحد الاكواد التالية في صفحة ثابتة / وضع HTML
النموذج الأول
<div dir="rtl" style="text-align: right;" trbidi="on">
<div dir="rtl" style="text-align: right;" trbidi="on">
<br /></div>
<script src="https://aisuka-project.googlecode.com/svn/sitemap.js" type="text/javascript"></script><script src="http://minima-re-ar.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script><br />
<div style="display: none;">
<a href="http://minima-re-ar.blogspot.com/">قالب تجريبي</a></div>
<style type="text/css">.post-archive { width: 100%; padding: 20px 0; text-transform: capitalize; } .post-archive h4 {background:#fff;border-bottom:1px solid #fafafa;color:#444;font-size: 20px;margin: 0 0 10px 2px;padding: 0 0 10px;} .ct-columns-3 { -moz-column-count: 3; -moz-column-gap: 10px; -moz-column-rule: none; -webkit-column-count: 3; -webkit-column-gap: 10px; -webkit-column-rule: none; column-count: 3; column-gap: 10px; column-rule: none;} .ct-columns-3 p { padding: 5px 0px; -moz-column-break-inside: avoid; -webkit-column-break-inside: avoid; -o-column-break-inside: avoid; -ms-column-break-inside: avoid; column-break-inside: avoid; display: inline-block; width: 100%; } .ct-columns-3 p a {background:#fff;color:#444;display:block;border-bottom:3px solid #f0f0f0; font-size: 14px; line-height: normal; outline:none;padding:10px 15px;transition:all .25s ease-in-out;} .ct-columns-3 p a:hover {background:#02a4e5;color:#fff;border-bottom:3px solid #0392cb;} .ct-columns-3 p span{color:#fff!important;font-style:normal!important;font-weight:normal!important;} @media screen and (max-width: 768px){ .ct-columns-3 {-moz-column-count: 1; -moz-column-gap: 0px; -moz-column-rule: none; -webkit-column-count: 1; -webkit-column-gap: 0px; -webkit-column-rule: none; column-count: 1; column-gap: 0px; column-rule: none; } } </style><br /></div>
استبدل http://minima-re-ar.blogspot.com/ برابط مدونتك
و قالب تجريبي بإسم مدونتك
النموذج الثاني
<div dir="rtl" style="text-align: right;" trbidi="on">
<div id="table-outer">
<table><tbody>
<tr><td><label>Sort posts by : </label></td><td><select id="orderFeedBy"><option selected="" value="published">New post</option><option value="updated">Post updated</option></select></td></tr>
<tr><td><label>Filter posts by category : </label></td><td><span id="labelSorter"><select disabled=""><option selected="">Loading...</option></select></span></td></tr>
<tr><td><label>Search by keyword : </label></td><td><form id="postSearcher">
<input type="text" /></form>
</td></tr>
</tbody></table>
</div>
<br />
<br />
<br />
<header id="resultDesc"></header><br /><br />
<br />
<ul id="feedContainer"></ul>
<div id="feedNav">
Loading...</div>
<script src="https://googledrive.com/host/0B5NxkB895DDIMDB3YnM0ZkFUVDg" type="text/javascript"></script></div>
لا تقم بتغيير أي شيء
النموذج الثالث
النموذج الثالث
<div dir="rtl" style="text-align: right;" trbidi="on">
<div dir="rtl" style="text-align: right;" trbidi="on">
<br /></div>
<div id="bp_toc">
Loading Sitemap. Please wait....</div>
<script src="https://arlina-design.googlecode.com/svn/blogtoc.js" type="text/javascript"></script> <script src="/feeds/posts/summary?alt=json-in-script&max-results=9999&callback=loadtoc" type="text/javascript"></script></div>
لا تقم بتغيير أي شيء
بعض الإعدادات المهمة
1.اعداد تجاوب الهاتف
اتجه الى قالب>نمط الجوال>اظهارنموذج الجوال على أجهزة الجوال>مخصص
كما في الصورة
 |
| حصرياً قالب Minima Responsive الإحترافي معرب |
2.اعداد صندوق فتح الصور المميز
اتجه الى اعدادات>مشاركة وتعليقات>عرض الصور في العرض المبسط>اختر لا
كما في الصورة
 |
| حصرياً قالب Minima Responsive الإحترافي معرب |
و اي استفسار او سؤال ضع ما تريد في تعليق
شروط استخدام القالب
1.عدم استعمال القالب في أمور لا ترضي الله جل وعلا
2.عدم إزالة حقوق تصميم و تطوير القالب
ليست هناك تعليقات
إرسال تعليق