الأثير

في مقالنا هذا سأستعرض لكم قالب بلوجر جديد و مميز و هو قالب نيو ويب
يتسم القالب بعدة امور و لعل من اهمها هي سرعته , و اناقته , وسهولة تخصيصه من حيث البناء و الألوان و غيره.

كما اسلفت بالذكر القالب انيق جدا واهم ما يميزه وجود سلايدر في الصفحة الرئيسية يستعرض المشاركات الشائعة , واسفله وجود ثلاثة أعمدة الاول للمقالات يبدأ بمقال مميز و اسفله تندرج مقالاتك الاخير و في العمود الاوسط يستعرض مقالات شائعة بنمط مميز و مثبت ايضا والعمود الاخير هو السايدبار حيث ادواتك و اضافاتك.

خصائص قالب نيو ويب	التحقق
ذو تصميم عصري وجذاب	نعم
متجاوب مع جميع الأجهزة	نعم
بنمط تخطيط Grid	نعم
صديق للهواتف	نعم
يحقق معايير السيو	نعم
تخصيص شبه كلي من تخطيط	نعم
قائمة علوية مثبتة	نعم
اماكن اعلانية مميزة	نعم
اعلان بوسط المقال	نعم
مقالات ذات صلة بوسط المقال	نعم
صفحة فهرس مميزة	نعم
فوتر بـ3 أعمدة	نعم
صندوق بحث	نعم
صفحة خطأ 404	نعم
ازرار المشاركة متجاوبة	نعم
مسار الصفحة (فتات الخبز)	نعم
مقالات ذات صلة	نعم
سايدبار منزلق	نعم
زر الصعود لأعلى	نعم
وغيره المزيد تجدونه بالمعاينة

لكي لا اطيل بالحديث تفضلو و عاينوه مباشرة

تخصيص قالب نيو ويب

التعديل على القائمة الرئيسية

اتجه الى المظهر ثم تحرير HTML , وقم بالبحث عن الكود التالي
<div class=’MenuList’>
و قم بالتعديل على الروابط و الكلمات اسفله

التعديل على القائمة الثانوية

اتجه الى المظهر ثم تحرير HTML , وقم بالبحث عن الكود التالي
<div class=’newwebNavigation’>
و قم بالتعديل على الروابط و الكلمات اسفله

اضافة الوحدات الاعلانيه و سلايدر المشاركات جميعها من تخطيط

اضافة التنبيهات داخل المقالات

عند كتابة اي مقال اتجه من وضع تأليف الى و ضع تحرير Html للمقال و الصق احد الاكواد التالية بالمكان الذي تريد.

<div class="box">افتراضي</div>

<div class="box green">اخضر</div>

<div class="box blue">ازرق</div>

<div class="box red">احمر</div>

<div class="box yellow">اصفر</div>

اضافة جدول

عند كتابة اي مقال اتجه من وضع تأليف الى و ضع تحرير Html للمقال و الصق االكود التالي بالمكان الذي تريد.

<table cellpadding="0" cellspacing="0" style="text-align: right;"><tbody>
<tr><th>قالب مساين</th><th>النسخة</th><th>السعر</th></tr>
<tr><td>قالب مساين</td><td>v3.00</td><td>$5.00 <a href="https://blog.itheric.com/" rel="nofollow" target="_blank">شراء</a></td></tr>
<tr><td>قالب مساين</td><td>v4.00</td><td>$5.40 <a href="https://blog.itheric.com/" rel="nofollow" target="_blank">شراء</a></td></tr>
<tr><td>قالب مساين</td><td>v2.00</td><td>$3.10 <a href="https://blog.itheric.com/" rel="nofollow" target="_blank">شراء</a></td></tr>
<tr><td>قالب مساين</td><td>v1.00</td><td>$2.99 <a href="https://blog.itheric.com/" rel="nofollow" target="_blank">شراء</a></td></tr>
<tr><td>قالب مساين</td><td>v2.9</td><td>$3.50 <a href="https://blog.itheric.com/" rel="nofollow" target="_blank">شراء</a></td></tr>
<tr><td>قالب مساين</td><td>v4.1</td><td>$6.99 <a href="https://blog.itheric.com/" rel="nofollow" target="_blank">شراء</a></td></tr>
<tr><td>قالب مساين</td><td>v1.5</td><td>$1.99 <a href="https://blog.itheric.com/" rel="nofollow" target="_blank">شراء</a></td></tr>
<tr><td>قالب مساين</td><td>v2.1</td><td>$4.99 <a href="https://blog.itheric.com/" rel="nofollow" target="_blank">شراء</a></td></tr>
<tr><td>قالب مساين</td><td>v3.15</td><td>$7.99 <a href="https://blog.itheric.com/" rel="nofollow" target="_blank">شراء</a></td></tr>
<tr><td>قالب مساين</td><td>v1.00</td><td>$9.99</td></tr>
<tr><td>قالب مساين</td><td>v0.00</td><td>$0.99</td></tr>
</tbody></table>

اضافة صندوق الاكواد

عند كتابة اي مقال اتجه من وضع تأليف الى و ضع تحرير Html للمقال و الصق االكود التالي بالمكان الذي تريد.

<pre><code>
.....................
</code></pre>

إضافة فيديو متجاوب مع جميع الشاشات

عند كتابة اي مقال اتجه من وضع تأليف الى و ضع تحرير Html للمقال و الصق االكود التالي بالمكان الذي تريد.
مع استبدال fA9zURwPEr0 بمعرف المقطع على يوتيوب

<div class="media">
<iframe allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" src="https://www.youtube.com/embed/fA9zURwPEr0"></iframe></div>

إضافة الأزرار

عند كتابة اي مقال اتجه من وضع تأليف الى و ضع تحرير Html للمقال و الصق احد الأكواد التالي بالمكان الذي تريد.

<a href="https://www.google.com/"><button>مثال</button></a>

<a href="https://www.google.com/"><button class="download">تحميل</button></a>

<a href="https://www.google.com"><button class="demo">معاينة</button></a>

الى هنا اكون قد انتهيت من تقديم القالب و شرح اضافاته وآمل ان اكون قد وفقت بذلك
القاكم بمقال اخر