طريقة برمجة قالب بلوجر من الصفر (أول خطوة)

الكثير من الأشخاص المبتدأين والمدونين يستخدموا قالب بلوجر جاهز لكن أحيانا غير قادريين علي التعديل علي الأكواد لأنها تكون مشفرة وبها حقوق مالك القالب و أول شئ يتم التفكير به : كيف أبرمج قالب blogger خاص بي ؟

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

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

حسنا قبل البدء في تعلم كيف يمكنك برمجة قالب بلوجر جديد من 0 يجب أن تمتلك خبرة برمجية في لغات برمجة الويب مثل HTML و CSS و Javascript لأنك ستبرمج قالب بلوجر يدويا بنفسك وبلطبع تحتاج تلك الخبرة لإنشاء القالب وإذا لا تعرف لغات برمجة يمكنك البحث في يوتيوب عن تعلم لغات الويب والبدء في إكتساب خبرة جديدة وفي الخطوة التالية ستكون أول قالب بلوجر فارغ جديد جاهز للتعديل وليس قالب تنظيف blogger.

أكواد برمجة قالب بلوجر

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

<?xml version="1.0" encoding="UTF-8" ?>

<!DOCTYPE html>

<html 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:include data='blog' name='all-head-content'/>
 
 
  <title>
    <b:if cond='data:blog.pageType == "index"'>
     <data:blog.pageTitle/>
    <b:else/>
      <b:if cond='data:blog.pageType != "error_page"'>
        <data:blog.pageName/> | <data:blog.title/>
      <b:else/>
      الصفحة غير صحيحة | <data:blog.title/>
    </b:if>
   </b:if>
 </title>
 
 
  <b:skin>
    <![CDATA[

/** CSS **/

]]>
  </b:skin>
</head>

<footer>
    
    <div class="copyrights" style="clear: both;">
      <div>
       <strong><</strong> template <strong>></strong> 
       by <strong>Yehia Online</strong>
      </div>
</div>
</footer>
  
</body>
</html>

كيف التعامل مع الأكواد ؟

الأكواد السابقة هي أكواد للمظهر مثل CSS وهيكل الصفحة من الخارج مثل HTML5 وباقي الأكواد أنت تستطيع إضافتها إذا تعرف برمجة مواقع Web وإضافة مميزات أخري مثل أكواد Javascript للتفاعل مع الزائر في الصفحة عند النقرمثلا علي زر يتم تغير اللون الخاص بة أو إظهار كلمة محددة.. كل ذلك حركة تفاعلية مع الزائر يمكن فعلها عبر جافاسكريبت وللتعامل مع الأكواد فوق كل جزء من الكود يوجد نص بلغة العربية لفهم كل جزء من الكود ماذا يفعل في مدونة بلوجر.

أهم مصادر بلوجر

بعد برمجة قالب blogger الخاص بك سيكون مظهر فقط إذا تعرف لغات ويب لاكن لن تستطيع التعامل مع المشاركات أو المقالات في بلوجر لتظهر بشكل تلقائي أو مثلا تصدر نتائج البحث والحصول علي القيم لرابط المنشور أو الوصف والعنوان بشكل تلقائي.

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

جميع المصادر للمواقع التي تم ذكرها أنت تحتاجها بشكل مهم جدا للإستمرار في برمجة القالب بسهولة لان هذة المصادر للأكواد صغيرة جدا لاكن تسهل عليك إنشاء ما تريد بشكل إحترافي وتلقائي وبرمجة أول قالب بلوجر وإنشاء مقالات ومشاركات بمظهر رائع.

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

Yehia Online

طريقة برمجة قالب بلوجر من الصفر (أول خطوة)

أكواد برمجة قالب بلوجر

كيف التعامل مع الأكواد ؟

أهم مصادر بلوجر

1 comment :

ألاكثر شهره

الأقسام

القوائم

نموذج الاتصال