انشاء قالب بلوجر صفحة هبوط تصميم قالب بلوجر صفحة هبوط

طريقة تصميم صفحة هبوط احترافية على بلوجر landing page blogger

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

خطوات إنشاء صفحة هبوط على بلوجر:

يمكنك إنشاء صفحة هبوط وإدارتها باستخدام Blogger.

إنشاء صفحة هبوط

سجّل الدخول إلى Blogger 🔗.
في الشريط الجانبي، اضغط على رمز السهم المتجّه للأسفل.
اضغط على مدونة جديدة.
أدخل اسما لصفحة الهبوط.
اضغط على التالي.
اختَر عنوانًا لصفحة الهبوط (عنوان URL).
اضغط على حفظ.

بعد الانتهاء من الخطوات السابقة سنقوم الان بتصميم القالب

تصميم صفحة هبوط على بلوجر

من الشريط الجانبي اضغط على علامة التبويب "المظهر"

من قسم "مظهري" اضغط على رمز السهم المتجّه للأسفل ثم تعديل HTML

من لوحة المفاتيح الكيبورد اضغط على متاح Ctrl+A

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

لماذا اخترنا بلوجر لعمل صفحة هبوط عليها؟

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

بعض المميزات لمنصة بلوجر:

أهم ما يميز منصة بلوجر إنها تابعة لشركة Google العملاقة "جوجل".
تُعَد منصة بلوجر الأسهل في التعامل فهي بسيطة للغاية.
بما إن بلوجر تابع لجوجل فالأرشفة سرعتها عالية مقارنة بغيرها.
إمكانية التعديل على مدونتك بسهولة.
الموقع محمي من الاختراقات بالطبع فأنت مع جوجل في أمانٍ تام.
لا تقلق من ناحية مساحة التخزين فهي غير محدودة.
توفر لك بلوجر احصائيات دقيقة عن زوار مدونتك.
يتيح بلوجر خاصية إدراج صور وفيديوهات للمحتوى.

بعض مميزات مكتبة Bootstrap بوتستراب:

1 - سهولة الاستخدام : حيث يمكن لأي شخص لديه معرفة بأساسيات HTML و CSS استخدامها.
2 - تصميم موقع متجاوب (Responsive) بشكل تلقائي :
بمعنى انه يمكن الموقع من العمل في مختلف مقاسات الشاشات ومختلف الأجهزة من الكمبيوتر الى الهاتف بشكل متناسق وجميل.
3 - التوافق مع جميع متصفحات الويب الحديثة.
4 - السرعة العالية : من مميزات مكتبة Bootstrap الهامة انها ذات اداء عالى وسرعة فائقة.

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

قالب بلوجر

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<html b:css='false' expr:dir='data:blog.languageDirection' 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>
    
    <meta charset='utf-8'/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
   <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/>
    <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/>
          Page Not Found | <data:blog.title/>
        </b:if>
      </b:if>
    </title>

<link href='https://cdn.rtlcss.com/bootstrap/v4.5.3/css/bootstrap.min.css' rel='stylesheet'/>
    
  <link href='https://use.fontawesome.com/releases/v5.15.1/css/all.css' rel='stylesheet'/>
    <b:skin><![CDATA[

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

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

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

اشترك بالقائمة البريدة حتى يصلك كل جديد

تصميم قالب بلوجر

انشاء قالب بلوجر صفحة هبوط تصميم قالب بلوجر صفحة هبوط

طريقة تصميم صفحة هبوط احترافية على بلوجر landing page blogger

خطوات إنشاء صفحة هبوط على بلوجر:

تصميم صفحة هبوط على بلوجر

هناك 3 تعليقات:

1 تصميم قالب بلوجر Blogger من البداية تخطيط قالب بلوجر

2 تصميم قالب بلوجراضافة قائمة علوية نافبار بشكل احترافي

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

4 تكويد وتصميم قالب بلوجر تقسيم منطقة المحتوى

5 اضافة أداة المشاركات رسائل المدونة الإلكترونية

6 تصميم قالب بلوجر اضافة اقراء المزيد

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

8 تصميم قالب بلوجر تصميم وتكويد منطقة الفوتر

9 الانتهاء من تصميم قالب بلوجر واجراء تحسينات لمظهر القالب

10 تحميل قالب بلوجر مجانا

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