تعديل قالب إن لايت

إن لايت هو قالب بلوجر متجاوب فى التصميم ومناسب لجميع المدونات. تم تصميمه بالوان بسيطة، شكل القالب متناسق وحديث، سريع و سيو امثل وتم انشائه باستخدام بعض المواضيع الشائعة فى التصميم

التركيب

1. الدخول الى لوحة تحكم بلوجر ، قالب > تحرير القالب
2. قم بتنزيل القالب القديم الخاص بك اذا اردت استخدامه مرة اخرى. للقيام بذلك، اضغط على "تنزيل القالب" واحفظ القالب
3. تريد رفع القالب الذى حملته بصيغة XML اضغط على "رفع"

تعديلات القالب

القائمة

لوحة التحكم > قالب > تحرير القالب

ابحث واستبدل كافة الاكواد من # الى روابطك الخاصة

<nav id='lightnavigation' itemscope='itemscope' itemtype='http://schema.org/SiteNavigationElement'>
<div class='maxwrap'>
  <input type='checkbox'>&#9776; القائمة</input>
<ul>
<li class='indie'><a expr:href='data:blog.homepageUrl' itemprop='url'><span itemprop='name'>الرئيسية</span></a></li>
<li><a href='#' itemprop='url'><span itemprop='name'>المدونة</span></a>
<ul>
<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><a href='#' itemprop='url'><span itemprop='name'>الفهرس</span></a></li>
<li><a href='#' itemprop='url'><span itemprop='name'>اتفاقية الاستخدام</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><a href='#' itemprop='url'><span itemprop='name'>نصائح للمدونين</span></a></li>
</ul>
</div>
</nav>

سيو ميتا تاج

افتح بلوجر, قالب, "تحرير HTML"

بحث واستبدال xxxxx بوصف مدونتك (اذا لم تحتاجه ، احذفه).

<meta content='xxxxx' name='keywords'/>
<link href='https://plus.google.com/xxxxx/posts' rel='publisher'/>
<link href='https://plus.google.com/xxxxx/about' rel='author'/>
<link href='https://plus.google.com/xxxxx' rel='me'/>
<meta content='xxxxx' name='google-site-verification'/>
<meta content='xxxxx' name='msvalidate.01'/>
<meta content='xxxxx' name='alexaVerifyID'/>
<meta content='xxxxx' name='Author'/>
<meta content='xxxxx' property='og:description'/>
<meta content='xxxxx' property='fb:app_id'/>
<meta content='xxxxx' property='fb:admins'/>
<meta content='xxxxx' name='twitter:site'/>
<meta content='xxxxx' name='twitter:creator'/>

الاعلانات داخل المواضيع

بحث واستبدال الكود التالى

<!-- كود اعلان ادسنس -->

عندما تضع شفرة الاعلان الخاصة بك:

يجب عليك ضغطه من صفحة محول الاكواد.

<div style="display:block;text-align:center;margin:20px auto;">
<!-- كود اعلان ادسنس -->
&lt;/div&gt;

اداة التواصل فى السايدبار

ابحث واستبدل عن جميع الروابط وغيرها بروابط مدونتك على مواقع التواصل الاجتماعى

<div class='sidebar_about_author'>
<div class='inner_wrapper'>
<div class='lightsosmed-img'>
<img alt='N Light' class='img-responsive' height='180' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOGK7ETfUNq2XAiW20ISRqFbzkC0jrkDWS1k7zyKTSon_TQIsk0xJyTSqQ-pxFU-7kVtZk_GpMA6nvaRkmY5DI_nITw76CQQCVyDH7by7Zjxg7sGljlkjeEDW7XtFzJdLaRB26xcFf2Q0y/s1600/Info+Arlina.jpg' title='N Light' width='300'/>
<div class='aboutfloat-img'><span class='lightsosmed-float'><a href='#' rel='nofollow' target='_blank' title='انضم لموقعنا'><i class='fa fa-user'></i> انضم لموقعنا</a></span></div>
</div>
</div>
<div class='lightsosmed-info'>
<h4><span>إن لايت</span></h4>
<p>إن لايت قالب بلوجر متجاوب</p>
</div>
<div class='lightsosmed-wrpicon'>
<ul class='extender'>
<li class='lightsosmed-icon fbl'><a href='#' target='_blank' title='تابعنا على الفيسبوك'><i class='fa fa-facebook fa-fw'></i> صفحتنا</a></li>
<li class='lightsosmed-icon twitt'><a href='#' target='_blank' title='تابعنا على تويتر'><i class='fa fa-twitter fa-fw'></i> تابعنا</a></li>
<li class='lightsosmed-icon crcl'><a href='#' target='_blank' title='تابعنا على جوجل'><i class='fa fa-google-plus fa-fw'></i> جوجل</a></li>
</ul>
</div>
</div>
</div>

الروابط فى الفوتر

ابحث واستبدل # بروابط صفحات مدونتك

<footer id='footer-wrapper' itemscope='itemscope' itemtype='http://schema.org/WPFooter' role='contentinfo'>
<div id='footme'>
<div class='footmekanan'>
<a href='#' title='من نحن'>من نحن</a> | 
<a href='#' title='اتصل بنا'>اتصل بنا</a> |
<a href='#' title='اخلاء المسؤلية'>اخلاء المسئولية</a> | 
<a href='#' title='سياسة الخصوصية'>سياسة الخصوصية</a> | 
<a href='#' title='الفهرس'>الفهرس</a>
<div class='clear'></div>
جميع الحقوق محفوظة <a href='http://n-lite-al.blogspot.com.eg/' itemprop='creator' itemscope='itemscope' itemtype='http://schema.org/Person'><span itemprop='name'>إن لايت</span></a> &#169; <span id='current-year'></span> | 
<span id='lightcredit'><a href='http://www.al7ot-web.info' target='_blank' title='تعريب مدونة الحوت ويب'>الحوت ويب</a></span> | <a href='https://www.blogger.com' rel='nofollow' target='_blank' title='مدعوم بواسطة بلوجر'>بلوجر</a>
</div>
<div class='footmekiri'>
<div class='medsosbawah'>
<a class='facebook' href='#' rel='nofollow' target='_blank'><i class='fa fa-facebook'></i></a>
<a class='twitter' href='#' rel='nofollow' target='_blank'><i class='fa fa-twitter'></i></a>
<a class='googleplus' href='#' rel='nofollow' target='_blank'><i class='fa fa-google-plus'></i></a>
<a class='rssfeed' href='#' rel='nofollow' target='_blank'><i class='fa fa-rss'></i></a>
</div>
</div>
</div>
</footer>

ترقيم الصفحات

ابحث عن postperpage=5 واستبدل 5 بعدد المواضيع فى كل صفحة

var postperpage=5;var numshowpage=3;var upPageWord ='Prev';var downPageWord ='Next';var urlactivepage=location.href;var home_page="/";

السلايدر الثابت

لحذف المشاركات التي تظهر على الصفحة الرئيسية، ما عليك سوى فتح تحرير القالب وابحث عن الكود التالى واحذفه.

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<div class='ct-wrapper' id='featured-posts-section'>
<div class='featured-post padding clearfix'>        
<script type='text/javaScript'>
document.write(&quot;&lt;script src=\&quot;/feeds/posts/default/?max-results=&quot;+featured_numposts+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=sliderposts\&quot;&gt;&lt;\/script&gt;&quot;);
</script>                                                                                                                                
</div>
</div>
</b:if>

صناديق الاكواد

لوضع اكواد فى المشاركات ، ضع الكود داخل <pre><code></code></pre> يمكنك اضافة اكواد HTML, CSS, JavaScript, jQuery

قبل اضافتها يجب عليك ضغط الكود من صفحة محول الاكواد.

<pre><code>
- - - ضع الكود هنا - - -
</code></pre>

تجاوب فيديو اليوتيوب

استخدم الكود التالى لجعل فيديو اليوتيوب متجاوب

<div class="videoyoutube">
<div class="video-responsive">
<div class="video-youtube loader" data-src="//www.youtube.com/embed/L3T9tupOab8">
</div>
</div>
</div>

استبدل الرابط السابق برابط الفيديو

مثال على تجاوب الفيديو

الاكواد الصغيرة

اول حرف فى الموضوع

<span class="first-letter">اول حرف فى الموضوع هنا</span>

الازرار

<div style="text-align: center;">
<ul class="button">
<li><a class="demo" href="#" target="_blank">معاينة</a></li>
<li><a class="download" href= #" target="_blank">تحميل</a></li>
</ul>
</div>
<div class="clear"></div>

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