[احمد مجدي]

بسم الله الرحمن الرحيم

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

بسم الله الرحمن الرحيم

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

اهلا ومرحبا بكم من جديد
معنا اليوم انشاءالله درس مهم ومفيد جدا لكل مدون يريد
ان يتعلم طريقة تعريب قوالب بلوجر
هذا الشرح مقدم لكم من مدونة الاوائل



حتي يتوافق القالب مع اللغه العربيه
ويجب عليك ان تعلم ان تعريب قوالب بلوجر هو
تعديل في أكواد CSS فقط

1-انصحك بان تقوم بانشاء مدونة جديده لتتدرب عليها
2-ان تقوم باخذ نسخه احتياطيه من القالب

نبدأ علي بركة الله

ادخل الي لوحة التحكم ثم اضغط علي قالب ثم تحريرhtml
وقم بالبحث عن الاكواد التاليه

<variable name="startSide" description="Side where text starts in blog language"
             type="automatic" default="left" value="left">
   <variable name="endSide" description="Side where text ends in blog language"
             type="automatic" default="right" value="right"> 

وقم بتغيير كلمات right الي left و left الي right

ابحث عن هذا الكود

كود PHP:

#header-inner { 


ستجده علي هذا الشكل

#header-inner {
    background-position: center center;
    margin-left: auto;
    margin-right: auto;
 height: 89px;
}
#header {
    color: #FFFFFF;
    text-align: left;
}

وقم بتغيير كلمات right الي left و left الي right

ابحث عن هذا الكود

#outer-wrapper {
ستجده على هذا الشكل:
#outer-wrapper {
    font: 110% Arial,Serif;
    margin: 0 auto;
    text-align: left;
    width: 960px;
}

غير left إلى right


ابحث عن هذا الكود

#main-wrapper {
ستجده على هذا الشكل:
#main-wrapper {
    float: left;
    margin-left: 0;
    margin-top: 5px;
    overflow: hidden;
    text-shadow: 0 1px 0 #FFFFFF;
    width: 610px;
    word-wrap: break-word;
}

غير left إلى right

وفي الاخير قم بابحث عن هذا الكود

#sidebar-wrapper {
ستجده على هذا الشكل
#sidebar-wrapper {
    background: url("http://3.bp.blogspot.com/-oPzvRPephTQ/TaxbsP2kH8I/AAAAAAAAB1s/fULKnXBxc70/s1600/content-top.png") repeat-x scroll right top transparent;
    float: right;
    margin-right: -10px;
    margin-top: -10px;
    overflow: hidden;
    text-shadow: 0 1px 0 #FFFFFF;
    width: 329px;
    word-wrap: break-word;
border: 1px solid #D0D7E2;
}

غير right إلى left

المصدر:http://elawaael.blogspot.com/2014/09...Templates.html

والي هنا ينتهي الدرس وشكرااا

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