تركيب القالب : 

مرحبا بك في ملف شرح قالب قواعد ويب ، الرجاء قراءة ملف الشرح كامل لتحقيق أفضل النتائج و ضمان عمل القالب بأفضل حالاته  كما يمكنك الرجوع إلى هذا الدليل في أي وقت للتفقد أي معلومة عن القالب ، لنبدأ أولا و قبل كل شيئ مع كيفية تركيب القالب و الإعدادات اللازمة ضبطها  :


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

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



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

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

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

رفع القالب :

1- (تخطى هاته الخطوة إذا كانت المدونة جديدة  تركب عليها قالب لأول مرة)  ----> إذا كنت تستعمل قالب آخر قُم بأخذ نسخة احتياطية للقالب الحالي في المدونة من خلال الذهاب إلى في الشريط الجانبي ومن ثم الضغط على السهم بجانب زر وثم على "الاحتفاض بنسخة احتياطية". 


2-  ثم قم بالضغط على خيار وقم بحدف جميع الأكواد الموجودة، وضع مكانها قالب التنظيف :

<?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 ? &quot;og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# article: http://ogp.me/ns/article#&quot; : &quot;og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# website: http://ogp.me/ns/website#&quot;' 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>

تفعيل القالب :

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


إختيار اللغة :

  1. إقتح واجهة بلوجر و اتجه لقسم .
  2.  إختر اللغة التي تعمل به (االلغات الإفتراضية  الموجودة في القالب هي العربية - الإنجليزية - الفرنسية - الألمانية ).
القالب يدعم جميع اللغات و سيتم ترجمة جميع الكلمات التي لا يمكن الوصول إليها من التنسيق تلقائيا

ملاحظة!
هناك بعض الكلمات التي يجب تغييرها يدويا في مثل نصوص رسائل المدونة الإلكترونية و صفحة تحويل الروابط.

تجهيز أكواد الميتا :

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

نقوم بفتح تبويب والضغط على زر ثم إختيار سنجد في بداية الأكواد الجزء

 المكتوب أعلاه  <!-- Meta Codes -->   ما تحت هذا العنوان هو ما ستقوم بملء محتواه والضغط على زر الحفظ كالتالي :


  1. معرف (id) تطبيق الفيس بوك .

  2. معرف (id) حساب مدير التطبيق .

  3. رابط صفحة موقعك على الفيس بوك .

  4. رابط حساب المؤلف على الفيس بوك


إعدادات القالب :

نقوم الآن بضبط إعدادات القالب الموجودة في حيث يمكنك التحكم في العديد من العناصر في القالب من خلال تعليمات بسيطة و هي إما " true " لتشغيل الميزة أو " false "لإيقافها يوضح الجدول التالي كل ميزة ووضيفتها :

إعدادات الأداء :


المعرفعناصر التحكمالوظيفة
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 أو 2 أما نوع الخط فهناك 5 خطوط عربية و 4 خطوط لاتينية كالتالي :

الخطوط العربية :

الرقم نوع الخط اللغة المدعومة
1tajawalعربي
2cairoعربي
3changaعربي
4elmessiriعربي
5almaraiعربي

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

الرقم نوع الخط اللغة المدعومة
6poppinsلاتينية
7changaلاتينية
8outfitلاتينية
9montserratلاتينية

عناصر القالب :

سنشرح هنا جميع العناصر الموجودة في  

القائمة الرئيسية :

إضافة ميجا مينيو : 

لعرض ميجا مينيو تحت رابط رئيسي يتم إضافة [mega] مع عنوان الرابط ، ثم الرابط الرئيسي.

إضافة عنصر فرعي : 

لعرض قائمة فرعية تحت رابط رئيسي يتم إضافة   _   قبل عنوان الرابط ، ثم ترتيب الروابط باستخدام الأسهم الصغيرة بالجانب الأيسر لجعل الروابط الفرعية أسفل الرابط الرئيسي.

إضافة عنصر فرعي في المستوى الثاني :

لعرض قائمة فرعية تحت رابط فرعي يتم إضافة  __  قبل عنوان الرابط ، ثم ترتيب الروابط باستخدام الأسهم الصغيرة بالجانب الأيسر لجعل الروابط الفرعية أسفل الرابط الفرعي.

رسائل المدونة الإلكترونية :

أدخل على التخصيص و تعديل المظهر بالضغط على و انتقل في الإعدادات المتقدمة إلى المشاركات حيث يمكنك تغيير تصميم عرض آخر المشاركات عن طريق تغيير العدد في Post Number by line : 


السلايدر الرئيسي و شريط الأخبار :



عنصري الواجهة السلايدر وشريط الأخبار المتحرك يتم إضافة محتواهم بالخيارات نفسها :

  •   recent   : عرض التدوينات الأخيرة 
  •   random   : عرض تدوينات عشوئية
  •   تسمية   : عرض تدوينات من تصنيف محدد 
  1. data-no : خاصة بعدد التدوينات التي تظهر في الآداة بالنسبة لشريط الأخبار 
  2. data-slider : لتفعيل السلايدر او إبطاله بالنسبة للسلايدر الرئيسي (  yes  ) لتفعيل السلايدر و  (  no  ) لإبطاله.


الأقسام الرئيسية :

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

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

إضافة إلى التصميم الإفتراضي تأتي قائمة الروابط مع 4 تصاميم مختلفة لخدمة جميع احتياجات مدونتك ، لتطبيق هاته التصاميم يجب أن تظيف الأكواد القصيرة الخاصة بكل تصميم في عنوان الآداة :


[List2] :

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


[ACC] :

يسمح هذا الشكل بإضافة أكورديون كالتالي :


[GAL][2] :

عند إضافة هذا الشكل يمكنك إضافة معرض للصور حيث يرمز الرقم لعدد الصور في سطر واحد مثل آداة رسائل المدونة الإلكترونية :


[SOC] :

تمكنك هاته الآداة من إضافة أيقونات التواصل الإجتماعي ، حيث يمكنك تطبيق جميع أيقونات التواصل الموجودة على هاته القائمة:
  • facebook
  • linkedin
  • twitter
  • telegram
  • tumblr
  • youtube
  • whatsapp
  • pinterest
  • behance
  • flickr
  • blogger
  • wordpress
  • skype
  • instagram
  • google-play
  • reddit
  • google-news
  • tiktok
  • discord
  • quora
  • khamsat
  • mostaql
  • tradent
  • kafil
  • paypal
  • dribbble
  • twitch
  • facebook-messenger
  • snapchat
  • shopify
  • x-twitter

المشاركات الرائجة :

تمتلك هاته الآداة 3 تصاميم 2 منهم من التصاميم التلقائية لإضهار التصميم الثالث كل مع عليك فعله هو إضافة  [FeaturedAlt]   لعنوان الآداة و تفعيل "عرض صورة مصغّرة للمشاركات :


آداة الكتاب :

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

  1. إضافة رتبة أو وظيفة الكاتب في المدونة.

  2. إضافة روابط الصفحات الشخصية للكاتب على مواقع التواصل الاجتماعي.

  3. إضافة وحدات اعلانية مستقلة لكل كاتب تظهر في تدويناته فقط.

لإضافة كاتب جديد أضف آداة قائمة الروابط في نفس القسم 

ثانياً - نقوم بكتابة أسم المؤلف في خانة العنوان ، ولابد أن يكون أسم المؤلف المكتوب في العنوان متطابق مع أسم المؤلف في المدونة من حيث الهمزات والنقاط والمسافات...إلخ .



ثالثا - نقوم بإستخدام الإدخالات التالية لإضافة محتوى الأداة الخاصة بالكاتب :


المعرف الوظيفة
rank رتبة الكاتب في المدونة
about نبذة عن الكاتب
label التصنيف الخاص بالكاتب
email البريد الإلكتروني الخاص بالكاتب
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 :

عند إضافة هذا الكود ستتمكن من تشغيل تعليقات disqus في المقالة التي أضفت فيها الكود فقط.

<div id="qw-disqusCmnt"></div>

تشغيل تعليقات Facebook:

عند إضافة هذا الكود ستتمكن من تشغيل تعليقات 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>
    

كلمة من المطورين :

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

شكرا لشرائك قالب قواعد ويب ، تحياتنا.