من مميزات هذا القالب انه يمكنك تغيير الوانه حسب رغبتك وتخصيصه حسب متطلبات المدونه ولعمل ذلك
من لوحة التحكم > القالب > تخصيص > ثم انقر على الخيار متقدم وتسظهر لك خيارت الالوان كما في الشكل التالي (ليس للمبتدئين)
ثم قم بتخصيص الالوان حسب رغبتك
قم بالدخول على لوحة تحكم مدونتك > اعدادات > تفضيلات البحث > ثم انقر على خيار (لم يتم العثور على الصفحة المخصصة)
ليفتح لك مستطيل قم بلصق الكود التالي داخله
<style type=
"text/css"
>
#slider-wrapper,#sidebar-wrapper,#sidebar-wrapper2,#carousel,#slide-widget2,#flex-slider,#slide-widget,#x-slide,#x-slide2,#x-slide3, #top-tab, #switch-left,#news-wrapper,#tagpost-wrapper,#sidebar-wrapper3,#sidebar-wrapper4,#tag-wid,#tag-wid2,#tag-wid3 {
display:none;
}
#main-wrapper {
overflow:hidden;
width:100%;
margin-left:0;
float:none;
margin-right:0;
}
#error-404 {
margin:50px 20px 40px 320px;
autotext-align:center;
transition:all .8s ease 0;
width:380px;
font-family:oswald, Arial, Verdana, sans-serif;
}
#error-404 span {
color:
#f39c12;
font-size:160px;
font-weight:bold;
}
.large-heading {
font-size:60px;
line-height:1.2em;
}
.light-heading {
font-weight:400;
}
.status-msg-bg {
background-color:transparent;
}
#outer-wrapper {
min-height:0;
}
.status-msg-border {
border:0 none;
background-image:none;
height:100%;
}
#sidebar-wrapper,#sidebar-wrapper2 {
width:100%;
float:none;
margin-left:0;
}
.status-msg-wrap,.status-msg-body {
height:100%;
}
</style>
<div id=
"error-404"
> <span>404</span>
</div>
<h1 class=
"large-heading"
style=
"text-align: center;"
>Page Not Found. :/</h1>
<h2 class=
"light-heading"
style=
"text-align: center;"
>Sorry, the page you were looking
for
in
this
blog does not exist..</h2>
قم قم بالحفظ كما في الشكل التالي
من لوحة التحكم > الصفحات > قم باضافة صفحه جديده ومن وضع ال html قم بلصق الكود التالي
<div id=
"tabbed-toc"
>
<span class=
"loading"
>Loading...</span></div>
<br />
<script type=
"text/javascript"
>
var
tabbedTOC = {
containerId:
"tabbed-toc"
,
activeTab: 1,
showDates:
false
,
showSummaries:
false
,
numChars: 200,
showThumbnails:
false
,
thumbSize: 40,
monthNames: [
"January"
,
"February"
,
"March"
,
"April"
,
"May"
,
"June"
,
"July"
,
"August"
,
"September"
,
"October"
,
"November"
,
"December"
],
newTabLink:
true
,
maxResults: 99999,
preload: 0,
sortAlphabetically:
true
,
showNew: 7,
newText:
" - <em style='color:red;'>New!</em>"
};
</script>
قم باستبدال ما باللون http://alb33dani.blogspot.com
برابط مدونتك ثم قم بنشر الصفحه
تخصيص القوائم اعلى واسفل الهايدر
لتخصيص القائمه اعلى الهايدر : من لوحة تحكم مدونتك > القالب > قم بالبحث عن الكود التالي
<nav id='nav2'>
وستجد اكواد القالئمه العلويه بهذا الشكل
<nav id='nav2'>
<ul id='menuhlng2'>
<li class='mhome2'><a expr:href='data:blog.homepageUrl'>الرئيسيه</a></li>
<li><a href='http://alb33dani.blogspot.com/p/blog-page_21.html'>الدعم الفني</a></li>
<li><a href='http://alb33dani.blogspot.com/p/blog-page_6165.html'>اتصل بنا</a></li>
<li><a href='http://hor3.blogspot.com/p/blog-page.html'>الارشيف</a></li>
<li><a href='/404.html'>صفحة الخطأ 404</a></li>
</ul>
</nav>
قم بتغيير المسميات والروابط حسب رغبتك
ولتخصيص القائهه المنسدله اسفل الهايدر قم بالبحث عن الكود التالي
<nav id=
'nav'
>
وستجد اكواد القائمه كما التالي
<nav class='nav'>
<ul class='menu' id='menuhlng1'>
<li class='mhome'><a expr:href='data:blog.homepageUrl'><i class='fa2 fa-home'/>الرئيسيه</a></li>
<li><a href='#'>عن المدون</a></li>
<li><a href='#'>قائمه منسدله</a>
<ul class='sub-menu'>
<li><a href='#'>1قائمه فرعيه</a></li>
<li><a href='#'>2قائمه فرعيه</a></li>
<li><a href='#'>3قائمه فرعيه</a></li>
<li><a href='#'>قائمه فرعيه منسدله4</a>
<ul class='sub-menu'>
<li><a href='#'>قائمه فرعيه4.1</a></li>
<li><a href='#'>قائمه فرعيه منسدله4.2</a>
<ul class='sub-menu'>
<li><a href=''>قائمه فرعيه4.2.1</a></li>
</ul>
</li></ul></li></ul></li>
<li><a href='#'>2 قائمه منسدله</a>
<ul class='sub-menu'>
<li><a href='#'>1قائمه فرعيه</a></li>
<li><a href='#'>2قائمه فرعيه</a></li>
<li><a href='#'>3قائمه فرعيه</a></li>
<li><a href='#'>قائمه فرعيه4</a></li>
</ul></li>
<li id='menu-item'>
<a href='#'>قائمه منسدله افقيه</a>
<ul class='mega-nav links'>
<li><a href='#'>القسم الاول</a>
<ul class='sub-menu'>
<li><a href='#'>الفرع الاول</a></li>
<li><a href='#'>الفرع الثاني</a></li>
<li><a href='#'>الفرع الثالث</a></li>
<li><a href='#'>الفرع الرابع</a></li>
</ul>
</li>
<li><a href='#'>القسم الثاني</a>
<ul class='sub-menu'>
<li><a href='#'>الفرع الاول</a></li>
<li><a href='#'>الفرع الثاني</a></li>
<li><a href='#'>الفرع الثالث</a></li>
<li><a href='#'>الفرع الرابع</a></li>
</ul></li>
<li><a href='#'>القسم الثالث</a>
<ul class='sub-menu'>
<li><a href='#'>الفرع الاول</a></li>
<li><a href='#'>الفرع الثاني</a></li>
<li><a href='#'>الفرع الثالث</a></li>
<li><a href='#'>الفرع الرابع</a></li>
</ul></li>
<li><a href='#'>القسم الرابع</a>
<ul class='sub-menu'>
<li><a href='#'>الفرع الاول</a></li>
<li><a href='#'>الفرع الثاني</a></li>
<li><a href='#'>الفرع الثالث</a></li>
<li><a href='#'>الفرع الرابع</a></li>
</ul>
</li></ul></li>
<li><a href='#'>قائمه</a></li>
<li><a href='#'>منسدله + صور</a>
<div class='mega-nav'>
<div class='sub-links'>
<ol class='menu-links'>
<li><a href='#'>القسم الاول</a></li>
<li><a href='#'>القسم الثاني</a></li>
<li><a href='#'>القسم الثالث</a></li>
<li><a href='#'>القسم الرابع </a></li>
</ol>
</div>
<div class='mega-item'>
<a href='#'><img height='160' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgS2K58zV2Xlh4Wb3XN6-bz4kKDItthmRX9DGOJQ9IW9QTTZsnFnGaOFQkZGA5RMqo445DIIgtl79o5sJ3R0ee59ZG7WQbVW2xSc4b82I8Z0sdCRsRWj6bDWBQ5UBB-saKJf4egyUsbNKg/s300/233103.jpg' width='300'/></a>
<h2><a href='#'>هنا وصف قصير للصوره او الموضوع</a></h2>
</div>
<div class='mega-item'>
<a href='#'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPg0UWW-ka7eeX_m_vcdU9kusuzWV8bgWxRA7amvIMu2vTMxkWCRBQSLZ0zAlU2F8ILmXnGgkGmJa1R3hT13hRyhGLXLvwMl08wU1lLSMiZOvaDz8ML4MVhhqLxO1NtYszGSTVAFREz2k/s300/120276.jpg'/></a>
<h2><a href='#'>هنا وصف قصير للصوره او الموضوع</a></h2>
</div>
<div class='mega-item'>
<a href='#'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGcqlMAxh-7i5YTXCcwU_e-zFi8hSTYsAhKVnvwgPqi3gxOPkmeed5rbkWqr5ulyut-hMcL-IkWo2ihfs2hqO2Mi1aU2yFN5jJqg-WZvkNsqCByeAXiuJ3gCGPODbb_fXPqVQqnftTwm4/s300/264579.jpg'/></a>
<h2><a href='#'>هنا وصف قصير للصوره او الموضوع</a></h2>
</div>
<div class='mega-item'>
<a href='#'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmIvO7yfqzu6VA1UDXpNL-1Q978wt6mSmZ6_HO8LyfxGuzS2zRy1WvZw6pLvSz4i8S7RgtTxnz4S47Gwnl47wXFO-R3f_dJrBHZBs2dSugoV1TYoN6AdvtdcZgkK-aIoYUxdYbPEF7oMw/s300/399875.jpg'/></a>
<h2><a href='#'>هنا وصف قصير للصوره او الموضوع</a></h2>
</div></div></li></ul>
</nav>
قم بتغيير المسميات والروابط حسب رغبتك