06‏/08‏/2020

قالبFlatBlog معرب


FlatBlog هوقالب ذو مظهر متميز وإحترافي لمدونات البلوجر سريع الأرشفة وقابل للتعديل يعد من قوالب الجيل الجديد التي تلقى ترحيبا لدى الشركات الإعلانية وجل المتعاملين و الوكلاء.

FlatBlog Blogger Template 

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

القالب سريع الأرشفة و التصفح بضمانة عملاق القوالب SoraTemplates ، إضافة على احتوائه مختلف الوسائل لعرض المقالات و آخر المواضيع ، كما يتميز بأدوات الأقسام الرئيسية .

لماذا يجب أن أحمل القالب من قواعد:

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

تتميز قوالبنا أنها لا تحمل أي سكربتات تحفظ حقوق التعريب أو التعديل  للمدونة هذا ما يدل على ثقتنا فيكم متابعين مدونة قواعد الأوفياء و أي كود موجود على المدونة يبقى مفتوح المصدر لأن هذا من مبادئ مدونتنا التي لا تقبل التغيير أو المساومة إلا في ظروف قاهرة.

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

نمتنى أن لا يتم نسب جهودنا المبذولة في تعريب و تصميم و تعديل القوالب إلا لغير مالكيها الأصليين .مميزات القالب:

ميزات القالب:

يتمتع القالب بميزات عديدة من بينها :

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


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

أكواد قصيرة للقالب:

جدول:

إنتقل إلى تحرير HTML في المقالة و أضف الكود التالي:

<div class="post-table">
<table>
    <thead>
<tr>
        <th>First Name</th>
        <th>Last Name</th>
        <th>Hero Title</th>
      </tr>
</thead>
    <tbody>
<tr>
        <td data-label="First Name">Bruce</td>
        <td data-label="Last Name">Wayne</td>
        <td data-label="Hero Title">Batman</td>
      </tr>
<tr>
        <td data-label="First Name">Peter</td>
        <td data-label="Last Name">Parker</td>
        <td data-label="Hero Title">Spiderman</td>
      </tr>
<tr>
        <td data-label="First Name">Bruce</td>
        <td data-label="Last Name">Banner</td>
        <td data-label="Hero Title">The Hulk</td>
      </tr>
<tr>
        <td data-label="First Name">Clark</td>
        <td data-label="Last Name">Kent</td>
        <td data-label="Hero Title">Superman</td>
      </tr>
</tbody>
</table>
</div>

أزرار:

<div class="small-button">
<a class="button small demo" href="https://www.blogger.com">Demo Button</a>
<a class="button medium demo" href="https://www.blogger.com">Demo Button</a>
<a class="button large demo" href="https://www.blogger.com">Demo Button</a>
                <br />
<div class="clear">
</div>
<a class="button small download" href="https://www.blogger.com">Download Button</a>
<a class="button medium download" href="https://www.blogger.com">Download Button</a>
<a class="button large download" href="https://www.blogger.com">Download Button</a>
                <br />
<div class="clear">
</div>
<a class="button small buy" href="https://www.blogger.com">Buy Now Button</a>
<a class="button medium buy" href="https://www.blogger.com">Buy Now Button</a>
<a class="button large buy" href="https://www.blogger.com">Buy Now Button</a>
                <br />
<div class="clear">
</div>
<a class="button small visit" href="https://www.blogger.com">Visit a Link Button</a>
<a class="button medium visit" href="https://www.blogger.com">Visit a Link Button</a>
<a class="button large visit" href="https://www.blogger.com">Visit a Link Button</a>
</div>

إضافة كود:

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


صفحة الإتصال:

<div class="contact-form">
<div class="contact section" id="contact" style="display: block;">
<div class="widget ContactForm" id="ContactForm1">
<div class="contact-form-widget">
<div class="form">
<form name="contact-form">
<input class="contact-form-name" id="ContactForm1_contact-form-name" name="name" size="30" type="text" value="" />
                                <input class="contact-form-email" id="ContactForm1_contact-form-email" name="email" size="30" type="text" value="" />
                                <textarea class="contact-form-email-message" cols="25" id="ContactForm1_contact-form-email-message" name="email-message" rows="5"></textarea>
                                <input class="contact-form-button contact-form-button-submit" id="ContactForm1_contact-form-submit" type="button" value="Send" />
                                <br />
<div style="text-align: center; width: 100%;">
<div class="contact-form-error-message" id="ContactForm1_contact-form-error-message">
</div>
<div class="contact-form-success-message" id="ContactForm1_contact-form-success-message">
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
قم بتحميل القالب مجانا الآن

معاينة مباشرة
للمزيد من المعلومات:

إذا أعجبك القالب إبقى على إطلاع فنحن نعمل على العديد من القوالب المميزة والتي ستسركم جدا .

أخيرا ، نتمنى أن نكون عند حسن ظنكم بنا نلتقي في المقال المقبل و في موضوع جديد .



إسمي إسلام مطور ويب في قواعد-Qawa3id مهتم بالبرمجة و التدوين وتحسين واجهة المستخدم

لاستخدام الرموز التعبيرية قم بنسخ الرمز الذي تريده وألصقه في صندوق التعليقات