قوالب بلوجر |قواعد-Qawa3id

إبحث في معرضنا عن القالب المثالي لمدونتك و لا تنسى العودة لاحقا للمزيد من التحديثات

‏إظهار الرسائل ذات التسميات مجاني. إظهار كافة الرسائل
‏إظهار الرسائل ذات التسميات مجاني. إظهار كافة الرسائل

14‏/05‏/2021

إيدن ثيم | قالب بلوجر لعرض وبيع قوالب بلوجر.

 


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

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

  • تصميم مميز و جميل. [ محسن  ]
  • تنبيهات بآخر الإضافات في المدونة.
  • صندوق بحث مميز. [ محسن  ]
  • الصفحات الفنية  (إتصل بنا-خريطة الموقع-تحويل الروابط )[ إضافة  من قواعد-Qawa3id]
  • زر الصعود لأعلى.
  • أزرار المشاركات. [ إضافة  من قواعد-Qawa3id]
  • أكواد قصيرة . [ إضافة  من قواعد-Qawa3id]
  • تعليقات بلوجر  .  [ محسن  ]
  • صفحة الخطأ.


شرح القالب:

التعديل على روابط القائمة الرئيسية :

للتعديل على القائمة الرئيسية إذهب إلى قسم المظهر > تحرير HTML  و قم بالبحث عن 'simplify-click'
ستجد كود يشبه الكود التالي :
<ul id='simplify-click'>
<li><a href='https://www.qawa3id.com/' itemprop='url'><span itemprop='name'>مدونتنا</span></a></li>
<li><a href='https://idn-theme-qawa3id-templates.blogspot.com/p/redirect.html' itemprop='url'><span itemprop='name'>تحويل الروابط</span></a></li>
<li><a href='/p/eror404' itemprop='url'><span itemprop='name'>صفحة الخطأ</span></a></li>
<li><a href='/p/contact-us.html' itemprop='url'><span itemprop='name'>إتصل بنا</span></a></li>
<li><a href='/p/sitemap.html' itemprop='url'><span itemprop='name'>خريطة الموقع</span></a></li>
<li><a href='javascript:void(0);' id='activator' onclick='javascript:displayGrowl(&apos;مجرد مثال لتنبيه تضعه أنت هنا لاحقا&apos;)'><span itemprop='name'>تنبيه</span></a></li>
</ul>

التعديل على روابط مواقع التواصل الإجتماعي :

للتعديل على روابط مواقع التواصل الإجتماعي إذهب إلى قسم المظهر > تحرير HTML  و قم بالبحث عن 'social-headers'
ستجد كود يشبه الكود التالي :

<div id='social-headers'>
<ul>
<li class='fb-item'>
<a href='#' rel='nofollow noopener' target='_blank' title='إنظم إلينا على فيسبوك'><i class='fa fa-facebook-square'/><span class='inv'/></a>
</li>
<li class='twitter-item'>
<a href='#' rel='nofollow noopener' target='_blank' title='تابعنا على تويتر'><i class='fa fa-twitter-square'/><span class='inv'/></a>
</li>
<li class='instagram-item'>
<a href='#' rel='nofollow noopener' target='_blank' title='تابعنا على إنستغرام'><svg aria-hidden='true' viewBox='0 0 448 512' xmlns='http://www.w3.org/2000/svg'><path d='M224,202.66A53.34,53.34,0,1,0,277.36,256,53.38,53.38,0,0,0,224,202.66Zm124.71-41a54,54,0,0,0-30.41-30.41c-21-8.29-71-6.43-94.3-6.43s-73.25-1.93-94.31,6.43a54,54,0,0,0-30.41,30.41c-8.28,21-6.43,71.05-6.43,94.33S91,329.26,99.32,350.33a54,54,0,0,0,30.41,30.41c21,8.29,71,6.43,94.31,6.43s73.24,1.93,94.3-6.43a54,54,0,0,0,30.41-30.41c8.35-21,6.43-71.05,6.43-94.33S357.1,182.74,348.75,161.67ZM224,338a82,82,0,1,1,82-82A81.9,81.9,0,0,1,224,338Zm85.38-148.3a19.14,19.14,0,1,1,19.13-19.14A19.1,19.1,0,0,1,309.42,189.74ZM400,32H48A48,48,0,0,0,0,80V432a48,48,0,0,0,48,48H400a48,48,0,0,0,48-48V80A48,48,0,0,0,400,32ZM382.88,322c-1.29,25.63-7.14,48.34-25.85,67s-41.4,24.63-67,25.85c-26.41,1.49-105.59,1.49-132,0-25.63-1.29-48.26-7.15-67-25.85s-24.63-41.42-25.85-67c-1.49-26.42-1.49-105.61,0-132,1.29-25.63,7.07-48.34,25.85-67s41.47-24.56,67-25.78c26.41-1.49,105.59-1.49,132,0,25.63,1.29,48.33,7.15,67,25.85s24.63,41.42,25.85,67.05C384.37,216.44,384.37,295.56,382.88,322Z' fill='currentColor'/></svg><span class='inv'/></a>
</li>
<li class='blogger-item'>
<a href='https://www.blogger.com/follow-blog.g?blogID=هنا معرف مدونتك' rel='nofollow noopener' target='_blank' title='إنظم لموقعنا'><i class='fab fa-blogger'/><span class='inv'/></a>
</li>
<li class='whatsapp-item'>
  <a href='#' rel='nofollow noopener' target='_blank' title='راسلنا في الواتساب'><i class='fab fa-whatsapp-square'/><span class='inv'/></a>
  </li>
</ul>
</div>

الصفحات و الأكواد القصيرة:

قم بإضافة الأكواد التالية في الصفحات مع إتباع التعليمات المطلوبة

صفحة الإتصال:


<form name="contact-form">
<div class='formcolumn1'>
<input id="ContactForm1_contact-form-name" name="name" placeholder='الإسم*' size="30" type="text" value="" />
</div>
<div class='formcolumn2'>
<input id="ContactForm1_contact-form-email" name="email" placeholder='البريد الإلكتروني*' size="30" type="text" value="" />
</div>
<div class='formcolumn3'>
<textarea cols="25" id="ContactForm1_contact-form-email-message" name="email-message" placeholder='الرسالة' rows="7"></textarea>
</div>
<div class='formcolumn4'>
<input class="ripplelink" id="ContactForm1_contact-form-submit" 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>

خريطة الموقع:


[sitemap]

صفحة تحويل الروابط :


<div id="pageredirect"></div>

عندما تضيف الصفحة لأول مرة يجب أن تقوم بتسميتها redirect  و إلا لن تعمل الصفحة بعد أن تتأكد من عمل الصفحة ينكنك تغيير إسمها كما تشاء

أكواد القصيرة:

تعمل الأكواد القصيرة داخل المقالات من خلال إضافة الكود الخاص ب الميزة.

المعاينة والتحميل:



<div style="text-align: center;">
<ul class="button">
<li><a class="demo" href="هنا تضع الرابط" target="_blank">معاينة</a></li>
<li><a class="download" href=" هنا تضع الرابط" target="_blank">تحميل</a></li>
</ul>
</div>

أزرار المعاينة والتحميل في السايدبار:


<div id="Theme-details">
<div id="store-style">
<a class="storebutton but1" href="#" rel="nofollow" target="_blank">معاينة</a>
<br />
<a class="storebutton but1" href="#" rel="nofollow" target="_blank">تحميل</a>
<br />
<div class="rio-ss idb">
قم بمعاينة القالب بحرية مع جميع المزايا و الخصائص.</div>
</div>
<div id="store-style">
<a class="storebutton but1 free" href="#" rel="nofollow" target="_blank">تحميل</a>
<br />
<a class="storebutton but2" href="#" target="_blank">$5.25 - شراء</a>
<br />
<div class="rio-ss">
<span class="storelist">تحديثات مستقبلية</span>
<span class="storelist">تعليقات بلوجر</span>
<span class="storelist">حذف الحقوق</span>
<span class="storelist">لمدونات غير محدودة</span>
<span class="storelist">بدون أكواد مشفرة</span>
<span class="storelist">و المزيد...</span></div>
</div>
</div>
</div></div>

محتوى مخفي:


<div id="flippy"><button>محتوى مخفي</button></div>
<div id="flippanel">
--- يظهر المحتوى هنا ---
</div>

جدول:



<table cellpadding="0" cellspacing="0" style="text-align: right;"><tbody>
<tr><th>الخاصية</th><th>التحقق</th></tr>
<tr><td>متجاوب</td><td>نعم  <a href="هنا تضع الرابط" rel="nofollow" target="_blank">معاينة</a></td></tr>
<tr><td>صديق للهواتف الذكية</td><td>نعم <a href="هنا تضع الرابط" rel="nofollow" target="_blank">معاينة</a></td></tr>
<tr><td>صديق للسيو</td><td>نعم <a href="هنا تضع الرابط" target="_blank">معاينة</a></td></tr>
<tr><td>هيدر متحرك</td><td>نعم</td></tr>
<tr><td>إعلانات</td><td>نعم</td></tr>
<tr><td>سريع الأرشفة</td><td>نعم</td></tr>
<tr><td>صفحة الخطأ</td><td>نعم</td></tr>
<tr><td>تصميم شبكي</td><td>نعم</td></tr>
<tr><td>الوضع المظلم</td><td>نعم</td></tr>
<tr><td>إعلانات متجاوبة</td><td>نعم</td></tr>
<tr><td>مسارات التنقل</td><td>نعم</td></tr>
<tr><td>فوتر مخصص</td><td>نعم</td></tr>
<tr><td>مواضيع ذات صلة</td><td>نعم</td></tr>
<tr><td>صندوق البحث</td><td>نعم</td></tr>
<tr><td>آداة المشاركة</td><td>نعم</td></tr>
<tr><td>زر العودة لأعلى</td><td>نعم</td></tr>
<tr><td>أكواد قصيرة</td><td>نعم</td></tr>
<tr><td>ترقيم الصفحات</td><td>نعم</td></tr>
<tr><td>صفحة الإتصال</td><td>نعم</td></tr>
<tr><td>صفحة خريطة الموقع</td><td>نعم</td></tr>
</tbody></table>

فيديو يوتيوب:



<div class="videoyoutube">
<div class="video-responsive">
<div class="video-youtube loader" data-src="//www.youtube.com/embed/PWxJ7iY01mQ">
</div>
</div>
</div>

قم بتغيير المعرف PWxJ7iY01mQ لعرض فيديو آخر

إدخال كود ملون:



<pre><code> تضع الكود هنا </code></pre>

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

العديد من القوالب المميزة تجدها في قواعد فقط

معاينة
سهل التصفح
سريع الأرشفة
صديق للسيو

02‏/05‏/2021

خسوف قالب بلوجر للمدونات الشخصية .

 


24‏/02‏/2021

ألعاب ماج | قالب بلوجر للألعاب بتصميم مجلة عصري.


أهلا بك في مدونة قواعد-Qawa3id  قالب ألعاب ماج كما يظهر اسمه  هو قالب بلوجر للألعاب و آخر الأخبار  عن اللاعبين حول العالم و أخر الإصدارات.

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

أهم ميزات القالب:

  1. لوحة تحكم قوية.
  2. نوعان مختلفان من السلايد شو في الصفحة الرئيسية .
  3. شريط لآخر المواضيع.
  4. تصميم مبتكر و عصري.
  5. أنظمة تعليقات مختلفة (بلوجر-ديسكس-فيسبوك) .
  6. سهولة التعديل و التخصيص.
  7. و المزيد...

بعض الأكواد التي تستعمل في القالب:

قم بتعطيل التعليقات قبل إضافة صفحة الإتصال.

صفحة الإتصال:



<div class="contact-form-widget">
<div class="form">
<form name="contact-form">
<p></p>
الاسم
<br />
<input class="contact-form-name" id="ContactForm1_contact-form-name" name="name" size="30" type="text" value="" />
<p></p>
بريد إلكتروني
<span style="font-weight: bolder;">*</span>
<br />
<input class="contact-form-email" id="ContactForm1_contact-form-email" name="email" size="30" type="text" value="" />
<p></p>
رسالة
<span style="font-weight: bolder;">*</span>
<br />
<textarea class="contact-form-email-message" cols="25" id="ContactForm1_contact-form-email-message" name="email-message" rows="5"></textarea>
<p></p>
<input class="contact-form-button contact-form-button-submit" id="ContactForm1_contact-form-submit" type="button" value="إرسال" />
<p></p>
<div style="text-align: center; width: 100%;">
<p class="contact-form-error-message" id="ContactForm1_contact-form-error-message"></p>
<p class="contact-form-success-message" id="ContactForm1_contact-form-success-message"></p>
</div>
</form>
</div>
</div>


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

العديد من القوالب المميزة تجدها في قواعد فقط

معاينة مباشرة
تحميل مجاني
سهل التصفح
سريع الأرشفة
صديق للسيو

18‏/02‏/2021

ألفا-Alpha | قالب بلوجر مجلة متعدد الإستخدامات


أهلا بك في مدونة قواعد-Qawa3id ومع قالب جديد اليوم أقدم لكم قالب ألفا و هو قالب بلوجر متعدد الإستخدامات بتصميم مجلة  صمم باستعمال كود نظيف و بالإعتماد على مكاتب ال Bootstrap و الjQuery  يتميز بواجهته الجميلة و لوحة تحكم قوية تغنيك عن التعامل مع أي أكواد برمجية مزعجة  إضافة إلى العديد من الميزات الرائعة الأخرى.

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

  1. لوحة تحكم قوية تعطيك تحكم كامل في ميزات القالب.
  2. سلايد شو في الصفحة الرئيسية (يمكنك إختيار التصنيف الذي تريد عرضه).
  3. أقسام التصنيفات الرئيسية بتصاميم مختلفة (يمكنك إختيار التصنيف الذي تريد عرضه).
  4. أنظمة تعليقات مختلفة (بلوجر ، ديسكس ، فيسبوك)
  5. سهل التخصيص و التعديل.
  6. قوائم منسدلة و ميجا منيو.
  7. شريط جانبي ثابت مع تحريك الصفجة.
  8. المزيد...

بعض الأكواد التي تستعمل في القالب:

قم بتعطيل التعليقات قبل إضافة صفحة الإتصال.

صفحة الإتصال:



<div class="contact-form-widget">
<div class="form">
<form name="contact-form">
<p></p>
الاسم
<br />
<input class="contact-form-name" id="ContactForm1_contact-form-name" name="name" size="30" type="text" value="" />
<p></p>
بريد إلكتروني
<span style="font-weight: bolder;">*</span>
<br />
<input class="contact-form-email" id="ContactForm1_contact-form-email" name="email" size="30" type="text" value="" />
<p></p>
رسالة
<span style="font-weight: bolder;">*</span>
<br />
<textarea class="contact-form-email-message" cols="25" id="ContactForm1_contact-form-email-message" name="email-message" rows="5"></textarea>
<p></p>
<input class="contact-form-button contact-form-button-submit" id="ContactForm1_contact-form-submit" type="button" value="إرسال" />
<p></p>
<div style="text-align: center; width: 100%;">
<p class="contact-form-error-message" id="ContactForm1_contact-form-error-message"></p>
<p class="contact-form-success-message" id="ContactForm1_contact-form-success-message"></p>
</div>
</form>
</div>
</div>


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

العديد من القوالب المميزة تجدها في قواعد فقط

معاينة مباشرة
تحميل مجاني
سهل التصفح
سريع الأرشفة
صديق للسيو

13‏/02‏/2021

Igniplex- قالب بلوجر ماتيريال متعدد الإستخدامات

 


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

يحتوي القالب على العديد من الميزات الجميلة من بينها العرض الرائع للملف الشخصي للمؤلف و آداة المشاركات المميزة في بداية التصفح إضافة إلى العديد من الأماكن للإعلانات و آداة 'إقرأ أيضا' التي تظهر في المقالات .

تعتبر هاته النسخة الأولى من القالب التي تم نشرها في مدونة قوالب بلوجر لمدونة قواعد و ستتبعها النسخ الأخرى في أقرب الآجال

شاهد أيضا : قالب سيو بلس النسخة المجانية مع تعديلات خرافية.

أكواد قصيرة للقالب:

إضافة كود 



<pre><code>
<!-- ضع الكود الخاص بك هنا --> 
</code></pre>

جدول



<table><thead><tr><th>الرقم</th> <th>الإسم</th> <th>المدينة</th></tr></thead>
<tbody><tr><td>1</td> <td>جايكوب</td> <td>لندن</td></tr>
<tr><td>2</td> <td>عبد الله</td> <td>جدَة</td></tr>
<tr><td>3</td> <td>محمد</td> <td>جاكارتا</td></tr>
<tr><td>4</td> <td>أسماء</td> <td>مراكش</td></tr>
<tr><td>5</td> <td>إسلام</td> <td>وهران</td></tr>
<tr><td>6</td> <td>سوزان</td> <td>بيروت</td></tr></tbody></table>

الأزرار



<a href="https://www.qawa3id.com"><button>زر عادي</button></a> 
<a href="https://www.qawa3id.com"><button class="download">تحميل</button></a>
 <a href="https://www.qawa3id.com"><button class="demo">معاينة</button></a>

صناديق الرسائل



<div class="box green">صندوق أخضر</div>
<div class="box red">صندوق أحمر</div>
<div class="box yellow">صندوق أصفر</div>
<div class="box blue">صندوق أزرق</div>



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

العديد من القوالب المميزة تجدها في قواعد فقط

معاينة مباشرة
تحميل مجاني
سهل التصفح
سريع الأرشفة
صديق للسيو