جديد بالموقع

الصفحة الرئيسية » كورسات » الدرس الاول من دورة تصميم قوالب بلوجر الاحترافية

أهلا اخوتي في بداية تدوينتي احييكم تحية الاسلام ف السلام عليكم ورحمة الله و بركاته

طبعا لا خير في عالم كتم علمه و اليوم بدأ مشروع ازالة الحواجز و العراقيل لتسهيل تصميم

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

تعديل قوالب كثر تجارها و سماسرتها على النت بل قوموا من الان فصاعدا بتصميم افكاركم العضيمة

بدون ان اطيل عليكم .

هذا العمل مشترك بين مدونة جوسترو و ويب نايت

الدرس الاول من دورة تصميم قوالب بلوجر الاحترافية

البرنامج المستخدم

notebad++

الاكواد

كود تعريف بلوجر و ترميزها

<?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'>

كود تعريف ان الموقع بلوجر

<b:include data='blog' name='all-head-content'/>

كود تايتل المدونة

<title><data:blog.pageTitle/></title>

حقوق القالب و حزمة اكواد css القالب

<b:skin><![CDATA[/*

-----------------------------------------------

Blogger Template Style

Name: Ahmed Fadhil Al-kahfaji

Designer: Ghostro

URL: www.ghostro.ga

----------------------------------------------- */

Here but Code

]]></b:skin>

السيكشنات

سيكشن الهيدر (رأس المدونة )

<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>

<b:widget id='Header1' locked='true' title='تصميمي(رأس الصفحة)' type='Header'></b:widget>

</b:section>

----------------------------------------
سيكشن التدوينات
<b:section class='main' id='main' showaddelement='no'>

<b:widget id='Blog1' locked='true' title='رسائل المدونة الإلكترونية' type='Blog'></b:widget>

</b:section>

----------------------------------------
سيكشن السايدبار ( القائمة الجانبية )
<b:section class='sidebar' id='sidebar' showaddelement='yes'>

هنا توضع أكواد استدعاء الأدوات

</b:section>

----------------------------------------
سكشن الفتوتر
<b:section class='footer' id='footer' showaddelement='yes'>

هنا توضع أكواد استدعاء الأدوات

</b:section>