شرح قالب ماج برو MagPro

افضل قالب بلوجر تقني لعام 2020 وقدمنا قبل ذلك مجموعة قوالب متميز من قوالب بلوجر على الاطلاق على مر السنوات السابقة 2019 و 2018 و 2017 وكان افضل قالب بلوجر 2019 عن العام الماضي هو قالب سكويز ثم يليه قالب سيو بلس وقالب gm ومن بين هذه القوالب كان التعليمي والتقني والمجاني وما هو سريع وصديق لمحركات البحث وقدمنا ايضا مجموعة متميزة من القوالب الاخبارية وكان افضل قالب اخباري هو قالب جلاكسي ماج و قوالب مدونات بلوجر مجانية جاهزة لإعلانات ادسنس.

معاينة النسخة العربية/preview/button/#27ae60 معاينة النسخة الانجليزية/preview/button/#079992 تحميل مجاني /download/button/#2980b9 شراء القالب/cart/button/#f39c12 قوالب بلوجر مجانية/link/button/#8e44ad قوالب بلوجر مدفوعة/link/button/#eb2f06 winrar 32bit /download/button/#2980b9 winrar 64bit /download/button/#2980b9

محتويات الموضوع

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

متجاوب على جميع الاجهزة بنسبة 100%
يدعم اللغة العربية واللغة الانجليزية
يمكن تركيب القالب على اكثر من مدونة كما تشاء
أكواد قصيرة ومنظمة
القالب جاهز لاعلانات ادسنس
قالب بلوجر سريع
صديق لمحركات البحث
قالب اخباري احترافي
قالب تقني احترافي
قوائم رئيسية وفرعية ومنسدلة
قوائم ميجا منيو وقوائم متعددة
قائمة هاتف مذهلة ورائعة
قالب خفيف سريع التحميل
قسم إعلانات لرأس أو عنوان الصفحة Header
قسم إعلانات للصفحة الرئيسية Home
يدعم إعلانات مثل ادسنس Adsense
صندوق المؤلف بشكل احترافي
3 أنظمة للتعليقات "Blogger - Facebook - Disqus"
تبويبات شريط جانبي
تحسين أحجام الصور والتحميل الكسول للصور
حقوق القالب مخصصة باسم مدونتك - Copyrights
يدعم اللغة العربية تلقائيا RTL
اسكريبتات غير مشفرة في النسخة المدفوعة
امكانيىة التعليق ب صور ومقاطع فيديو

الفرق بين النسحة المجانية والمدفوعة

النسخة المجانية لا يتوفر فيها التالي :

قائمة متعدده
تفعيل الوضع المظلم
اعلان الهيدر واعلانات اول واخر الموضوع
التبديل بين نظام التعليقات
تغيير حقوق القالب
Content Blocks 1 and 2
Fast Loaded
SEO Optimized

الخطوات الاساسية لتركيب قالب بلوجر

الخطوة الاولى:

قبل كل شئ قم باخذ نسخة احتياطية من قالبك القديم ربما تريد تركيبة مره اخرى، شاهد الفيديو التالي لمعرفة كيفية تركيب القالب واخد نسخة احتياطية

شاهد طريقة استرجاع واستعادة نسخة احتياطية من القالب القديم

الخطوة الثانية :

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

الخطوة الثالثة:

قم بتركيب قالب افتراضي من قوالب بلوجر ثم تطبيق وبعدها قم بتركيب قالب تنظيف ثم حفظ وبعد ذلك قم بتركيب القالب الجديد، كما هو موضح بالفيديو الاول

الشرح الكامل لتركيب قالب MagPro

ضبط إعدادت قالب MagPro

قم بالدخول على لوحة تحكم بلوجر ثم الذهاب الى التنسيق

1- إعدادات Facebook SDK نتركها كما هي "معدلة جاهزة"

2- إعدادات JSON Variables نتركها كما هي إلا اذا اردنا تغيير عدد الموضوعات ذات الصلة واسماء الاشهر ورسالة الاشتراك بالبريد الالكتروني ونظام التعليقات كما هو موضح في فيديو الشرح

3- القائمة TOPBAR ICONS وهي القائمة الخاصة بمواقع التواصل الاجتماعي في اعلى القالب.

نضغط على رمز القلم "تعديل" نجد مواقع التواصل الاجتماعي بهذا الشكل

{icon: "facebook", url: "#"}

كل ما عليك هو استبدال # برابط صفحتك على موقع التواصل الاجتماعي، واذا كان لديك موقع ليس موجود في القائمة قم بنسخ الكود في إضافة عنصر القائمة مع تعديل اسم ورابط الموقع الجديد وبعد الانتهاء إضغط حفظ.

المواقع المتاح اضافتها

4- قائمة الروابط TOPBAR MENU وهذه القائمة الخاصة باظهار الصفحات الثابتة أعلى يمين الموقع

اضغط على كلمة رمز القلم "تعديل" ستجد الصفحات قم بالضغط على Edit واستبدل # برابط صفحتك، في الصفحة الرئيسية اتركها كما هي علامة السلاش "/"

شاهد طريقة عمل الصفحات الثابتة سياسة الخصوصية واتفاقية الاستخدام

مولد صفحة سياسة الخصوصية

مولد صفحة اتفاقية الاستخدام

شاهد طريقة عمل صفحة اتصل بنا

الامر المستخدم contact-form
مع ملاحظة عمل يتوسطة خط

شاهد طريقة عمل صفحة من نحن

5- اعلان الهيدر HEDER ADS وهو الاعلان الذي يظهر بجوار شعار المدونة

قم بالضغط على رمز القلم "تعديل" واحذف الكود الموجود واستبدلة بكود اعلان ادسنس او اى اعلان اخر بحجم 728*90 بكسل واذا لم يكن لديك اكواد او شفرات اعلان اتركه فارغ واضغط حفظ.

6- راس الصفحة MAIN LOGO وهو مكان ظهور اسم المدونة او شعار المدونة

قم بالضغط على رمز القلم "تعديل" واحذف الصورة الموجود واستبدلها بشعار مدونتك على ان يكون حجم الشعار بمقاس 162* 40 بكسل واختار بدلاً من العنوان والوصف ثم حفظ، واذا لم يكن لديك شعار قم بحذف الصورة واضغط حفظ سوف يظهر اسم مدونتك بدل من الشعار.

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

ضبط القائمة الرئيسية والاسليدر الرئيسي

طريقة عمل القائمة الرئيسية في قالب MagPro

1- قائمة الروابط وهي قائمة المدونة الرئيسية

قم بالضغط على رمز القلم "تعديل" واحذف جميع العناصر الموجودة وقم بانشاء القوائم الخاصة بك

في اسم الموقع الجديد قم بوضع اسم القسم وفي ‏عنوان URL للموقع الجديد قم بوضع رابط القسم

شاهد طريقة عمل القوائم والقوائم المنسدلة

لعمل قائمة ميجا منيو استخدم هذا الكود في عنوان URL للموقع الجديد

ولعمل قائمة متعددة، استخدم هذا الكود في عنوان URL للموقع الجديد

مع استبدال رمز الشباك # باسم تصنيف من التصنيفات الموجوده لديك

2- الاسليدر الرئيسي FEATURED POSTS وهو الاسليدر الذي يظهر في واجهة الموقع بالاعلى اسفل القوائم مباشرة.

بامكانك تركه هذا القسم كما هو بدون تعديل

او قد بتعديله، قم بالضغط على رمز القلم "تعديل" ستجد الكود بهذا الشكل

حيث تستبدل كلمة recent باسم تصنيف من التصنيفات الموجوده لديك "بنفس الحروف بالضبط"

وتستطيع تغيير شكل الاسليدر باستبدل كلمة featured3 باحد الاكواد التالية

featured1 - featured2 - featured3 - featured4 - featured5

ضبط صناديق الصفحة الرئيسية Content Blocks 1 / Content Blocks 2

قم بالضغط على رمز القلم "تعديل " بجوار كل صندوق من الصناديق السبعة

block1, block2, col-left, col-right, videos, grid1, grid2

وقم بتغيير العنوان باسم التصنيف الذي تريد واستبدال الكلمة داخل الصندوق باسم تصنيف من التصنيفات الموجودة لديك بحروف مضبوطه

ضبط اعلان اعلى المواضيع ورسائل المدونة والاعلانات داخل المواضيع

1- ضبط اعلان اعلى واسفل المواضيع HOME ADS1 / HOME ADS2

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

2- رسائل المدونة

قم بالضغط على رمز القلم "تعديل" واجعل الاعدادات كما بالصورة التالية "اضغط على الصورة لتكبيرها"

3- اعلان اول الموضوع POST ADS 1

4- اعلان اخر الموضوع POST ADS2

لوضع الاعلان الاول في مكان محدد داخل موضوع معين، قم بالدخول الى تعديل الموضوع واستخدم الاكواد التالية لتحديد موضوع الاعلان "تم شرحها في الفيديو المرفق بالتفصيل"

$ads={1}

$ads={2}

ضبط قسم الفوتر

1- عن الموقع

قم بالضغط على رمز القلم "تعديل" وقم بحذف الصورة ورفع صورة شعار مدونتك وفي خانة الشرح قم بكتابة وصف قصير عن مدونتك

2- مواقع التواصل الاجتماعي بالفوتر Follow Us

قم بالضغط على رمز القلم تعديل نجد مواقع التواصل الاجتماعي بهذا الشكل

{icon: "facebook", url: "#"}

المواقع المتاح اضافتها

3- الصفحات الثابتة LINK LIST

قم بالضغط على رمز القلم "تعديل"

ستجد الصفحات قم بالضغط على Edit واستبدل # برابط صفحتك، في الصفحة الرئيسية اتركها كما هي علامة السلاش "/"

4- حقوق المدونة FOOTER COPYRIGHT

قم بالضغط على رمز القلم "تعديل" واحذف كل ما بالصندوق واكتب الحقوق باسم مدونتك ثم حفظ

الشريط الجانبي

1- تابعنا على مواقع التواصل الاجتماعي

قم باستبدال # برابط صفحتك على موقع التواصل الاجتماعي

قم بتعديل الرقم كما تشاء

2- اعلان

قم بالضغط على رمز القلم "تعديل" واحذف الكود وضع اعلانك او اتركه فارغ

3- FACEBOOK

قم باستبدل # برابط صفحتك على الفيس بوك، ملاحظة رابط صفحتك وليس حسابك الشخصي او الجروب.

4- تكنولوجيا

قم بالضغط على رمز القلم "تعديل" واستبدل كلمة تكنولوجيا باسم تصنيف من التصنيفات لديك "بنفس الحروف بالضبط"

5- الاكثر مشاهدة

اضغط على تعديل واختار اخر 7 ايام وعرض 3 مواضيع

6- احدث المواضيع

اضغط على تعديل ثم حفظ واتركها بدون تعديل

7- تعليقات الزوار

اضغط على تعديل واختار عدد التعليقات المراد عرضها ثم حفظ

8- مشاركة مميزة

اضغط على تعديل ثم اختار مشاركة مميزة ثم حفظ

9- التصنيفات

اضغط على تعديل واختار التصنيفات المراد عرضها واختار قائمة ثم حفظ

10- الوسوم

اضغط على تعديل واختار التصنيفات المراد عرضها واختار سحابة ثم حفظ

11- اشتراك بالبريد الالكتروني

اضغط على تعديل وقم بتعديل كلمة "اشتراك بالبريد الالكتروني" او اتركها كما هي ثم حفظ

12- اعلان

اضغط على تعديل وقم بحذف الكود وضع كود اعلانك او اتركه فارغا ثم حفظ

وضع اسم المؤلف اسفل المواضيع، شاهد الفيديو

تحميل ملف معلومات الكاتب

ضبط اعدادات القالب من مصمم المظاهر

قم بمراجعة القيم التالية

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

معاينة الاكواد القصيرة المتاحة في القالب

اشكال الازرار في القالب

زر افتراضي/button معاينة/preview/button تحميل/download/button زيارة رابط/link/button تسوق الان/cart/button مشاركة/share/button معلومات هامة/info/button

اشكال الازرار في القالب بالالوان

Colored Button/button/#16a085 Preview/preview/button/#27ae60 Download/download/button/#2980b9 Visit a Link/link/button/#8e44ad Shop Now/cart/button/#f39c12 Share/share/button/#e74c3c This Info/info/button/#34495e

صناديق التنبيه

رسالة نجاج alert-success

صندوق معلومات alert-info
رسالة تحذير alert-warning
رسالة خطأ alert-error

صندوق اكواد

$("#main-nav #s").blur(function() {

if (0 === this.value.length) this.value = c;

});

$("#main-nav #s").focus(function() {

if (this.value === c) this.value = "";

});code-box

نموذج اتصال

contact-form

الاكودا المستخدمة

<a href="#" rel="nofollow" target="_blank">زر افتراضي/button</a> 
<a href="#" rel="nofollow" target="_blank">معاينة/preview/button/#27ae60</a>
<a href="#" rel="nofollow" target="_blank">تحميل/download/button/#2980b9</a>
<a href="#" rel="nofollow" target="_blank">زيارة رابط/link/button</a>
<a href="#" rel="nofollow" target="_blank">تسوق الان/cart/button</a>
<a href="#" rel="nofollow" target="_blank">مشاركة/share/button/#e74c3c</a>
<a href="#" rel="nofollow" target="_blank">معلومات هامة/info/button</a>

<a href="#" rel="nofollow" target="_blank">Colored Button/button/#16a085</a>
<a href="#" rel="nofollow" target="_blank">Preview/preview/button/#27ae60</a>
<a href="#" rel="nofollow" target="_blank">Download/download/button/#2980b9</a>
<a href="#" rel="nofollow" target="_blank">link /link/button/#8e44ad</a>
<a href="#" rel="nofollow" target="_blank">Shop Now/cart/button/#f39c12</a>
<a href="#" rel="nofollow" target="_blank">Share/share/button/#e74c3c</a>
<a href="#" rel="nofollow" target="_blank">This Info/info/button/#34495e</a>

<div style="text-align: center;">
توضع الاكواد هنا اذا اردت جعلها في وسط الصفحة
</div>
صناديق التنبيه
رسالة نجاج alert-success
صندوق معلومات alert-info
رسالة تحذير alert-warning
رسالة خطأ alert-error
صفحة اتصل بنا contact-form

اكواد القالب كاملة

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

Icon Shortcode: {icon: "ICON-NAME", url: "LINK-URL"}

blogger, facebook, facebook-f, twitter, rss, youtube,
skype, stumbleupon, tumblr, vk, stack-overflow, github, linkedin, dribbble, 
soundcloud, behance, digg, instagram, pinterest, pinterest-p, twitch, delicious,
codepen, flipboard, reddit, whatsapp, telegram, messenger, snapchat, 
email, discord, share, external-link

كود الصفحة الرئيسية

Text Type: home-text
Icon Type: home-icon

اكواد ميحا منيو والقائمة المجمعة
ميجا منيو: {getMega} $label={Economy} $type={msimple}
قوائم مجمعة : {getMega} $label={Bitcoin/Business/Sports/Technology/Travel} $type={mtabs}

الاسليدر الرئيسي

Shortcode Structure: {getFeatured} $label={Your Label} $type={Type} $color={Hex Color}
Shortcode Types:  featured1, featured2, featured3, featured4, featured5
Shortcode Label:  label or recent
Shortcode Example: {getFeatured} $label={recent} $type={featured1} $color={#1abc9c}

موقع الالوان
https://flatuicolors.com

صناديق الصفحة الرئيسية
Content Blocks 1  /  Content Blocks 2
Shortcode Structure: {getBlock} $results={Number of Results} $label={Your Label} $type={Type} $color={Hex Color}
Shortcode Types:  block1, block2, col-left, col-right, videos, grid1, grid2
Shortcode Label:  label or recent
Shortcode Example: {getBlock} $results={5} $label={Music} $type={block1} $color={#1abc9c}

اكواد الاعلانات  داخل الموضوع
Sortcode ADS 1: $ads={1}
Sortcode ADS 2: $ads={2}

صندوق المؤلف 
Supported Icons: blogger, facebook, facebook-f, twitter, 
rss, youtube, skype, stumbleupon, tumblr, vk, stack-overflow,
 github, linkedin, dribbble, soundcloud, behance, digg, instagram,
 pinterest, pinterest-p, twitch, delicious, codepen, flipboard,
 reddit, whatsapp, telegram, messenger, snapchat, email, discord,
 share, external-link

https://www.blogger.com/edit-profile.g

HTML Link Structure: <a href="Your Link Here">Icon Name</a>
HTML Link Example: <a href="https://facebook.com/templateify">facebook</a>

التحكم في الشريط الجانبي
Full Width: full-width
Left Sidebar: left-sidebar
Right Sidebar: right-sidebar
نموذج الاتصال
Contact Form: contact-form

مواقع التواصل الاجتماعي في الشريط الجانبي
Icon Shortcode: {icon: "ICON-NAME", url: "LINK-URL", count: "CUSTOM-COUNTER"}

Supported Icons: blogger, facebook, facebook-f, twitter, rss, youtube, skype, 
stumbleupon, tumblr, vk, stack-overflow, github, linkedin, dribbble, soundcloud, 
behance, digg, instagram, pinterest, pinterest-p, twitch, delicious, codepen, flipboard, 
reddit, whatsapp, telegram, messenger, snapchat, email, discord, share, external-link

صناديق الشريط الجانبي

Shortcode Structure: {getWidget} $results={Number of Results} $label={Your Label} $type={Type}
Shortcode Types:  side1, list1, list2
Shortcode Label:  label, recent or comments (comments works only on type list1)
Shortcode Example: {getWidget} $results={3} $label={comments} $type={list1}

اضافة صفحة الفيس بوك

<div class="fb-page" data-href="YOUR FACEBOOK PAGE URL" data-width="500" data-small-header="false" 
data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true">
</div>
sdk

https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v5.0

JSON Variables

{
  relatedPostsNum: "3",
  viewAllText: "View all",
  followByEmailText: "Get all latest content delivered straight to your inbox.",
  commentsSystem: "blogger",
  disqusShortname: "templateify-theme",
  months: {
    jan: "January",
    feb: "February",
    mar: "March",
    apr: "April",
    may: "May",
    jun: "June",
    jul: "July",
    aug: "August",
    sep: "September",
    oct: "October",
    nov: "November",
    dec: "December"
  }
}

relatedPostsNum: default is 3.
viewAllText: default is View all.
followByEmailText: default is Get all latest content delivered straight to your inbox.
commentsSystem: blogger, facebook, disqus or hide, default is blogger.
disqusShortname: If you add the disqus form, you will then have to add the username of your form, default is templateify-theme.
months: default is "January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December".

مصمم المظاهر
Dark Mode: 0 is false and 1 is true.
Full Width: 0 is false and 1 is true.
Left Sidebar: 0 is false and 1 is true.
Fixed Menu: 0 is false and 1 is true.
Fixed Sidebar: 0 is false and 1 is true.

Post Breadcrumbs: 0 is false and 1 is true.
Comments Count: 0 is false and 1 is true.
Post Navigation: 0 is false and 1 is true.
Facebook Comments Dark Mode: 0 is false and 1 is true.

~~شاهد ايضا : alert-info~~