قالب ثيماتي : قالب بلوجر متجاوب لعرض القوالب | Themes Responsive blogger template
بواسطة
Mohammad Ktifan
تعليقات
مشاركة
مشاركة: قالب ثيماتي : قالب بلوجر متجاوب لعرض القوالب | Themes Responsive blogger template
0 دقيقة للقراءة
تغيير حجم الخط
تغيير حجم الخط
مميزات القالب
مميزات قالب ثيماتي | التحقق |
---|---|
متجاوب | نعممعاينة |
صديق للهواتف | نعممعاينة |
يحقق معايير السيو | نعم |
قائمة رئيسية | نعم |
فوتر بـ 3 أعمدة | نعم |
صندوق بحث مميز | نعم |
متجاوب مع الاعلانات | نعم |
صفحة الخطأ 404 | نعم |
أزرار المشاركة | نعم |
مقالات ذات صلة | نعم |
صندوق الكاتب | نعم |
أزرار المعاينة والتحميل في السايدبار | نعم |
زر الصعود لأعلى والنزول لأسفل | نعم |
صفحة اتصل بنا مخصصة | نعم |
صفحة الفهرس مخصصة | نعم |
تقديم الدعم | النسخة المدفوعة فقط |
أكواد غير مشفرة | النسخة المدفوعة فقط |
لايحتوي روابط الحقوق | النسخة المدفوعة فقط |
والمزيد...... | .... |
لتطبيق القالب على مدونتك قم أولا بتحميل قالب التنظيف من هنا ثم اتجه الى بلوجر و سجل دخولك الى مدونتك ومن ثم اختر المظهر ثم اختر تعديل HTML ثم امسح جميع الاكواد والصق مكانها اكواد قالب التنظيف ثم اضغط على حفظ المظهر ثم اتجه الى زر نسخ احتياطي/استعادة اعلى يسار الصفحة ثم اختر ملف القالب.
إضافة صفحة إتصل بنا
قم بإنشاء صفحة جديدة و قم بإختيار نظام HTML قم بحذف جميع الاكود والصق الكود التالي , ثم قم بالحفظ
<div dir="rtl" style="text-align: right;" trbidi="on">
<form name="contact-form">
<div class="formcolumn1">
<input id="ContactForm1_contact-form-name" name="name" placeholder="الإسم" size="30" style="font-family: 'Cairo';" type="text" value="" />
</div>
<div class="formcolumn2">
<input id="ContactForm1_contact-form-email" name="email" placeholder="البريد الإلكتروني" size="30" style="font-family: 'Cairo';" type="text" value="" />
</div>
<div class="formcolumn3">
<textarea cols="25" id="ContactForm1_contact-form-email-message" name="email-message" placeholder="الرسالة" rows="7" style="font-family: 'Cairo';"></textarea>
</div>
<div class="formcolumn4">
<input class="ripplelink" id="ContactForm1_contact-form-submit" style="font-family: 'Cairo';" type="button" value="أرسل الأن" />
</div>
<div style="max-width: 100%; text-align: center; width: 100%;">
<div id="ContactForm1_contact-form-error-message">
</div>
<div id="ContactForm1_contact-form-success-message">
</div>
</div>
</form>
<style scoped="" type="text/css">
#ContactForm1,#comments{display:none}
#ContactForm1_contact-form-name,#ContactForm1_contact-form-email{display:inline-block;width:100%;height:auto;margin:10px auto;padding:14px;background:#fff;color:#222;border:1px solid rgba(0,0,0,0.08)}
#ContactForm1_contact-form-email-message{font-family:'Cairo';width:100%;height:250px;margin:10px auto;padding:14px;background:#fff;color:#222;border:1px solid rgba(0,0,0,0.08)}
#ContactForm1_contact-form-name:focus,#ContactForm1_contact-form-email:focus,#ContactForm1_contact-form-email-message:focus{background:#fff;outline:none;border-color:rgba(0,0,0,0.18)}
#ContactForm1_contact-form-submit{background:#fff;color:#5f6368;font-size:16px;width:161px;height:45px;float:right;padding:0 20px 0 0;margin:10px 0 3px 5px;cursor:pointer;border:none;border-radius:24px;box-shadow:0 1px 2px 0 rgba(60,64,67,0.302),0 1px 3px 1px rgba(60,64,67,0.149);transition:box-shadow .08s linear,min-width .15s cubic-bezier(0.4,0.0,0.2,1)}
.formcolumn4{position:relative}
.formcolumn4:before{background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRpv7bDjY5YkHsjMOXVcdrY-M-Y9NRBjwX459BdJl8Q8kPbHsFYiSKGRNE4nqFpa3oTivZ_n5lydSP4QWbZ4PzUf4KdSHBtgSyabXCUJ4c44P-b9ucOTSznynquFcrwILC6s8NTbbJNScR/s1600/mailme.png);background-position:center;background-repeat:no-repeat;background-size:20px;content:'';display:block;height:63px;width:32px;position:absolute;z-index:1;right:15px;top:0}
#ContactForm1_contact-form-submit:hover{background:#fafafb;box-shadow:0 1px 3px 0 rgba(60,64,67,0.302),0 4px 8px 3px rgba(60,64,67,0.149)}
#ContactForm1_contact-form-error-message,#ContactForm1_contact-form-success-message{margin-top:35px}
form{color:#888}
.formcolumn1,.formcolumn2{float:right;width:50%}
.formcolumn1,.formcolumn2{margin:0 0 10px 0;padding:0 0 0 10px}
.formcolumn2{padding:0 10px 0 0}
@media only screen and (max-width:768px){.formcolumn1,.formcolumn2{width:100%;padding:0}}
</style>
<style>
#top-header, .post-title, .up-meta, #sidebar-wrapper, .sidebar-wrapper, #comments,.breadcrumbs{
display: none!important;
}
.sjps, .grid-cover, .recent-wrap, #main-wrapper, .main-wrapper, #outer-wrapper, #outer-wrapper {
background-color: transparent!important;
background: transparent!important;
width: 100%!important;
padding: 0!important;
padding-top: 0!important;
background: none!important;
margin-bottom: 0!important;
padding: 0!important;
margin: 0!important;
float: none!important;
}
#main {padding:0 10px;background:repeating-linear-gradient(-45deg, #fff, #fff 20px, #f3f1e2 20px, #f3f1e2 40px);}
#main-wrapper, .main-wrapper{
padding: 4%!important;
}
</style>
</div>
إضافة صفحة الفهرس
قم بإنشاء صفحة جديدة و قم بإختيار نظام 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>
اضافة ازرار المعاينة والتحميل في السايدبار
<div id="Theme-details">
<div id="store-style">
<div class="rio-ss idb">
هذا النص هو مثال لنص يمكن أن يستبدل في نفس المساحة، لقد تم توليد هذا النص من مولد النص العربى.</div>
<br />
<a class="storebutton but1" href="https://blog.itheric.com/" rel="nofollow noopener" target="_blank">معاينة مباشرة</a></div>
<div id="store-style">
<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>
</div>
اضافة صندوق الأكواد
<code><pre>
.......ضع الكود هنااا......
</code></pre>
بالنسبة لتعليقات Disqus ابحث عن المعرف
إذا واجهتك أي مشكلة لا تترد في وضعها بالتعليقات
لا يحتوي أي روابط حقوق أكواد غير مشفرة دعم متكامل أثناء تركيب القالب إضافات ومميزات اخرى والمزيد .....
مشاركة:
Mohammad Ktifan
مدون يسعى لتقديم محتوى مميز وجذاب للقراء بشكل عام,مهتم بكثير من الأشياء كـ بلوجر ,تصميم الويب, التصميم الجرافيكي,وأيضا الافلام والمسلسلات العالمية. مدونة الأثير فيسبوك
قد تُعجبك هذه المشاركات
https://blog.itheric.com/2019/02/menu.html
نعم تستطيع اضافة القائمة لهذا القالب