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

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

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

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

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

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

06‏/04‏/2021

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


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

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

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

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

ملاحظة :

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


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

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

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