افضل اسكربت مجله على منصه بلوجر|nader diab

حصريا افضل سكربت مجله على منصة بلوجر لعام 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/AVvXsEg_nj88uzlHDGlTFJPi3PCRbIh5CXuom99cUJ8u7u5Ss7gbHZmPmCvqGm_oP2vxpk4CG8B1MDwvcvfcESsfzt0FTbNWXkSyEI1M9xEvC1Lwm_RWVBm4LFysS20vxsmlmTYTVXIBAT6iW2w/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/AVvXsEiJiXsD3GHhkK-lfgiY2GzJ6arA3qgGXidOc0JAOaNZjN-92h5fs3UwUkF5DNe1kUk3TqMBPL_4LgKnYZkWmoax8v-hZpe5IrTIVkLoExWlzBkcfED90QFhJGQyVWV_ilF0QaCMDWZFXC8/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/AVvXsEjR3yjFwUiOOEgI53qAhTEQYNaJbXKvNlNfvpAGgi-yAvh0EhyVrIBKnM0BqN_E96Axu16lDXu9Vm1U7bEO1XZ43AGnloSs_DluR7PtnLFpHquUY2rZBJ-19pIVp3ThD2Lt8wEgVAoTw0s/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/AVvXsEgkcqBItSmy2Mxaa948EnpVDmw_wU5I4WojAvrLwer-3NfdYvRLdHSeF7DHdzj73j9GAV-qyscFPfkM_sdKnwoN9O9jXyybgFXfiGxYtpjIFk9agyuonJ-HhyuHIvX-7uDyf8EpRqYgmbk/s300/399875.jpg'/></a> <h2><a href='#'>هنا وصف قصير للصوره او الموضوع</a></h2> </div></div></li></ul>

</nav>

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

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

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

افضل اسكربت مجله على منصه بلوجر

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

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

بقلم المهندس نادر دياب هندسه شبكات الجنسيه مصرى انا مهتم بكل ما هو جديد فى عالم التكنولوجيا والبرمجيات وعالم التدوين

مواضيع ذات صله

0 التعليقات: