رئيسية المعهد
رئيسية المعهد  تواصل معنا  حقوق الملكية الفكرية  اربط مدونتك بنا  محول أكواد أدسنس

 

معرض قوالب معهد خبراء بلوجر - دليل مدونات بلوجر - موقع نشر بلوجر - اضافات بلوجر




العودة   معهد خبراء بلوجر > الدعم الفني > دروس بلوجر


إضافة رد
نسخ الرابط
نسخ للمنتديات
 
أدوات الموضوع انواع عرض الموضوع
قديم 09-10-2012, 08:45 PM   #1
ism33ail
مدون نشيط
 
الصورة الرمزية ism33ail
 
تاريخ التسجيل: Jun 2012
الدولة: المغرب
المشاركات: 228
Thumbs up كيف تغير قالب البلوجر العادي إلى صفحة بيضاء لتصميم قالب جديد

أنا : ism33ail





السلام عليم و رحمة الله و بركاته
باسم الله الرحمن الرحيم



يتم ترميز القوالب بلوغسبوت باستخدام "XHTML 1.0 Strict Document Type" . تم تطويرها من قبل اتحاد شبكة الويب العالمية في 26 يناير 2000. على عكس "PHP" أو "ASP.net" فقواعد "XML" صارمة ولا ترحم . وهناك خطأ طفيف في نتائج التعليمات البرمجية في رسائل الخطأ التي تراها مرعبة في كثير من الأحيان أثناء تحرير القالب المدونة . من أجل فهم كيفية تصميم وبرمجة هذه القوالب. عليك أن تبدأ من الصفر...

المهم سأشارككم اليوم كود بسيط يمكنك من تحويل مدونتك "[COLOR="rgb(46, 139, 87)"]المجربة[/COLOR]" (بالطبع قلت مجربة لأنك ستقوم بتجربة فقط ...) إلى هيكل فقط، فارغة من دون أية أداة، و بالتالي الإبداع يصبح من مِلكك :) و بهذا يمكنك عمل ما تشاء فيها...
كما نعلم أن قالب المدونة يتكون من الأدوات التي يتم تشغيلها وإدارتها باستخدام (المعرفات :" ID " والطبقات: " Class " ). لجعل المور سهلة سأريك اليوم كيف تقوم بصنع صفحة " HTML " فارغة من قالب المدونة ومن ثم البدء في إضافة الأدوات إليها حسب الحاجيات الشخصية...

معاينة الصفحة

كيف يتم عمل هذا..؟؟


صفحة الـ " HTML " العادية تحتوي على الوسوم التالية : " HEAD " ، " HTML " و " BODY " على التوالي . الميتا تاغ ، الجافاسكريبت و أنماط الـ" CSS " دائما ما تضاف في داخل القسم " HEAD " و داخل قسم الـ " DIV" أو محتوى داخل قسم الـ " BODY" . في البلوجر منذ برمجة القالب تلقائيا من خلال ديناميكية أقسام " b:section " لذلك نحتاج أولا إلى إزالة كافة الأقسام وترك واحدة فقط لأن وسم العلامات XML يتطلب وجود على الأقل على قسم واحد من هذا القبيل. لتبسيط العملية لقد قمت بعمل " صفحة HTML ثابتة " . يمكنك استخدام هذا 'الثيم' للعب بالأدوات و التعديل عليها كما تريد، لزيادة مهاراتك الشخصية و تطويرها. سوف تحب العمل على ذلك لأنه يوفر لك تجربة ممتعة و يمكنك العمل عليها في محرر الـ" HTML " خاصتنا.

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


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

كود بلغة HTML:
<?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' **********='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 : Mohammad Mustafa Ahmedzai//////////////// 
//// DOWNLOAD FROM: www.MyBloggerTricks.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.pro-stats.blogspot.com'>My Blogger Tricks </a>© 2012.</p>
</center>
</div>
</body> 
</html>
7-انقر على حفظ القالب وعند ظهور الخطأ التالي: فقط اضغط على Delete widgets و تكون قد انتهيت...!!!



نقاط هامة:

أثناء إنشاء الأدوات، سوف تقوم بإضافة جافا سكريبت أسفل <HEAD> أو أعلى </ HEAD>
وسوف تقوم بإضافة رمز CSS داخل أقسام <b:skin><![CDATA[/* أو أعلى ]]></b:skin>
وسوف تقوم بإضافة بيانات القطعة أو رمز HTML داخل وسم <BODY>
ماذا بعد ..؟؟

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

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

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

كود بلغة HTML:
<b:section class='main' id='main' showaddelement='yes'> 
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/> 
</b:section>
حفظ القالب ثم قم بزيارة صفحة التخطيط مرة أخرى. سوف تكون قادرا على رؤية قطعة الرسائل ويمكنك الآن بسهولة تحرير خيارات التنسيق الخاص به. اذهب وانشئ رسالة جديدة و قم بزيارة المدونة ستجدها تعمل على ما يرام. تهانينا! لقد أنشأت أول قطعة.

إقرأ : تخطيطات بيانات الوسوم


آرائكم:

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

مصدر الموضوع تقنيات و أخبار





الدعم العربي


التعديل الأخير تم بواسطة عماد عادل ; 09-10-2012 الساعة 09:03 PM
ism33ail غير متواجد حالياً   رد مع اقتباس

مركز رفع موسوعة العربية
قديم 10-29-2012, 04:04 PM   #2
العماد
مدون نشيط
 
الصورة الرمزية العماد
 
تاريخ التسجيل: Aug 2012
الدولة: بَيـَـِِنَِ أَلمَِـِـَِيََِ وأَمِلَِـِـَِيََِ !!
المشاركات: 100
افتراضي رد: كيف تغير قالب البلوجر العادي إلى صفحة بيضاء لتصميم قالب جديد

أنا : العماد




بارك الله فيك اخي الفآضل

الدعم العربي

العماد غير متواجد حالياً   رد مع اقتباس
قديم 12-27-2012, 08:25 PM   #3
ism33ail
مدون نشيط
 
الصورة الرمزية ism33ail
 
تاريخ التسجيل: Jun 2012
الدولة: المغرب
المشاركات: 228
افتراضي رد: كيف تغير قالب البلوجر العادي إلى صفحة بيضاء لتصميم قالب جديد

أنا : ism33ail




اقتباس:
المشاركة الأصلية كتبت بواسطة العماد مشاهدة المشاركة
بارك الله فيك اخي الفآضل
مرحبا بك دائما !!

الدعم العربي

ism33ail غير متواجد حالياً   رد مع اقتباس
قديم 09-19-2013, 06:49 PM   #4
abdelrahman khaled
مدون جديد
 
تاريخ التسجيل: May 2013
المشاركات: 33
افتراضي رد: كيف تغير قالب البلوجر العادي إلى صفحة بيضاء لتصميم قالب جديد

أنا : abdelrahman khaled




شكرا جزيلا لك اخى على الموضوع الرائع

بجد ابحث عنه من زمان

فانا اصمم مواقع على الفوتوشوب واكودها بالدريم ويفر html&css

وبدور على طريقه اخلى القالب بلوجر :)
__________________
<a href="http://adwatmsmm.blogspot.com/"><img src="http://i.imgur.com/bmYM0ot.gif" title="Hosted by imgur.com" /></a>

الدعم العربي

abdelrahman khaled غير متواجد حالياً   رد مع اقتباس
قديم 09-30-2013, 11:51 AM   #5
Yassinenho
مدون جديد
 
تاريخ التسجيل: Sep 2013
الدولة: المغرب
المشاركات: 21
افتراضي رد: كيف تغير قالب البلوجر العادي إلى صفحة بيضاء لتصميم قالب جديد

أنا : Yassinenho




بارك الله فيك اخي الكريم

الدعم العربي

Yassinenho غير متواجد حالياً   رد مع اقتباس
إضافة رد

مواقع النشر (المفضلة)

الكلمات الدلالية (Tags)
شروحات البلوجر


الذين يشاهدون محتوى الموضوع الآن : 1 ( الأعضاء 0 والزوار 1)
 
أدوات الموضوع
انواع عرض الموضوع

تعليمات المشاركة
لا تستطيع إضافة مواضيع جديدة
لا تستطيع الرد على المواضيع
لا تستطيع إرفاق ملفات
لا تستطيع تعديل مشاركاتك

BB code is متاحة
كود [IMG] متاحة
كود HTML معطلة

الانتقال السريع

المواضيع المتشابهه
الموضوع كاتب الموضوع المنتدى مشاركات آخر مشاركة
أريد برنامج لتصميم القوالب Homs Android طلبات الدعم الفني 2 03-05-2013 02:09 PM
حل مشكلة عدم المقدرة على تحرير القالب وظهور صفحة بيضاء A.M.A.M.S المواضيع العامة 2 09-24-2012 02:57 PM
برنامج لتصميم قوالب بلوجر mostafa alwin المواضيع العامة 16 09-19-2012 03:07 PM
طلب تعديل على قالب شي بسيط ( تغير حجم صورة ) أبو محمد2012 طلبات تعديل القوالب 2 08-31-2012 02:53 PM
كود بسيط يجعل الزائر يفتح صفحة من مدونتك في صفحة جديدة overboy إضافات وأدوات بلوجر 3 08-11-2012 03:52 PM





لتصفح أفضل وللاستفادة القصوى من خصائص المعهد ننصحكم باستعمال :

Powered by vBulletin® Copyright ©2000 - 2024 Dov By EGYNT.Co
new notification by 9adq_ala7sas
Developed By Marco Mamdouh
معهد خبراء بلوجر - 2012 Google
أعلن على المعهد : اتصل بنا - منتدي كنوز - الدعم العربي - قوالب بلوجر - او او انيمي
رئيسية المعهد
الساعة الآن 02:30 PM - بتوقيت جرينتش
المعهد غير مسؤول عن أي اتفاق تجاري أو تعاوني بين الأعضاء
فعلى كل شخص تحمل مسؤولية نفسه تجاه ما يقوم به من بيع وشراء وإتفاق وإعطاء معلومات مدونته
التعليقات المنشورة لا تعبر عن رأي معهد خبراء البلوجر ولا نتحمل أي مسؤولية قانونية حيال ذلك
(ويتحمل كاتبها مسؤولية النشر)