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

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

26‏/05‏/2021

بسيط v2 | قالب بلوجر للمدونات التقنية بإصداره الثاني.

 


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

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

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

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

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

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

تأكد رجاءا من تغيير هذا الرابط  https://rtl-simpleblog.blogspot.com/  برابط مدونتك .

<div class="tabbed-toc" id="tabbed-toc"></div>
<script>
var tabbedTOC={blogUrl:"https://rtl-simpleblog.blogspot.com/",containerId:"tabbed-toc",activeTab:1,showDates:!0,showSummaries:!1,numChars:200,showThumbnails:!0,thumbSize:60,noThumb:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAA3NCSVQICAjb4U/gAAAADElEQVQImWOor68HAAL+AX7vOF2TAAAAAElFTkSuQmCC",monthNames:["جانفي","فيفري","مارس","أفريل","ماي","جوان","جويلية","أوت","سبتمبر","أكتوبر","نوفمبر","ديسمبر"],newTabLink:!0,maxResults:99999,preload:0,sortAlphabetically:!0,showNew:7,newText:' &ndash; <em style="color:red;">جديد</em>'};
</script>
<script src="https://cdn.jsdelivr.net/gh/Indzign/InSEO@master/daftarisikeren.js"></script>
<style scoped="" type="text/css">
.tabbed-toc{margin:0 auto;position:relative;background:linear-gradient(-45deg,#EE7752,#E73C7E,#23A6D5,#23D5AB);background-size:400% 400%;animation:Gradient 15s ease infinite}
.tabbed-toc .loading{display:block;padding:2px 12px;color:#fff}
.tabbed-toc ul,.tabbed-toc ol,.tabbed-toc li{margin:0;padding:0;list-style:none}
.tabbed-toc .toc-tabs{width:20%;float:right}
.tabbed-toc .toc-tabs li a{display:block;overflow:hidden;color:#fff;text-decoration:none;padding:12px;font-size:13px;transition:all .3s}
.tabbed-toc .toc-tabs li a:hover{background-color:rgba(0,0,0,0.05)}
.tabbed-toc .toc-tabs li a.active-tab{background:rgba(0,0,0,0.05);position:relative;z-index:5;margin:0 -1px 0 0}
.tabbed-toc .toc-content,.tabbed-toc .toc-line{width:80%;float:left;background-color:#fff;box-sizing:border-box}
.tabbed-toc .toc-line{float:none;display:block;position:absolute;top:0;left:0;bottom:0}
.tabbed-toc .panel{position:relative;z-index:5}
.tabbed-toc .panel li a{color:#1277cb;display:block;position:relative;font-weight:500;font-size:14px;padding:6px 12px;overflow:hidden}
.tabbed-toc .panel li time{display:block;font-weight:normal;font-size:11px;color:#666;float:left}
.tabbed-toc .panel li .summary{display:block;padding:10px 12px 10px;font-size:13px}
.tabbed-toc .panel li .summary img.thumbnail{float:right;display:block;margin:5px 0 0 8px;width:72px;height:72px;background-color:#fafafa}
.tabbed-toc .panel li{background-color:#f9f9f9;margin:0}
.tabbed-toc .panel li:nth-child(even){background-color:#fff}
.tabbed-toc .panel li a:hover,.tabbed-toc .panel li a:focus,.tabbed-toc .panel li.bold a{background-color:rgba(0,0,0,0.03);outline:none}
.tabbed-toc .panel li a em{background:#f39c12;color:#fff!important;font-style:initial;font-size:11px;margin:0 5px 0 0;padding:2px 10px;border-radius:22px}
.tabbed-toc .panel li:before{display:none}
.darkmode .tabbed-toc .toc-content,.nightmode .tabbed-toc .toc-line{background-color:rgba(0,0,0,0.1)}
.darkmode .tabbed-toc{background:rgba(0,0,0,0.1)}
.darkmode .tabbed-toc .panel li{background:rgba(255,255,255,.05)}
.darkmode .tabbed-toc .panel li:nth-child(even){background:rgba(255,255,255,.1)}
@-webkit-keyframes Gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
@-moz-keyframes Gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
@keyframes Gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
@media (max-width:768px){.tabbed-toc .toc-tabs,.tabbed-toc .toc-content{overflow:hidden;width:auto;float:none;display:block}.tabbed-toc .toc-tabs li{display:inline;float:left}.tabbed-toc .toc-tabs li a.active-tab{background-color:rgba(64,64,64,0.1)}.tabbed-toc .toc-content{border:none}.tabbed-toc .toc-line,.tabbed-toc .panel li time{display:none}}
</style>

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

<a class="buttonx" href="هنا تضع الرابط" target="_blank">معاينة</a>
<a class="buttonDownload" href=" هنا تضع الرابط" target="_blank">تحميل</a>

جدول :

<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>

إدخال كود:


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

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

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

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

25‏/05‏/2021

Affiliation | قالب بلوجر للشركات و المدونات الشخصية

 


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


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

  • لوحة تحكم قوية.
  • سهولة التخصيص و التعديل.
  • صفحة الخطأ.
  • صقحة الإتصال.
  • أكواد قصيرة.
  •  و المزيد ....


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

أكواد قصيرة:

جدول:


<div class="post-table">
<table>
    <thead>
<tr>
        <th>الإسم الأول</th>
        <th>الإسم الأخير</th>
        <th>النظام</th>
      </tr>
</thead>
    <tbody>
<tr>
        <td data-label="First Name">محمد</td>
        <td data-label="Last Name">وهران</td>
        <td data-label="Hero Title">بلوجر</td>
      </tr>
<tr>
        <td data-label="First Name">عبد الله</td>
        <td data-label="Last Name">الصعيدي</td>
        <td data-label="Hero Title">وردبرس</td>
      </tr>
<tr>
        <td data-label="First Name">وائل</td>
        <td data-label="Last Name">مختار</td>
        <td data-label="Hero Title">ويكس</td>
      </tr>
<tr>
        <td data-label="First Name">كريم</td>
        <td data-label="Last Name">محمد</td>
        <td data-label="Hero Title">تمبلر</td>
      </tr>
</tbody>
</table>
</div>
 

أزرار:

زر عادي:


  
<div class="small-button">
<a class="button small" href="https://www.blogger.com">زر صغير</a>
<a class="button medium" href="https://www.blogger.com">زر متوسط</a>
<a class="button large" href="https://www.blogger.com">زر كبير</a>
</div>

أزرار المعاينة و التحميل:


  
  <div class="small-button">
<a class="button small demo" href="https://www.blogger.com">معاينة</a>
<a class="button medium demo" href="https://www.blogger.com">معاينة</a>
<a class="button large demo" href="https://www.blogger.com">معاينة</a>

<div class="clear">
</div>

<a class="button small download" href="https://www.blogger.com">تحميل</a>
<a class="button medium download" href="https://www.blogger.com">تحميل</a>
<a class="button large download" href="https://www.blogger.com">تحميل</a>
<div class="clear">
</div>
<a class="button small buy" href="https://www.blogger.com">شراء</a>
<a class="button medium buy" href="https://www.blogger.com">شراء/a>
<a class="button large buy" href="https://www.blogger.com">شراء</a>

<div class="clear">
</div>

<a class="button small visit" href="https://www.blogger.com">إنتقال إلى رابط</a>
<a class="button medium visit" href="https://www.blogger.com">إنتقال إلى رابط</a>
<a class="button large visit" href="https://www.blogger.com">أنتقال إلى رابط</a> </div>

رسائل:

 
  <div class="alert-message success">
  <i class="fa fa-check-circle"></i>رسالة نجاح.</div>
  <div class="alert-message alert">
  <i class="fa fa-info-circle"></i> رسالة تنبيه.</div>
  <div class="alert-message warning">
  <i class="fa fa-exclamation-triangle"></i> رسالة تحذير</div>
  <div class="alert-message error">
  <i class="fa fa-exclamation-circle"></i>رسالة خطأ</div>
  

إضافة كود:

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

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


 
  <div class="contact-form">
  <div class="contact section" id="contact" style="display: block;">
  <div class="widget ContactForm" id="ContactForm1">
  <div class="contact-form-widget">
  <div class="form">
  <form name="contact-form">
  <input class="contact-form-name" id="ContactForm1_contact-form-name" name="name" placeholder="الإسم" size="30" type="text" value="" />
  <input class="contact-form-email" id="ContactForm1_contact-form-email" name="email" placeholder="البريد الإلكتروني" size="30" type="text" value="" />
  <textarea class="contact-form-email-message" cols="25" id="ContactForm1_contact-form-email-message" name="email-message" placeholder="الرسالة" rows="5"></textarea>
  <input class="contact-form-button contact-form-button-submit" id="ContactForm1_contact-form-submit" type="button" value="إرسال" />
  <br />
  <div style="text-align: center; width: 100%;">
  <div class="contact-form-error-message" id="ContactForm1_contact-form-error-message">
  </div>
  <div class="contact-form-success-message" id="ContactForm1_contact-form-success-message">
  </div>
  </div>
  </form>
  </div>
  </div>
  </div>
  </div>
  </div>
  
العديد من القوالب المميزة تجدها في قواعد فقط

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

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

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

 


06‏/04‏/2021

تطبيقك | قالب بلوجر لعرض الخدمات و التطبيقات .


قم بعرض منتجاتك و أعمالك على مدونة بلوجر بالطريقة التي تستحق أن تعرض بها من خلال واجهة المستخدم "تطبيقك".
اسم القالب الأصلي هو App Buisness لكن تم تغيير الإسم نظرا لعدم وجود ترجمة منطقية إلى العربية ، صمم هذا القالب بالإعتماد على كل من Bootstrap , jQuery و Font Awesome .

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

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

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

ملاحظة :

للتخصيص القالب يجب أن تكون لديك بعض الأساسيات فيما يخص أكواد HTML  و Css.


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

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

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

05‏/04‏/2021

ماج بلس | قالب بلوجر مجلة متعدد الإستخدامات.

 



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

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

  • لوحة تحكم قوية لهذا لا تحتاج للتعامل مع الأكواد البرمجية.
  • سلايد شو عصري و مميز.
  • قوائم منسدلة و ميجا مينيو.
  • أقسام الصفحة الرئيسية باشكال مختلفة و حسب التصنيف.
  • أماكن مختلفة لعرض الإعلانات.
  • أنظمة تعليقات مختلفة ( بلوجر - فيسبوك - ديسكس ).

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

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

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



<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نعم
لوحة تحكم قويةنعم
سلايد شونعم
مواقع التواصلنعم
ميجا مينيونعم
أقسام الصفحة الرئيسيةنعم
قوائم منسدلة متطورةنعم
أزرار المشاركةنعم
والمزيد..........

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

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

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نعم
قائمة رئيسيةنعم
مقالات ذات صلةنعم
مواقع التواصلنعم
دعم العرض الكسولنعم
زر الصعود لأعلى نعم
رموز مختلفة للصفحاتنعم
أزرار المشاركةنعم
والمزيد..........

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

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