معهد خبراء بلوجر - طريقة تعريب قوالب بلوجر

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

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

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

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

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

http://www.traidnt.net/vb/images/imgcache/2013/03/2.bmp

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

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

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

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

كود بلغة 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 {

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

كود بلغة HTML:

#header-inner {

    background-position: center center;

    margin-left: auto;

    margin-right: auto;

 height: 89px;

}

#header {

    color: #FFFFFF;

    text-align: left;

}

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

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

كود بلغة HTML:

#outer-wrapper {

ستجده على هذا الشكل:

#outer-wrapper {

    font: 110% Arial,Serif;

    margin: 0 auto;

    text-align: left;

    width: 960px;

}

غير left إلى right

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

كود بلغة HTML:

#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

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

كود بلغة HTML:

#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

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

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