كتابة موضوع متوافق مع امب (amp) لبلوجر مع تحميل قالب

شرح كيفية اضافة اكواد amp لبلوجر

مقال متوافق مع amp يحتاج فقط حفظ الاكواد ادا لم تكن خبير سوف نقوم بشرح كيفية كتابة الموضوع وظهور علامة الدي تشبة رمز البرق التى تاتي قبل عنوان المقال مثل هذا الموضوع في الصورة وطبعاً لو تلاحظون انه لمدونة بلوجر لكن يوجد بعض الأشياء الذي سوف تجبرك بتخلي عن الكتابة بطريقة امب وهيا الاعلانات كمستخدم لبلوجر لم تتطابق معي الاعلانات بخاصية amp ولذلك و اكواد المشاركة في اليوتيوب التضمين فقط كود التتبع من analytics جوجل موجود داخل القالب قم بالبحث عنه وتغير الرقم  اعتبرها مشكلة ستلاحظ الان لو قمت بالبحث عن الموضوع نفسة لم تجد شعار amp ابحث عن( "لمعرفة سرعة الانترنت بوقت دايم في الهاتف لكي تعرف من البرامج يستهلك الانترنت" )، ان لم تهتم بها فاعتبر نفسك ناجح بتحقيق السرعة في الموقع لان سوف نتحدث عن كيفية أنشأ الموضوع.



ملاحظة: لا تظهر الصور داخل التحرير فقط تظهرعند دخول للمعينة او دخول الى رابط المقال.

من اهم الاشياء هو القالب يلزم ان يكون متوافق لتحميل قالب المتوافق مع amp مع الدليل في الصورة الون اخضر بمعنا صحيح لتحميل من هنا

لكن يحتاج بعض التعديل وهي بسيطة قم بتغير الرابطان يحملان نفس الاسم لرابط هذا "fox134.blogspot.com" برابط موقعك بدون "https://"

لكن يبقى كتابة المقال لكي يتم الموافقة علية في البحث وظهورة خاصية امب سنشرح ذلك.

قبل كل شي قم بتحميل اضافة جوجل كروم ‪AMP Validator‬ من هنا

كما مبين يوجد اخطاء في المقالة المنشورة لذالك نحتاج الاضافة.

ما هيا اهمية الاضافة تعتبر مهمة لكي تعرف هل مقالتك متوافقة مع الamp وتعديلها عبر اخبارك بالاخطاء وهيا تعتبر من اهم الأشياء للمبتدئين.

الان نقوم بذهاب الى مشاركة جديدة ونكتب الموضوع بدون تحميل اي صور.

ولان نختار html و من المشاركة نفسها مثل الصورة وبعد ذالك نقوم برفع الصورة ونقوم بلصق الاكواد بترتيب التالي.

الكود الاول لصورة الاولى الرئيسية فقط الدي سوف تظهر بجانب المقالة ولو ارت ان تظهر داخل المقال استخدم الكود الثاني وهو الافضل لكي يدخل الشخص ويجد نفس الصورة داخل المقالة.

الكود الاول:

<noscript><img alt="Selena Gomez Artist Beautiful in the World?" width="680" height="382" src="#" title="How To Earn Money on the Internet Quickly" /></noscript>

الكود التاني:

استخدة لظهور الصور داخل المقالة كم ما كان عدد الصور ضيف الكود لا توجد مشكلة.

مع التدكير(*)لعنوان الصورة(#)لرابط الصورة

 <amp-img alt="*" height="300" layout="responsive" src="#" width="430"></amp-img>

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

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

الرابط يبدأ https:// وينتهي .jpg او اي امتداد لصورة تجدة افضل شي يكون بامتداد jpg لصور مثل.

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6QN8Wy3m5H2MAYTLS8ocaMLg0Ls9hSZhfHSy76Bs8G_PVxym9F4JcyiFV7vx1ofovu_a6gmzVbStWIcX2AwI8i3dcqWjqc6fyVkhfyGenE2vx6arbG-ZTobGjjv1fG8uH_wLaqhwFCYUL/s640/%25D8%25B1%25D9%2581%25D8%25B9+%25D8%25B5%25D9%2588%25D8%25B1%25D8%25A9+%25D8%25A8%25D8%25AE%25D8%25A7%25D8%25B5%25D9%258A%25D8%25A9+amp+%25D8%25A8%25D9%2584%25D9%2588%25D8%25AC%25D8%25B1.jpg

الرمز (*) قم بتغيرة بعنوان الصورة الرمز (#) قم بتغيرة برابط الصورة برابط الدي قمنا بنسخة فقط استخدم الكودين الدي مبين في الصورة في اول المقال.

واخر شئ مسح الكود الدي في الأعلى وقم بالحفظ ونشر وعدم الدهاب الى خيار لكي لا يظهر الكود من جديد ولو ظهر قم بمسحة بيبساطة.

ملاحظة: الخاصية تقوم بعدم تنسيق النقط . التي تاتي باخر الجمل والرموز مثل :؟ ......الخ.

<div dir="rtl" style="text-align: right;" trbidi="on">

ان اردتم طريقة اخرى ضع تعليق لكي اقوم بانزال موضوع افضل من هذا وباعلانات.