عرض المواضيع حسب الاقسام وهو على شكل مجله تقنيه احترافيه جدا , ما دفعني لتعريب هذا القالب هو ان الكثير من المدونين يصعب عليهم تعريب مثل هذه القوالب لانه يعتمد كليا على لغة الجي كويري والتي بدورها تفقد بعض خواصها عن التعريب الخاطئ , ولكن بحمد الله قمت بتعريب هذا القالب بدقه واتقان بحيث انه لم يفقد اي من خواصه الاحترافيه , القالب مميز واحترافي ويدعم تعدد الالوان ويمكن تخصيصه بسهوله ,, لن اطيل عليكم سوف اترككم تتعرفون على بعض من مميزات هذا القالب
- قالب انيق ومميز واحترافي
- يتميز القالب بقائمه منسدله احترافيه
- يتميز بخفة في التصفح
- يتميز القالب بواجهه رئيسيه على شكل سكريبت مجله الكترونيه
- اضافة الاشتراك في المواقع الاجتماعيه
- سلايدشو حصرية وخاصة بالقالب(سلايد شو احترافي)
- اضافة مشاركة المواضيع على الشبكات الاجتماعيه
- القالب متوافق مع جميع مقاسات الاجهزه الذكيه
- يتميز القالب باربع قوائم اسفل الفوتر
- إضافة اقرا المزيد
- يحتوي على خطوط ويب مميزه واحترافيه
- -يتميز القالب بدمج تعليقات الفيس بوك مع بلوجر
- متوافق مع اشهر المتصفحات
- القالب مزود بارشيف احترافي
- اضافة صفحة الخطا 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"
,
activeTab: 1,
showDates:
false
,
showSummaries:
false
,
numChars: 200,
showThumbnails:
false
,
thumbSize: 40,
noThumb:
"http://3.bp.blogspot.com/-vpCFysMEZys/UOEhSGjkfnI/AAAAAAAAFwY/h1wuA5kfEhg/s72-c/grey.png"
, // A
"no thumbnail"
URL
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>
<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/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>
قم بتغيير المسميات والروابط حسب رغبتك