قالب نيو ويب – قالب بلوجر احترافي و أنيق

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

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


خصائص قالب نيو ويبالتحقق
ذو تصميم عصري وجذابنعم
متجاوب مع جميع الأجهزةنعم
بنمط تخطيط 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>
الى هنا اكون قد انتهيت من تقديم القالب و شرح اضافاته وآمل ان اكون قد وفقت بذلك
القاكم بمقال اخر



المصادر : 1