تركيب القالب :
تحميل القالب :
تسجيل المدونة و إنشاء كود التفعيل :
رفع القالب :

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<html b:css='false' b:defaultwidgetversion='2' b:layoutsVersion='3' b:responsive='true' b:templateVersion='1.3.3' expr:class='data:blog.languageDirection' expr:dir='data:blog.languageDirection' expr:lang='data:blog.locale' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>
<b:attr expr:value='data:view.isSingleItem ? "og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# article: http://ogp.me/ns/article#" : "og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# website: http://ogp.me/ns/website#"' name='prefix'/>
<b:skin><![CDATA[
/* -----------------------------------------------
Name : Cleaning Template
Designer URL : https://qawa3id.com/
year : 2024
----------------------------------------------- */
]]></b:skin>
</head>
<body>
<b:section class='main' id='main' showaddelement='yes'/>
</body>
</html>
تفعيل القالب :
إختيار اللغة :
- إقتح واجهة بلوجر و اتجه لقسم .
- إختر اللغة التي تعمل به (االلغات الإفتراضية الموجودة في القالب هي العربية - الإنجليزية - الفرنسية - الألمانية ).
ملاحظة!
هناك بعض الكلمات التي يجب تغييرها يدويا في مثل نصوص رسائل المدونة الإلكترونية و صفحة تحويل الروابط.
تجهيز أكواد الميتا :
أغلب أكواد الميتا في قالب قواعد ويب جاهزه وتعمل بشكل تلقائي حسب القيم التي يمكن استخلاصها من كل صفحة ، لكن بعض أكواد الميتا لابد من إضافتها بشكل يدوي داخل القالب .
نقوم بفتح تبويب والضغط على زر ثم إختيار سنجد في بداية الأكواد الجزء
المكتوب أعلاه <!-- Meta Codes --> ما تحت هذا العنوان هو ما ستقوم بملء محتواه والضغط على زر الحفظ كالتالي :
معرف (id) تطبيق الفيس بوك .
معرف (id) حساب مدير التطبيق .
رابط صفحة موقعك على الفيس بوك .
رابط حساب المؤلف على الفيس بوك
إعدادات القالب :
إعدادات الأداء :
المعرف | عناصر التحكم | الوظيفة |
---|---|---|
lazy-load | تحميل بطيء للصور | [true] تحميل الصور بعد تحريك الماوس أو السكرول |
speed-first | تحميل أكواد القالب بدون تمرير | [true] تحميل أكواد القالب بدون تمرير |
auto-ads | تحميل سكربت الأدسنس تلقائيا | [true] تسريع الإعلانات، [false] لإبطالها |
lazy-ads | التحميل البطيء للإعلانات | [true] تحميل إعلانات أدسنس بعد القيام بالسكرول |
support-webp | دعم صيغة الصور webp | [true] تشغيل دعم تحويل الصور إلى صيغة webp |
إعدادات المضهر:
المعرف | عناصر التحكم | الوظيفة |
---|---|---|
spinner | إضهار preloader | إضهار preloader خلال تحميل المدونة |
img-appear | تأثير ظهور الصور | [zoomin - fade - zoomout - rotate - blur] |
menu-fixed | تثبيت رأس المدونة | [true] تثبيت رأس المدونة عند السكرول |
darkmode-button | إضهار زر الوضع المظلم | [true] إضهار زر الوضع المظلم في الهيدر |
bookmark-button | إضهار زر المقالات المفضلة | [true] في الهيدر والمقالات |
show-scrollTop | إضهار زر الصعود لأعلى | [true] إضهار الزر |
invert-logo | عكس ألوان اللوجو | [true] في الوضع المظلم (تجريبي) |
social-names | إضهار أسماء مواقع التواصل | [true] أسفل الأيقونات |
إعدادات الكاتب :
المعرف | عناصر التحكم | الوظيفة |
---|---|---|
show-author | إضهار آداة الكاتب | [true] أسفل المقال |
profile-button | إضهار آداة الكاتب في الهيدر | [true] زر في رأس الصفحة |
enable-author-page | تفعيل صفحة الكاتب | [true] لن تعمل حتى تنشئ صفحة بعنوان "author" أو تحدد الصفحة في الإعداد أسفله |
author-page-url | تخصيص صفحة الكاتب | تحديد الصفحة التي سيظهر فيها ملف الكاتب |
إعدادات التعليقات :
المعرف | عناصر التحكم | الوظيفة |
---|---|---|
comment-system | نظام التعليقات | [blogger - disqus - facbook] |
disqus-id | معرف disqus | يجب استخدامه فقط عند اختيار disqus |
إعدادات المقال :
المعرف | عناصر التحكم | الوظيفة |
---|---|---|
show-article-settings | إضهار إعدادات المقال | [true] تفعيل جميع الخصائص |
show-post-navigation | إضهار التنقل بين المقالات | [true] أسفل المقال |
related-style | تصميم آداة المواضيع ذات صلة | [slider - grid - list] |
show-related | تشغيل آداة مواضيع ذات صلة | [true] أسفل المقال |
max-related | العدد الأقصى للمقالات | في آداة المواضيع ذات صلة |
see-also | تشغيل آداة إقرأ أيضا | [true] في صفحة المقال |
read-also-position | مكان آداة إقرأ أيضا | [top - mid - bot] |
toc | تشغيل آداة جدول المحتويات | [true] تفعيل الآداة |
إعدادات حماية المحتوى :
المعرف | عناصر التحكم | الوظيفة |
---|---|---|
no-select | إيقاف خاصية النسخ | [true] منع نسخ المحتوى |
no-mouse | إيقاف الزر الأيمن للماوس | [true] تعطيل كليك يمين |
إعدادات صفحة التحويل الروابط :
المعرف | عناصر التحكم | الوظيفة |
---|---|---|
activate-redirect | تشغيل خاصية تحويل الروايط | [true] تفعيل الصفحة |
redirect-page | رابط صفحة تحويل الروابط | URL لصفحة التحويل |
redirect-text-Configure | النص الدي يظهر خلال التحميل | [جاري تهيئة الرابط] |
redirect-text-ready | النص عند اكتمال التحميل | [الرابط جاهز] |
redirect-text-err | نص عند عطب الرابط | [رابط معطل] |
redirect-timer | مدة التحميل | [15] ثانية |
redirect-block-site | مواقع محجوبة | [google.com, facebook.com] |
redirect-popup | إضهار في نافذة | [true] نافذة بدل صفحة |
redirect-protection | تشغيل حماية الرابط | [true] حماية إضافية |
التخصيص :
أداة تخصيص قالب بلوجر تُمكّنك من تعديل ألوان وتصميم القالب، والتحكم في عرض العناصر مثل القوائم والأزرار والخطوط، وتفعيل أو إيقاف الميزات المدمجة، وكل ذلك دون الحاجة إلى التعامل مع أكواد HTML أو CSS، مما يجعل تخصيص المدونة سهلاً وسريعًا حتى للمستخدمين غير المتمرسين.
ملاحظة : يمكنك استكشاف الأداة بحرية وتجربة جميع الميزات المدمجة في القالب كما تريد، وفي حال رغبتك بالعودة إلى الإعدادات الأصلية، يمكنك ذلك بسهولة عبر زر 'العودة إلى الإعدادات الافتراضية'
أو من خلال إعادة تثبيت القالب من جديد.
افتح تبويب والضغط على زر و بعد أن تدخل إلى الإعدادات المتقدمة> أساسي ستجد سلايدات مثل هاته :
تغيير نوع الخط و الأيقونات :
الخطوط العربية :
الرقم | نوع الخط | اللغة المدعومة |
---|---|---|
1 | tajawal | عربي |
2 | cairo | عربي |
3 | changa | عربي |
4 | elmessiri | عربي |
5 | almarai | عربي |
الخطوط اللاتينية :
الرقم | نوع الخط | اللغة المدعومة |
---|---|---|
6 | poppins | لاتينية |
7 | changa | لاتينية |
8 | outfit | لاتينية |
9 | montserrat | لاتينية |
عناصر القالب :
القائمة الرئيسية :
لعرض ميجا مينيو تحت رابط رئيسي يتم إضافة [mega] مع عنوان الرابط ، ثم الرابط الرئيسي.
لعرض قائمة فرعية تحت رابط رئيسي يتم إضافة _ قبل عنوان الرابط ، ثم ترتيب الروابط باستخدام الأسهم الصغيرة بالجانب الأيسر لجعل الروابط الفرعية أسفل الرابط الرئيسي.
إضافة عنصر فرعي في المستوى الثاني :
لعرض قائمة فرعية تحت رابط فرعي يتم إضافة __ قبل عنوان الرابط ، ثم ترتيب الروابط باستخدام الأسهم الصغيرة بالجانب الأيسر لجعل الروابط الفرعية أسفل الرابط الفرعي.
رسائل المدونة الإلكترونية :
السلايدر الرئيسي و شريط الأخبار :
- recent : عرض التدوينات الأخيرة
- random : عرض تدوينات عشوئية
- تسمية : عرض تدوينات من تصنيف محدد
- data-no : خاصة بعدد التدوينات التي تظهر في الآداة بالنسبة لشريط الأخبار
- data-slider : لتفعيل السلايدر او إبطاله بالنسبة للسلايدر الرئيسي ( yes ) لتفعيل السلايدر و ( no ) لإبطاله.
الأقسام الرئيسية :





قائمة الروابط :

[List2] :
[ACC] :
[GAL][2] :
[SOC] :
- telegram
- tumblr
- youtube
- behance
- flickr
- blogger
- wordpress
- skype
- google-play
- google-news
- tiktok
- discord
- quora
- khamsat
- mostaql
- tradent
- kafil
- paypal
- dribbble
- twitch
- facebook-messenger
- snapchat
- shopify
- x-twitter
المشاركات الرائجة :

آداة الكتاب :
من خلال هذا القسم يتم إضافة أداة خاصة بكل كاتب تشمل جميع بياناته ويمكن من خلالها التحكم في عدة أشياء في نفس الوقت :
إضافة رتبة أو وظيفة الكاتب في المدونة.
إضافة روابط الصفحات الشخصية للكاتب على مواقع التواصل الاجتماعي.
إضافة وحدات اعلانية مستقلة لكل كاتب تظهر في تدويناته فقط.
ثانياً - نقوم بكتابة أسم المؤلف في خانة العنوان ، ولابد أن يكون أسم المؤلف المكتوب في العنوان متطابق مع أسم المؤلف في المدونة من حيث الهمزات والنقاط والمسافات...إلخ .
ثالثا - نقوم بإستخدام الإدخالات التالية لإضافة محتوى الأداة الخاصة بالكاتب :
المعرف | الوظيفة |
---|---|
rank | رتبة الكاتب في المدونة |
about | نبذة عن الكاتب |
label | التصنيف الخاص بالكاتب |
البريد الإلكتروني الخاص بالكاتب | |
location | موقع الكاتب أو مكان الإقامة |
website | الموقع الإلكتروني الشخصي للكاتب |
hobbies | الهوايات والاهتمامات الشخصية للكاتب |
languages | اللغات التي يجيدها الكاتب |
top-ad | شفرة إعلانية تظهر في بداية جميع مقالات هذا المؤلف |
mid-ad | شفرة إعلانية تظهر في منتصف جميع مقالات هذا المؤلف |
bot-ad | شفرة إعلانية تظهر في نهاية جميع مقالات هذا المؤلف |
str-ad | شفرة إعلانية تظهر قبل عنوان جميع مقالات هذا المؤلف |
pgn-ad | شفرة إعلانية تظهر بعد أزرار تقسيم المقال في جميع مقالات هذا المؤلف |
rlt-ad | شفرة إعلانية تظهر قبل المقالات المشابهة في جميع مقالات هذا المؤلف |
cmt-ad | شفرة إعلانية تظهر قبل التعليقات في جميع مقالات هذا المؤلف |
end-ad | شفرة إعلانية تظهر أسفل التعليقات في جميع مقالات هذا المؤلف |
كذلك يمكن إدخال اسم اي موقع تواصل اجتماعي بحروف انجليزية صغيرة مثال facebook اوtwitter او instagram
الأكواد القصيرة :
بعض الأكواد القصيرة يمكن استخدامها داخل التدوينات او لعمل صفحات ثابته مثل صفحة تحويل الروابط أو صفحة نموذج الاتصال . ويتم إضافة الكود داخل تبويب أثناء كتابة المشاركة
تحويل الروابط :
<div id="pageredirect"></div>
إتصل بنا :
<div id="qawa3id-contact-form"></div>
تشغيل تعليقات Disqus :
<div id="qw-disqusCmnt"></div>
تشغيل تعليقات Facebook:
<div id="qw-fbCmnt"></div>
مقالة بدون شريط جانبي :
<div id="qw-widepost"></div>
تقسيم المقال (تقسيم مرقم) :
<--->
تقسيم المقال :
<><>
عداد الخطوات :
<ol class="step noList">
<li>لوريم إيبسوم (Lorem Ipsum) هو ببساطة نص شكلي (بمعنى أن الغاية هي الشكل وليس المحتوى) تفعل في صناعن شعدر الوطاب. كان لوريم إيبسوم ولايزال المعيار للنص الشكلي منذ القرن الخامس عشر عندما قامت بمهمة مجهولة برص مجموعة من الأحرف بشكل عشوائي أخذتها من نص</li>
<li>لوريم إيبسوم (Lorem Ipsum) هو ببساطة نص شكلي (بمعنى أن الغاية هي الشكل وليس المحتوى) تفعل في صناعن شعدر الوطاب. كان لوريم إيبسوم ولايزال المعيار</li>
<li>لتكون كتيب بمثابة دليل أو مرجع شكلي لهذه الأحرف. خمسة قرون من الزمن لم تقضي على هذا النص ، بل انه حتى صار مستخدماً وبشكله الأصلي في الطباعة والتنضيدنيو.</li>
<li>لتكون كتيب بمثابة دليل أو مرجع شكلي لهذه الأحرف. خمسة قرون من الزمن لم تقضي على هذا النص ، بل انه حتى صار مستخدماً وبشكله الأصلي في الطباعة والتنضيدنيو.</li>
</ol>
مقولة أو اقتباس مع معلومات صاحبها:
<blockquote class="style-2">
المقولة
<div class="block-author">
<div class="block-img">
<img alt="المؤلف" data-src="صورة صاحب المقولة"/>
</div>
<div class="block-info"><span class="block-name">إسم صاحب المقولة</span><span class="block-desc">وصف صاحب المقولة</span></div></div>
</blockquote>
جدول :
<div class="table">
<table>
<thead>
<tr>
<th>بيانات</th>
<th>بيانات</th>
<th>بيانات</th>
</tr>
</thead>
<tbody>
<tr>
<td>بيانات</td>
<td>بيانات</td>
<td>بيانات</td>
</tr>
</tbody>
</table>
</div>
صور متقابلة :
<div class="gridImage">
<!-- [الصورة] -->
<div class="PLHolder">
<img alt="تعريف بسيط لمحتوى الصورة" data-src="رابط الصورة" />
</div>
<!-- [أعد تركيب هذا الجزء حسب عدد الصور التي تريد إضافتها] -->
</div>
</div>
معرض الأكواد البرمجية :
<pre><code>أكواد برمجية</code></pre>
الرسائل:
ملاحظة :
<p class="note">محتوى الرسالة</p>
إنذار!
<p class="note noteAlert">محتوى الرسالة</p>
مبارك
<p class="note noteGift">محتوى الرسالة</p>
تحذير!
<p class="note noteWarning">محتوى الرسالة</p>
الأزرار :
<a class="button" href="هنا تضع الرابط">زر عادي</a>
<a class="button outline" href="هنا تضع الرابط">زر عادي</a>
تحميل:
<a class="button" href="هنا تضع الرابط">تحميل<i class="icon download"></i></a>
معاينة :
<a class="button" href="هنا تضع الرابط">معاينة<i class="icon demo"></i></a>
جوجل نيوز :
<a class="button outline" href="هنا تضع الرابط" target="_blank">إنظم إلينا في جوجل نيوز<svg class='icon fa-google-news'><use xlink:href="#ic-google-news"></use></svg></a>
تبرع :
<a class="button donation" href="هنا تضع الرابط">تبرع<i class="icon donation"></i></a>
شراء :
<a class="button" href="هنا تضع الرابط">شراء<i class="icon cart"></i></a>
تواصل في الواتساب :
<a class="button whatsapp" href="هنا تضع الرابط">إتصل بي<i class="icon whatsapp"></i></a>
تحميل و معاينة :
<div class="buttonInfo">
<a class="button" href="هنا تضع الرابط">تحميل<i class="icon download"></i></a>
<a class="button outline" href="هنا تضع الرابط">معاينة</a>
</div>
تحميل ملف :
<div class="downloadInfo">
<span class="fileType" data-text="لاحقة الملف (zip , rar ....)"></span>
<div class="fileName">
<span>إسم الملف.zip</span>
<span class="fileSize">حجم الملف</span>
</div>
<a aria-label="تحميل" class="button fileLink" href="رابط تحميل الملف"><i class="icon download"></i></a>
</div>
أكورديون :
<div class="accordion">
<div class="accordion-head"><i class="accorIcon"></i>سؤال</div>
<div class="accordion-body" style="">لوريم إيبسوم (Lorem Ipsum) هو ببساطة نص شكلي (بمعنى أن الغاية هي الشكل وليس المحتوى) تفعل في صناعن شعدر الوطاب. كان لوريم إيبسوم ولايزال المعيار للنص الشكلي منذ القرن الخامس عشر عندما قامت بمهمة مجهولة برص مجموعة من الأحرف بشكل عشوائي أخذتها من نص ، لتكون كتيب بمثابة دليل أو مرجع شكلي لهذه الأحرف. خمسة قرون من الزمن لم تقضي على هذا النص ، بل انه حتى صار مستخدماً وبشكله الأصلي في الطباعة والتنضيدنيو.</div>
<div class="accordion-head"><i class="accorIcon"></i>سؤال</div>
<div class="accordion-body" style="">لوريم إيبسوم (Lorem Ipsum) هو ببساطة نص شكلي (بمعنى أن الغاية هي الشكل وليس المحتوى) تفعل في صناعن شعدر الوطاب. كان لوريم إيبسوم ولايزال المعيار للنص الشكلي منذ القرن الخامس عشر عندما قامت بمهمة مجهولة برص مجموعة من الأحرف بشكل عشوائي أخذتها من نص ، لتكون كتيب بمثابة دليل أو مرجع شكلي لهذه الأحرف. خمسة قرون من الزمن لم تقضي على هذا النص ، بل انه حتى صار مستخدماً وبشكله الأصلي في الطباعة والتنضيدنيو.</div>
</div>
صندوق المراجع :
<details class="expandable-references">
<summary class="d-flex al-center">المراجع</summary>
<ul>
<li><a alt="" href="هنا رابط مرجع المقالة" rel="nofollow noreferrer" targer="_blank">هنا اسم المرجع او الموقع</a></li>
<li><a alt="" href="هنا رابط مرجع المقالة" rel="nofollow noreferrer" targer="_blank">هنا اسم المرجع او الموقع</a></li>
</ul>
</details>
العرض المتأخر لليوتيوب :
يجب ان تضع المعرف الخاص بالفيديو في data-embe في المنطقة المعلمة بالأزرق ، يمكنك الحصول على المعرف الخاص بالفيديو من الرابط الخاص به مثال : https://www.youtube.com/watch?v=4Leardp_AGc
<div class="lazyYoutube" data-embed="gmHTJOu1JLI">
<div class="playBut">
<svg class="svg-play" viewbox="0 0 213.7 213.7"><polygon class="triangle" points="73.5,62.5 148.5,105.8 73.5,149.1"></polygon><circle class="circle" cx="106.8" cy="106.8" r="103.3"></circle></svg>
</div>
</div>
كلمة من المطورين :
- لا تتوانى في تقديم محتوى حصري ومفيد للمستخدم الزائر لمدونتك.
- إحرص على التأكد من مصدر أي كود تضيفه في مدونتك.
- إستمر في التطوير كل يوم و لو بالشيئ القليل.
- ضع تجربة المستخدم هي أولويتك وليس الوصول لمحركات البحث.
- لا تتعجل القبول في الأدسنس و ركز على إستقطاب أكبر عدد من الزيارات الطبيعية.