قالب جيت ثيم Jettheme - قالب بلوجر مجاني بخصائص مدفوعة

يوجد العديد من قوالب بلوجر المميزة والتي للأسف عادة ماتكون بمقابل مادي ،  ولاكن اليوم سأقدم لكم قالب بلوجر مجاني بدون حقوق وبالكثير من الميزات المدفوعة.

قالب بلوجر مجاني بخصائص مدفوعة بدون حقوق مجانا
قالب بلوجر مجاني بخصائص مدفوعة بدون حقوق مجانا

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

ماهو قالب jettheme قالب بلوجر مجاني

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

فكما يقول صاحب القالب أن كل من:
  • القالب له تحديث مدى الحياة
  • دعم مجاني لكلا القالبين
  • أكواد القالب غير مشفر للمجاني أو المدفوع
  • حقوق القالب غير مشفرة ويمكن تغييرها حسب موقعك بشكل عادي

مميزات قالب jettheme المجاني

  • القالب سريع جدا حتى مع إعلانات adsense
  • القالب شغال بدون كود ajax الذي يسبب بطئ القالب
  • سريع في الأرشفة وصديق لمحركات البحث و صديق ل Seo
  • متوافق مع جميع الأجهزة
  • القالب بدون أخطاء برمجية
  • يحتوي على خاصية جدول المحتويات
  • خاصية إقرأ المزيد بشكل إحترافي
  • الوضع المظلم مجاني
  • إضافة المنشور التالي و السابق أسفل المقالات
  • خاصية "sticky" الإعلان المنزلق
  • يحتوي على العديد من أماكن الإعلانات
  • يمكن تشغيل إعلانات أدسنس بدون الحاجة الى كود js أدسنس
  • والعديد من الميزات الأخرى

إعدادت قالب بلوجر مجاني من jettheme


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

إنشاء صفحة إتصل بنا

من أجل إنشاء صفحة إتصل بنا في هاذا القالب يجب إنشاء صفحة جديدة في موقعك عبر الذهاب الى بلوجر ثم الصفحات ثم إنشاء صفحة جديدة ثم تضغط على عرض HTML وتضع الأكواد التالية:
<form class='contact-form-blogger'>
  <div class='contact-form-wrap row'>
    <div class='col-md-6 mb-3'>
      <label class='form-label fs-7 fw-bold' for='field-name'>الإسم</label>
      <input class='form-control bg-transparent jt-border-light text-reset' id='field-name' name='name' required='' type='text' placeholder='Enter Name'/>
    </div>
    <div class='col-md-6 mb-3'>
      <label class='form-label fs-7 fw-bold' for='field-email'>البريد الإلكتروني</label>
      <input class='form-control bg-transparent jt-border-light text-reset' id='field-email' name='email' required='' type='email' placeholder='Enter Email'/>
    </div>
    <div class='col-12 mb-3'>
      <label class='form-label fs-7 fw-bold' for='field-message'>الرسالة</label>
      <textarea class='form-control bg-transparent jt-border-light text-reset' id='field-message' name='message' required='' rows='3' placeholder='Enter Message'></textarea>
    </div>
    <div class='col-12 mb-3'>
      <button class='btn btn-sm fw-bold py-2 px-5 jt-btn-primary' type='submit'>إرسال</button>
    </div>
  </div>
  <div
       data-success="Thank you message sent successfully."
       data-error="Message failed to send. Please try again an hour later."
       class="contact-form-msg d-none border border-3 rounded text-center p-3 fs-7">
  </div>
</form>

إنشاء صفحة خريطة الموقع

توجه الى بلوجر ثم الصفحات ثم قم بإنشاء صفحة جديدة ، حول الى وضع HTML  وقم بلصق الأكواد التالية:

<div class="custom-posts sitemap-posts" data-label="false" data-func="sitemap_temp" data-callback="sitemap_cb" data-items="1"><div class='text-center'><div class='spinner-grow text-light' role='status'><span class='visually-hidden'>Loading...</span></div></div></div>

كود جديد لتتبع مرات الظهور عبر Google Analytic

يمكنك الإستغناء عن كود شفرة التتبع لموقع Google Analytic والتي تكون بهاذا الشكل:

<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-xxxxxxxxx-x"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'UA-xxxxxxxxx-x');
</script>

والعمل بالكود المدمج مع القالب والذي يكون بهاذا الشكل:

<Variable name="analyticId" description="Analytic ID" type="string" value="UA-xxxxxxxxx-x"/>
كل ماعليك سوى إستبدال UA-xxxxxxxxx-x بمعرف الموقع الخاص بك المتواجد في خدمة Google Analytic.

كود Google Adsense

يجب عليك أن تضع معرف حساب جوجل أدسنس الخاص بك في هاذا السطر من الأكواد
<Variable name="caPubAdsense" description="caPubAdsense ID" type="string" value="xxxxxxxxxxxxxxxx"/>

الأن عليك إستبدال حروف xxxxxxxxxxxxxxxx  بمعرف حساب أدسنس الخاص بك.

إعدادت الأيقونات قالب بلوجر سريع

ايقونات مواقع التواصل الإجتماعي

تستطيع إضافة أزرار مواقع التواصل الإجتماعي بخطوات سهلة جدا. وكل هاذا في إعدادات القالب وفي قسم Icons, Dark, Search إضغط على إضافة عنصر جديد ثم أضف إسم الموقع الإلكتروني مثلا: facebook

قالب بلوجر مجاني بخصائص مدفوعة بدون حقوق مجانا

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

يمكنك إضافة أيقونات التواصل الإجتماعي في القالب ، عبر إضافة بعض السطور البرمجية في المكان الذي تريد أن تظهر فيه هاته الأيقونات. واليك هاته السطور:

  • كود أيقونة whatsapp
<a href="####"><svg aria-hidden="true" class="jt-icon"><use xlink:href="#i-whatsapp"/></svg></a>
  • كود أيقونة pinterest
<a href="####"><svg aria-hidden="true" class="jt-icon"><use xlink:href="#i-pinterest"/></svg></a>
  • كود أيقونة tumblr
<a href="####"><svg aria-hidden="true" class="jt-icon"><use xlink:href="#i-tumblr"/></svg></a>
  • كود أيقونة twitter
<a href="####"><svg aria-hidden="true" class="jt-icon"><use xlink:href="#i-twitter"/></svg></a>
  • كود أيقونة linkedin
<a href="####"><svg aria-hidden="true" class="jt-icon"><use xlink:href="#i-linkedin"/></svg></a>
  • كود أيقونة facebook
<a href="####"><svg aria-hidden="true" class="jt-icon"><use xlink:href="#i-facebook"/></svg></a>
  • كود أيقونة instagram
<a href="####"><svg aria-hidden="true" class="jt-icon"><use xlink:href="#i-instagram"/></svg></a>
  • كود أيقونة youtube
<a href="####"><svg aria-hidden="true" class="jt-icon"><use xlink:href="#i-youtube"/></svg></a>
  • كود أيقونة telegram
<a href="####"><svg aria-hidden="true" class="jt-icon"><use xlink:href="#i-telegram"/></svg></a>
  • كود أيقونة Github
<a href="####"><svg aria-hidden="true" class="jt-icon"><use xlink:href="#i-Github"/></svg></a>
  • كود أيقونة Download
<a href="####"><svg aria-hidden="true" class="jt-icon"><use xlink:href="#i-Download"/></svg></a>
ملاحظة: إستبدل علامة #### بمواقع التواصل الإجتماعي الخاص بك.

الأزرار في قالب jettheme

  • زر انقر هنا بهاذا الشكل :
زر انقر هنا
الكود الخاص به هو:

<a class="btn jt-btn-primary mb-2 me-2" href="#">انقر هنا</a>


  • زر حمل هنا بهاذا الشكل : 
    زر حمل هنا


<a class="btn jt-btn-primary mb-2 me-2" href="#"><svg aria-hidden="true" class="jt-icon"><use xlink:href="#i-download"/></svg> حمل هنا</a>

قائمة سفلية للروابط الخاصة بك

على سبيل المثال الصورة التالية:
قائمة سفلية للروابط الخاصة بك

لإنشاء قائمة فرعية مرتبطة مثلا بقائمة رئيسية يجب إتباع القاعدة التالية:
قائمة سفلية للروابط الخاصة بك

  • الخطوة الأولى يجب إضافة عنصر رئيسي بشكل عادي
  • الخطوة الثانية عنصر تحت العنصر الرئيسي وهو بلوجر في الحالة السابقة. بحيث نسمي العنصر الجديد بإسم
Sub Menu 1
وفي عنوان الرابط نضع الكلمة التالية
#sub-start
  • الخطوة الثالثة نقوم بإنشاء القائمة الفرعية التي تريدها مثلا نحن وضعنا قوالب بلوجر و اضافات بلوجر.
  • الخطوة الأخيرة بعد الإنتهاء من إنشاء القائمة الفرعية نضيف عنصر جديد تحت القامة الفرعية بإسم
Sub Menu 1
وفي عنوان الرابط نضع الكلمة التالية
#sub-end

الخلاصة: يجب وضع القائمة الفرعية بين sub-start و sub-end لكي تظهر القائمة في القالب بدون أخطاء.

تعليقات