السلام عليكم أعزائي ومتابعي مدونة بلوغر بالعربي حيث سوف نتطرق اليوم في تقديم قالب فريد من نوعة وهو قالب N Light
المعرب من طرف موقع بلوغر بالعربي والذي يمتاز بسرعة فائقة في التصفح وكذلك متوافق مع أعلانات أدسنس.
طريقة تثبيت القالب
1-توجة الى لوحة التحكم في بلوجر
2-أنقر على المزيد من الخيارات المنسدلة وأختر القالب
3-أنقر على النسخ الأحتياطي/ استعادة في الجهة اليمنى
4-أنقر على تنزيل القالب كامل وقم بعمل نسخة أحتياطية للقالب القديم لكي تتجنب الأخطاء الغير محتملة
5-قم بنسخ جميع محتويات القالب الجديد(N Light)وقم بلصقة في محرر HTML من خلال التوجة الى المظهر الموجودة في لوحة التحكم الخاصة ببلوجر
6-قم بعملية حفظ القالب
طريقة تخصيص القالب
1-قم بالبحث عن الكود التالي والذي سوف تجدة على هذه الشكل وقم بتغيير مايناسبك من الروابط
<nav id='navigation-hype' itemscope='itemscope' itemtype='http://schema.org/SiteNavigationElement'>
<div class='maxwrap'>
<input type='checkbox'><i aria-hidden='true' class='fa fa-th-list'/> القائمة</input>
<ul>
<li class='indie'><a expr:href='data:blog.homepageUrl' itemprop='url'><span itemprop='name'><i class='fa fa-home'/> الرئيسية</span></a></li>
<li><a href='#' itemprop='url'><span itemprop='name'>قائمة منسدلة <i class='fa fa-caret-down fa-fw'/></span></a>
<ul>
<li><a href='#' itemprop='url'><span itemprop='name'>تعديل</span></a></li>
<li><a href='/p/contact-form.html' itemprop='url'><span itemprop='name'>تعديل</span></a></li>
<li><a href='#' itemprop='url'><span itemprop='name'>تعديل</span></a></li>
<li><a href='#' itemprop='url'><span itemprop='name'>تعديل</span></a></li>
<li><a href='/p/html-converter.html' itemprop='url'><span itemprop='name'>تعديل</span></a></li>
<li><a href='#' itemprop='url'><span itemprop='name'>تعديل</span></a></li>
<li><a href='/p/sitemap.html' itemprop='url'><span itemprop='name'>تعديل</span></a></li>
<li><a href='/p/static-page.html' itemprop='url'><span itemprop='name'>تعديل</span></a></li>
<li><a href='/404' itemprop='url'><span itemprop='name'>404</span></a></li>
</ul>
</li>
<li><a href='#' itemprop='url'><span itemprop='name'>القسم</span></a></li>
<li><a href='#' itemprop='url'><span itemprop='name'>القسم</span></a></li>
<li><a href='#' itemprop='url'><span itemprop='name'>القسم</span></a></li>
<li><a href='#' itemprop='url'><span itemprop='name'>القسم</span></a></li>
<li class='ranpost'><a onclick='feelingLucky();' title='Random Post'>القسم</a></li>
</ul>
</div>
</nav>
</div>
</div>
<div class='clear'/>2-أما طريقة تخصيص القائمة العلوية وقائمة التواصل الأجتماعي كل ماعليك فعلة هو البحث عن الأكواد التالية وقم بتغيير ماتريدة:
<div class='page_menu_wrapper'>
<div class='maxwrap'>
<nav class='page-menu' itemscope='itemscope' itemtype='http://schema.org/SiteNavigationElement' role='navigation'>
<ul>
<li><a href='#' itemprop='url' title='About'><i class='fa fa-user'/> <span itemprop='name'>حول</span></a></li>
<li><a href='/p/contact-form.html' itemprop='url' title='Contact'><i class='fa fa-envelope'/> <span itemprop='name'>راسلنا</span></a></li>
<li><a href='#' itemprop='url' title='Privacy'><i class='fa fa-info-circle'/> <span itemprop='name'>الخصوصية</span></a></li>
<li><a href='/p/sitemap.html' itemprop='url' title='Sitemap'><i class='fa fa-bars'/> <span itemprop='name'>الفهرس</span></a></li>
</ul>
<div class='clear'/>
</nav>
<div class='sosial-atas'>
<li class='menu-item'>
<a href='#' rel='nofollow' target='_blank' title='Follow Our Facebook'><i class='fa fa-facebook'/></a>
</li>
<li class='menu-item'>
<a href='#' rel='nofollow' target='_blank' title='Follow Our Twitter'><i class='fa fa-twitter'/></a>
</li>
<li class='menu-item'>
<a href='#' rel='nofollow' target='_blank' title='Follow Our Google+'><i class='fa fa-google-plus'/></a>
</li>
<li class='menu-item'>
<a href='#' rel='nofollow' target='_blank' title='Follow Our Youtube Channel'><i class='fa fa-youtube-play'/></a>
</li>
<li class='menu-item'>
<a href='#' rel='nofollow' target='_blank' title='Follow Our Instagram'><i class='fa fa-instagram'/></a>
</li>
<li class='menu-item'>
<a href='#' rel='nofollow' target='_blank' title='Follow Our Linkedin'><i class='fa fa-linkedin'/></a>
</li>
<li class='menu-item'>
<a href='#' rel='nofollow' target='_blank' title='Contact Our Admin'><i class='fa fa-phone'/> +1234567-891011</a>
</li>
<li class='menu-item'>
<a href='https://www.blogger.com/follow-blog.g?blogID=6355813876215224659' rel='nofollow' target='_blank'><i class='fa fa-user'/>أنضم ألينا</a>
</li>
</div>
<div class='search-box'>
<form action='/search' id='searchform' method='get'>
<input id='search-form' name='q' placeholder='Cari artikel' type='text'/>
<span class='search-button'><i class='fa fa-search'/></span>
</form>
</div>
<div class='clear'/>3-في حال أرت زيادة أونقصان عدد المواضيع في الصفحة الرئيسية قم بالبحث عن الكود التالي وغير مايناسبك
var postperpage=6;var numshowpage=3;var upPageWord ='السابق';var downPageWord ='التالي';var urlactivepage=location.href;var home_page="/";4-قم بالبحث عن الكود التالي وقم بوضع روابطك الأجتماعية الخاصة الخاص بصندوق الكاتب
<div class='authorboxwrap'>
<div class='authorboxfull'>
<div class='avatar-container'>
<a href=''>
<img class='author_avatar' expr:alt='data:post.author' expr:src='data:post.authorPhoto.url' expr:title='data:post.author' height='90' width='90'/>
</a>
</div>
<div class='author_description_container'>
<h4><a href='#' rel='author'><data:post.author/></a> <i class='fa fa-check-circle' style='color:rgb(17,143,249);font-size:14px;' title='Verified Author'/></h4>
<p>
<data:post.authorAboutMe/>
</p>
<div class='social-links'>
<li><a class='external external-link' href='#' rel='nofollow' target='_blank'><i class='fa fa-facebook'/></a></li>
<li><a class='external external-link' href='#' rel='nofollow' target='_blank'><i class='fa fa-twitter'/></a></li>
<li><a class='external external-link' href='#' rel='nofollow' target='_blank'><i class='fa fa-google-plus'/></a></li>
<div class='clear'/>
</div>
</div>
</div>
</div>
<div class='clear'/>وفي مسك الختام أتمنى أن ينال الموضوع أعجابكم ولاتنس المشاركة والتعليق لكي تدعمنا أكثر
0 تعليق
إرسال تعليق