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