فيلكر

قالب بلوجر معرب لمدونة اوبنتو العرب



مميزات القالب
    1. قالب انيق ومميز واحترافي
    2. يتميز بخفة في التصفح
    3. يتميز القالب بواجهه رئيسيه جميله
    4. اضافة الاشتراك في المواقع الاجتماعيه
    5. سلايدشو حصرية (سلايد شو احترافي)
    6. اضافة مشاركة المواضيع على الشبكات الاجتماعيه
    7. القالب متوافق مع جميع مقاسات الاجهزه الذكيه
    8. إضافة اقرا المزيد
    9. يحتوي على خطوط ويب مميزه واحترافيه
    10. -يتميز القالب بدمج تعليقات الفيس بوك مع بلوجر
    11. متوافق مع اشهر المتصفحات
    12. وهناك الكثير من المميزات الاحترافيه الذي سوف ادعكم تكتشفونها بانفسكم

معاينة وتحميل القالب
۞ معاينة القالب ◄ ۞ تحميل القالب ▼

Read more »
التسميات:

حصريا افضل قالب مجله على منصة بلوجر لعام 2014 " قالب ميجا ماج "



مميزات القالب
    1. قالب انيق ومميز واحترافي
    2. يتميز القالب بقائمه منسدله احترافيه
    3. يتميز بخفة في التصفح
    4. يتميز القالب بواجهه رئيسيه على شكل سكريبت مجله الكترونيه
    5. اضافة الاشتراك في المواقع الاجتماعيه
    6. سلايدشو حصرية وخاصة بالقالب(سلايد شو احترافي)
    7. اضافة مشاركة المواضيع على الشبكات الاجتماعيه
    8. القالب متوافق مع جميع مقاسات الاجهزه الذكيه
    9. يتميز القالب باربع قوائم اسفل الفوتر
    10. إضافة اقرا المزيد
    11. يحتوي على خطوط ويب مميزه واحترافيه
    12. -يتميز القالب بدمج تعليقات الفيس بوك مع بلوجر
    13. متوافق مع اشهر المتصفحات
    14. القالب مزود بارشيف احترافي
    15. اضافة صفحة الخطا 404 بشكل انسيابي ومنسق
    16. سلايدر شو متجاوب
    17. وهناك الكثير من المميزات الاحترافيه الذي سوف ادعكم تكتشفونها بانفسكم

معاينة وتحميل القالب
۞ معاينة القالب ◄ ۞ تحميل القالب ▼
كيفية تخصيص وتركيب القالب بطريقه سليمه
طريقة تركيب القالب سهله جدا كل ماعليك فعله هو رفع القالب على مدونتك وبعده قم بالدخول على تخطيط المدونه وستجد الادوات كما في الشكل التالي
كل ماعليك هو تحرير الادوات التي في التخطيط واضافة اسم قسم من اقسام مدونتك (تسميه من تسميات مدونتك ) الذي تريد عرضه داخل مستطيل الاداه (كل اداه على حده) كما في الشكل التالي



ثم قم بالنقر على حفظ هذا كل شي بالنسبه لاستدعاء المواضيع حسب اقسام المدونه


كيفية تخصيص الوان القالب


من مميزات هذا القالب انه يمكنك تغيير الوانه حسب رغبتك وتخصيصه حسب متطلبات المدونه ولعمل ذلك
من لوحة التحكم > القالب > تخصيص > ثم انقر على الخيار متقدم وتسظهر لك خيارت الالوان كما في الشكل التالي (ليس للمبتدئين)



 ثم قم بتخصيص الالوان حسب رغبتك


اضافة صفحة الخطأ 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 = {
    blogUrl: "http://alb33dani.blogspot.com/", //
    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/AVvXsEiNDtV5-qFqC4JZcvR4W_3-g5LTgx5CRZF5vdk9oU3QCXcjoB0qoozfjVhle9eoNxF13Roal1MIx5kUejJqUBS-6klPBKlitlnF0tkcKkh-Ew4i1_jlePo634w0_ToqBIwtiu4rD1QbjW0/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/AVvXsEg3TCjZuMvcaVuzFtX3OeWgp70gMbohWuxGT_aAN7NrBgrERH01INaRu4pvfdLbcfTCqvE9fm6HwYY5FhYIAnW32BT2BZuw-NkMLqBPp-CY2phXmOpWjCF7C9SSBw-XkaqhNWoKZE5_mz0/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/AVvXsEgWPprN1VHRnEAPDgrcMG0us0FtmyjAZQLbxPhZcpKWUGf2Lh5rTsD7mWgf0hyphenhyphenB_kxOmjrmo-qbToYPcvzxpGTWyhj-Sej-6ibqk0_-WD1C6Yd5_Vhk5t3xPzk2ogFzZ0sz_c87lNUEDVQ/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/AVvXsEiixP19Dw3H9E9XYVPLgT0SN6cvyaVTZFApgmLmPdE5CZ-CWmLdZT5tACbJMWf8RhImIR_kEzRtDbNCkMyhr6327O2oGb1E4wWJia2e693NkE6NdIh5gJBgos9AGSzt8fR7ER49n9Bb1uE/s300/399875.jpg'/></a>
<h2><a href='#'>هنا وصف قصير للصوره او الموضوع</a></h2>
</div></div></li></ul>   
</nav>

قم بتغيير المسميات والروابط  حسب رغبتك


الى هنا انتهى موضوع اليوم  اتمنى ان يكون القالب قد نال استحسانكم .....


تحياتي العاطره للجيمع

المقاله منقوله من مدونة البعدانى
Read more »
التسميات:

روابط