|
|
|
|
أدوات الموضوع | انواع عرض الموضوع |
09-10-2012, 08:45 PM | #1 |
مدون نشيط
تاريخ التسجيل: Jun 2012
الدولة: المغرب
المشاركات: 228
|
كيف تغير قالب البلوجر العادي إلى صفحة بيضاء لتصميم قالب جديد
السلام عليم و رحمة الله و بركاته باسم الله الرحمن الرحيم يتم ترميز القوالب بلوغسبوت باستخدام "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> نقاط هامة: أثناء إنشاء الأدوات، سوف تقوم بإضافة جافا سكريبت أسفل <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> إقرأ : تخطيطات بيانات الوسوم آرائكم: بالفعل آرائكم تهمني لكي أزيد من مجهوداتي الشخصية و أمدكم بكل أعرف من شروحات و تقنيات في البلوجر أو سواها من تقنيات... آمل أن يكون هذا الشرح قد ساعدك لتطوير وتصميم قالبك الخاص الأول .. والمرجو منكم وضع تعليقات لإبداء رأيكم في الموضوع أو إذا كانت هناك أية مشكلة حاصرتكم فأنا هنا للمساعدة السلام عليكم مصدر الموضوع تقنيات و أخبار
__________________
" سبحان الله و بحمده سبحان الله العظيم " http://jobs.bengeek.com التعديل الأخير تم بواسطة عماد عادل ; 09-10-2012 الساعة 09:03 PM |
10-29-2012, 04:04 PM | #2 |
مدون نشيط
تاريخ التسجيل: Aug 2012
الدولة: بَيـَـِِنَِ أَلمَِـِـَِيََِ وأَمِلَِـِـَِيََِ !!
المشاركات: 100
|
رد: كيف تغير قالب البلوجر العادي إلى صفحة بيضاء لتصميم قالب جديد
__________________
|
12-27-2012, 08:25 PM | #3 |
مدون نشيط
تاريخ التسجيل: Jun 2012
الدولة: المغرب
المشاركات: 228
|
رد: كيف تغير قالب البلوجر العادي إلى صفحة بيضاء لتصميم قالب جديد
مرحبا بك دائما !!
__________________
" سبحان الله و بحمده سبحان الله العظيم " http://jobs.bengeek.com |
09-19-2013, 06:49 PM | #4 |
مدون جديد
تاريخ التسجيل: May 2013
المشاركات: 33
|
رد: كيف تغير قالب البلوجر العادي إلى صفحة بيضاء لتصميم قالب جديد
شكرا جزيلا لك اخى على الموضوع الرائع بجد ابحث عنه من زمان فانا اصمم مواقع على الفوتوشوب واكودها بالدريم ويفر html&css وبدور على طريقه اخلى القالب بلوجر :)
__________________
<a href="http://adwatmsmm.blogspot.com/"><img src="http://i.imgur.com/bmYM0ot.gif" title="Hosted by imgur.com" /></a> |
09-30-2013, 11:51 AM | #5 |
مدون جديد
تاريخ التسجيل: Sep 2013
الدولة: المغرب
المشاركات: 21
|
رد: كيف تغير قالب البلوجر العادي إلى صفحة بيضاء لتصميم قالب جديد
|
مواقع النشر (المفضلة) |
الكلمات الدلالية (Tags) |
شروحات البلوجر |
الذين يشاهدون محتوى الموضوع الآن : 1 ( الأعضاء 0 والزوار 1) | |
|
|
المواضيع المتشابهه | ||||
الموضوع | كاتب الموضوع | المنتدى | مشاركات | آخر مشاركة |
أريد برنامج لتصميم القوالب | 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 |
الساعة الآن 11:34 AM - بتوقيت جرينتش
المعهد غير مسؤول عن أي اتفاق تجاري أو
تعاوني بين الأعضاء فعلى كل شخص تحمل مسؤولية نفسه تجاه ما يقوم به من بيع وشراء وإتفاق وإعطاء معلومات مدونته التعليقات المنشورة لا تعبر عن رأي معهد خبراء البلوجر ولا نتحمل أي مسؤولية قانونية حيال ذلك (ويتحمل كاتبها مسؤولية النشر) |