إذا كنت ترغب فى أن تجعل مدونتك
متميزة من حيث الشكل العام ، فاليوم سنتعرف على كيفية عمل واجهة ترحيبية لمدونات
بلوجر بحيث تظهر للقراء بدلا من الصفحة الرئيسية الموجودة بشكل إفتراضى على
المدونة.
يمكن تصميم صفحة الترحيب للمدونة بحرية تامة بحيث يمكن عمل خريطة لموضوعات المدونة بالشكل الذى تريده كما إنه يمكن إضافة أزرار المشاركات الإجتماعية أو التعريف بالكاتب ، أداة أحدث المواضيع.................إلخ.
خطوات إنشاء واجهة لمدونات بلوجر:
يمكن تصميم صفحة الترحيب للمدونة بحرية تامة بحيث يمكن عمل خريطة لموضوعات المدونة بالشكل الذى تريده كما إنه يمكن إضافة أزرار المشاركات الإجتماعية أو التعريف بالكاتب ، أداة أحدث المواضيع.................إلخ.
خطوات إنشاء واجهة لمدونات بلوجر:
الخطوة الأولى : أضف قائمة الصفحات
إلى الموقع
إذهب إلى لوحة التحكم >>تخطيط >> صفحات
ستظهر تهيئة إعدادات قائمة الصفحات
قم بإضافة رابط خارجى ثم أضف عنوان الصفحة "blog" وأضف إلى "عنوان الويب" رابط موقعك مضاف إليه "/search"
مثال: رابط الموقع
http://www.condaianllkhir.com
أضف الرابط هكذا داخل عنوان الويب URL
http://www.condaianllkhir.com/search
ثم حفظ
وهذه الخطوة هامة جدا لضمان أن القارئ سيصل إلى جميع موضوعات الموقع
الخطوة الثانية: إنشاء صفحة الترحيب لمدونة بلوجر
يمكن إنشاء صفحة جديدة أو مشاركة جديدة ثم أضف رسالة الترحيب أو صورة الترحيب أو تصميم صفحة ويب لواجهة المدونة بما تتضمنه من رسائل وروابط وإضافتها إلى تبويب Html للصفحة أو المشاركة .
من المفضل إخفاء صندوق التعليقات سواء كنت تستخدم مشاركة أو صفحة وذلك من إعدادات الصفحة ثم خيارات ثم إختيار "عدم السماح ، إخفاء التعليقات الحالية"
ثم اضغط "تم"
الخطوة الثالثة: إعادة توجيه الصفحة الرئيسية إلى صفحة الترحيب
لتكون أول صفحة تظهر للزائر هى صفحة الترحيب يجب إعادة توجيه رابط الصفحة الرئيسية للمدونة إلى رابط صفحة الترحيب وذلك عن طريق:
معرفة رابط صفحة الترحيب من أعلى المتصفح وهذا مثال :
www.condaianllkhir.com/p/welcome.html
ثم إنسخ الجزء ما بعد رابط موقعك (مثال: الجزء الملون بالأزرق فى الرابط أعلاه)
ثم التوجه إلى لوحة التحكم >> إعدادات >> تفضيلات البحث >> الأخطاء وعمليات إعادة التوجيه >> عمليات إعادة التوجيه المخصصة
ثم أكتب بجوار" من:" علامة /
وبجوار "إلى:" ألصق الجزء الذى نسخته من رابط صفحة الترحيب الخاصة بك وهذا مثال توضيحى بالصورة
لاتنسى تفعيل مربع "دائم" وحفظ ثم حفظ التغييرات
الخطوة الرابعة : إخفاء أعمدة المدونة فى صفحة واجهة الترحيب
هذه الخطوة إختيارية بمعنى إذا كنت تريد ظهور واجهة
المدونة بعرض الشاشة دون ظهور أدوات أو أعمدة جانبية ويمكن أيضًا تطبيق ذلك على
جميع الصفحات الموجودة بالمدونة وهذا بإتباع الآتى:
إذهب إلى لوحة التحكم >> قالب >> إحتفظ بنسخة إحتياطية من القالب
ثم إستخدم Ctrl+F فى البحث عن هذا الكود
إنسخ الكود التالى تحت الكود السابق مباشرة
إذهب إلى لوحة التحكم >> قالب >> إحتفظ بنسخة إحتياطية من القالب
ثم إستخدم Ctrl+F فى البحث عن هذا الكود
إنسخ الكود التالى تحت الكود السابق مباشرة
<b:if cond='data:blog.pageType == "static_page"'>
<style>
.sidebar,.comments,.footer {display:none;}
#main-wrapper{width: 99%; float: none; margin: 0px auto;}
html {overflow-x: hidden;}
.post {width: 97%; margin: 15px auto;} .post h3 a { text-align: center; padding:5px;}
</style>
</b:if>
<style>
.sidebar,.comments,.footer {display:none;}
#main-wrapper{width: 99%; float: none; margin: 0px auto;}
html {overflow-x: hidden;}
.post {width: 97%; margin: 15px auto;} .post h3 a { text-align: center; padding:5px;}
</style>
</b:if>
هذا الكود سيعمل على جميع الصفحات بحيث تظهر بعرض الشاشة ، أما إذا كنت تريد جعل صفحة الترحيب فقط هى التى تظهر بعرض الشاشة دون باقى الصفحات إستبدل الكود السابق بالكود التالى
<b:if cond='data:blog.url == "www.condaianllkhir.com/p/welcome.html";'>
<style>
.sidebar,.comments,.footer {display:none;}
#main-wrapper{width: 99%; float: none; margin: 0px auto;}
html {overflow-x: hidden;}
.post {width: 97%; margin: 15px auto;} .post h3 a { text-align: center; padding:5px;}
</style>
</b:if>
<style>
.sidebar,.comments,.footer {display:none;}
#main-wrapper{width: 99%; float: none; margin: 0px auto;}
html {overflow-x: hidden;}
.post {width: 97%; margin: 15px auto;} .post h3 a { text-align: center; padding:5px;}
</style>
</b:if>
يجب إستبدال الرابط الملون بالأحمر برابط صفحة الترحيب الخاصة بك
الخطوة الخامسة: تغيير الصفحة الرئيسية فى قائمة الصفحات
وذلك من خلال التعديل على أداة قائمة الصفحة كما بالصورة
وبذلك يتم تغيير الصفحة الرئيسية إلى واجهة متميزةمن تصميمك.
اضغط على السمايل للحصول على الكود: :) =( :s :D :-D ^:D ^o^ 7:( :Q :p T_T @@, :-a :W *fck* x@