بسم الله والصلاة والسلام على رسول الله , اهلا بكم احبتي متابعي مدونة البعداني , بعد انقطاع لفترة وجيزه عن التدوين اعود لكم بقالب احترافي جدا مصمم باحدث وسائل الويب ومنسق بطريقه سلسه واحترافيه , القالب يعتمد على عرض المواضيع حسب الاقسام وهو على شكل مجله تقنيه احترافيه جدا , ما دفعني لتعريب هذا القالب هو ان الكثير من المدونين يصعب عليهم تعريب مثل هذه القوالب لانه يعتمد كليا على لغة الجي كويري والتي بدورها تفقد بعض خواصها عن التعريب الخاطئ , ولكن بحمد الله قمت بتعريب هذا القالب بدقه واتقان بحيث انه لم يفقد اي من خواصه الاحترافيه , القالب مميز واحترافي ويدعم تعدد الالوان ويمكن تخصيصه بسهوله ,, لن اطيل عليكم سوف اترككم تتعرفون على بعض من مميزات هذا القالب
من لوحة التحكم > الصفحات > قم باضافة صفحه جديده ومن وضع ال html قم بلصق الكود التالي
قم باستبدال ما باللون
لتخصيص القائمه اعلى الهايدر : من لوحة تحكم مدونتك > القالب > قم بالبحث عن الكود التالي
قم بتغيير المسميات والروابط حسب رغبتك
مميزات القالب
- قالب انيق ومميز واحترافي
- يتميز القالب بقائمه منسدله احترافيه
- يتميز بخفة في التصفح
- يتميز القالب بواجهه رئيسيه على شكل سكريبت مجله الكترونيه
- اضافة الاشتراك في المواقع الاجتماعيه
- سلايدشو حصرية وخاصة بالقالب(سلايد شو احترافي)
- اضافة مشاركة المواضيع على الشبكات الاجتماعيه
- القالب متوافق مع جميع مقاسات الاجهزه الذكيه
- يتميز القالب باربع قوائم اسفل الفوتر
- إضافة اقرا المزيد
- يحتوي على خطوط ويب مميزه واحترافيه
- -يتميز القالب بدمج تعليقات الفيس بوك مع بلوجر
- متوافق مع اشهر المتصفحات
- القالب مزود بارشيف احترافي
- اضافة صفحة الخطا 404 بشكل انسيابي ومنسق
- سلايدر شو متجاوب
- وهناك الكثير من المميزات الاحترافيه الذي سوف ادعكم تكتشفونها بانفسكم
معاينة وتحميل القالب
كيفية تخصيص وتركيب القالب بطريقه سليمه
طريقة تركيب القالب سهله جدا كل ماعليك فعله هو رفع القالب على مدونتك وبعده قم بالدخول على تخطيط المدونه وستجد الادوات كما في الشكل التالي
كل ماعليك هو تحرير الادوات التي في التخطيط واضافة اسم قسم من اقسام مدونتك (تسميه من تسميات مدونتك ) الذي تريد عرضه داخل مستطيل الاداه (كل اداه على حده) كما في الشكل التالي
ثم قم بالنقر على حفظ هذا كل شي بالنسبه لاستدعاء المواضيع حسب اقسام المدونه
كيفية تخصيص الوان القالب
من مميزات هذا القالب انه يمكنك تغيير الوانه حسب رغبتك وتخصيصه حسب متطلبات المدونه ولعمل ذلك
من لوحة التحكم > القالب > تخصيص > ثم انقر على الخيار متقدم وتسظهر لك خيارت الالوان كما في الشكل التالي (ليس للمبتدئين)
ثم قم بتخصيص الالوان حسب رغبتك
اضافة صفحة الخطأ 404
قم بالدخول على لوحة تحكم مدونتك > اعدادات > تفضيلات البحث > ثم انقر على خيار (لم يتم العثور على الصفحة المخصصة)
ليفتح لك مستطيل قم بلصق الكود التالي داخله
<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"
,
// Container ID
activeTab: 1,
// The default active tab index (default: the first tab)
showDates:
false
,
// `true` to show the post date
showSummaries:
false
,
// `true` to show the posts summaries
numChars: 200,
// Number of summary chars
showThumbnails:
false
,
// `true` to show the posts thumbnails (Not recommended)
thumbSize: 40,
// Thumbnail size
noThumb:
"http://3.bp.blogspot.com/-vpCFysMEZys/UOEhSGjkfnI/AAAAAAAAFwY/h1wuA5kfEhg/s72-c/grey.png"
, // A
"no thumbnail"
URL
monthNames: [
// Array of month names
"January"
,
"February"
,
"March"
,
"April"
,
"May"
,
"June"
,
"July"
,
"August"
,
"September"
,
"October"
,
"November"
,
"December"
],
newTabLink:
true
,
// Open link in new window?
maxResults: 99999,
// Maximum post results
preload: 0,
// Load the feed after 0 seconds (option => time in milliseconds || "onload")
sortAlphabetically:
true
,
// `false` to sort posts by published date
showNew: 7,
// `false` to hide the "New!" mark in most recent posts, or define how many recent posts are to be marked
newText:
" - <em style='color:red;'>New!</em>"
// HTML for the "New!" text
};
</script>
<script src=
"https://googledrive.com/host/0B2H3MJwpj5ZVNkJwaVF3SEV4cjg/tabbed-toc.js"
type=
"text/javascript"
></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/AVvXsEjjZM22_mjTaxSl0WbdGuvShT9GkcvoVNsR9DGsD8PZ5IuM0B0jJKB-Y_2u1bOacPfyyb1AjQ27Do1T9OSJY3TNEn0Azm-n0T2H1ADfCx_QJL-99Ra-fuAXiJLp-CDRRlxJMGVZgbV6dlA/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/AVvXsEjpXNbJ1QXp9LXxPDnJKCC2g3q4EiQOVk9whP0bJOwx9uitFqndjpobuz_3-e6-yapHrhno4n3PP-fbl2Z_FPNWhjtmEkbpJ71MC0Z8A0zOZ5DC5aM8fWKyZCzz96e90_MSoYxtM28tlQE/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/AVvXsEg3MmptBVXVfXNbYh2QuxqYgC-I5i8pCidjePIujKDSgdRCQb2U86HcHyjtCyoQJWxlXCjARnFmmdBRHXAjMc9kq-g3eXw_9c6ZUMD5MUqdhjXgx1Aa8SoJ8cwoJoSOI8tnsJ1tyuQOFZc/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/AVvXsEho9ysat6-NeUoR6gSM6NalphwPgGfznnJCqUOyHhImdsBpkBM8tejE31mkJXld0LCZm-qBqoMW41KdHzLBEYdskgKy2dVYpg_PxMBbA9IZSzYhP9OY_5WODoUg3uY2pNKj34xWm9HAx0E/s300/399875.jpg'/></a>
<h2><a href='#'>هنا وصف قصير للصوره او الموضوع</a></h2>
</div></div></li></ul></nav>
قم بتغيير المسميات والروابط حسب رغبتك
الى هنا انتهى موضوع اليوم اتمنى ان يكون القالب قد نال استحسانكم .....
تحياتي العاطره للجيمع