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>
  

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

معاينة

تحميل

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

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

 

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

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

معاينة

تحميل

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

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

قم بعرض منتجاتك و أعمالك على مدونة بلوجر بالطريقة التي تستحق أن تعرض بها من خلال واجهة المستخدم "تطبيقك".

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

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

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

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

ملاحظة :

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

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

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

معاينة مباشرة
تحميل مجاني

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