اكتب ما تود البحت عنه و اضغط Enter
إعلان على الهواتف

2013/07/19

شرح تحويل قالب بلوجر لصفحة بيضاء


.
 سأشارح لككم اليوم كود بسيط يمكنك من تحويل مدونتك "المجربة" (بالطبع قلت مجربة لأنك ستقوم بتجربة فقط ...) إلى هيكل فقط،  فارغة من دون أية أداة، و بهذا يمكنك عمل ما تشاء فيها...

كما نعلم أن قالب المدونة يتكون من الأدوات التي  يتم تشغيلها وإدارتها باستخدام (المعرفات :" ID " والطبقات: " Class " ). لجعل كل شئ سهل سأريك اليوم كيف تقوم بصنع صفحة " HTML "  فارغة من قالب المدونة ومن ثم البدء في إضافة الأدوات إليها حسب الحاجيات الشخصية...


خطوات تثبيت هذا الثيم :


  1. الذهاب إلى لوحة التحكم الرئيسية
  2. الذهاب إلى لوحة التحكم الرئيسية
  3. إنشاء مدونة جديدة للإختبار
  4. إعطائها إسم وعنوان
  5. اختيار قالب بسيط وليس "القالب الديناميكي"
  6. ومن ثم اضغط على   " Template " >   تحرير HTML >  و Proceed
  7. وبعد ذلك قم حذف الكود كامل من داخل المحرر واسبدله بالكود بالأسفل


<?xml version="1.0" encoding="UTF-8" ?> 
<!DOCTYPE html> 
<html b:version='2' class='v2' 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 content='IE=EmulateIE7' http-equiv='X-UA-Compatible'/> 
    <b:if cond='data:blog.isMobile'> 
      <meta content='width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0' name='viewport'/> 
    <b:else/> 
      <meta content='width=1100' name='viewport'/> 
    </b:if> 
    <b:include data='blog' name='all-head-content'/> 
    <title><data:blog.pageTitle/></title>
   <b:skin><![CDATA[/* 
-----------------------------------------------
////STATIC HTML THEME/////////////////
////CODED BY : smail eddougui//////////////// 
//// DOWNLOAD FROM: www.ghariba2.blogspot.com  //////////////////////////////////////////////////
----------------------------------------------- */
#navbar-iframe {   height:0px;   visibility:hidden;   display:none   } 
body { 
  font: $(body.font); 
  color: $(body.text.color); 
  background: $(body.background); 
  padding: 0 $(content.shadow.spread) $(content.shadow.spread) $(content.shadow.spread); 
  $(body.background.override)  margin: 0; 
    padding: 0; 
}

]]></b:skin>
   
  </head>
  <body>
  <b:section class='navbar' id='navbar' maxwidgets='1' showaddelement='no'> 
<b:widget id='Navbar1' locked='true' title='Navbar' type='Navbar'/> 
</b:section>

<div style='margin-top:400px; '>
<!--Please keep the Credits intact--> 
<center>
<p>
<a href='http://www.ghariba2.blogspot.com'>اسماعيل الذكي </a>© 2012.</p>
</center>
</div>
</body> 
</html>

7-انقر على حفظ القالب وعند
 ظهور الخطأ التالي: فقط اضغط على  Delete widgets و تكون قد انتهيت...!!


Warning: Your new template does not include the following widgets:
       BlogArchive1 Profile1 Attribution1 Header1 Blog1


نقاط هامة:




  • أثناء إنشاء الأدوات، سوف تقوم بإضافة جافا سكريبت أسفل <HEAD>  أو أعلى </ HEAD>

  • وسوف تقوم بإضافة رمز CSS داخل أقسام  <b:skin><![CDATA[/*     أو أعلى  ]]></b:skin>

  • وسوف تقوم بإضافة بيانات القطعة أو رمز HTML داخل وسم <BODY>


  • ماذا بعد ..؟؟

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




    إنشاء قطعة رسائل المشاركة...

    الآن لإعطائك فكرة عن مدى سهولة  تصميم قالب البلوجر من الصفر ببساطة إضافة الكود التالي فقط فوق </BODY> لجعل قطعة رسائل المشاركة داخل قالبك..



    <b:section class='main' id='main' showaddelement='yes'> 
    <b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/> 
    </b:section>


    حفظ القالب ثم قم بزيارة صفحة التخطيط مرة أخرى. سوف تكون قادرا
     على رؤية قطعة الرسائل ويمكنك الآن بسهولة تحرير خيارات التنسيق الخاص به.
     اذهب وانشئ رسالة جديدة و قم بزيارة المدونة ستجدها تعمل على ما يرام.
     تهانينا! لقد أنشأت أول قطعة.