تخصيص القالب و الاكواد القصيره

تخصيص القالب و الاكواد القصيره 

من التخطيط او التنسيق قسم خيارات القالب

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



ثاني خانة هي لإختيار نظام التعليقات يمكنك إدخال في الجدول {blogger, disqus, facebook او لإخفاء التعليقات ادخل hide}



ثالث خانة لإيقاف الشريط الجانبي المتحرك أدخل false وللتفعيل ادخل true

الخانة الثالثة هي لعدد الصفحات المطلوب عرضها في الرئئيسية

أخر التعليقات

من الشريط الجانبي للمدونة لتشغيل احدث التعليقات أنتقل من لوحة التحكم --> التخطيط ثم قم بتحرير اداة "احدث التعليقات" وأدخل الكود التالي داخل الأداة ثم انقر على حفظ <span class="latestcomments" data-no="5"></span>

وضع روابط  التواصل الإجتماعية :

من التخطيط انقر على تحرير في منطقة "Top Social Widget" وأدخل روابط صفحاتك الإجتماعية  لتظهر في الأعلى بإمكانك إختيار من هذه المواقع ولعرض الايقونة لكل موقع أدخل في عنوان الرابط التسميات: { facebook, twitter, gplus, rss, youtube, skype, stumbleupon, tumblr, vine, stack-overflow, linkedin, dribbble, soundcloud, behance, digg, instagram, pinterest, delicious, codepen}

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

يمكنك تعديل القوائم المنسدلة بربطها بأقسام مدونتك من خلال التخطيط ثم اختر القائمة التي تريد تعديلها "القائمة" لإضافة اقسام جديدة للقائمة الرئيسية أنظر للشكل أدناه

لإضافة قائمة منسدلة اضف أولاً القوائم الفرعية مسبوقة برمز _ بالشكل التالي ثم أضف عنوان القائمة المنسدلة

قائمة رئيسية

_قائمة فرعية 1

_قائمة فرعية 2

_قائمة فرعية 3

_قائمة منسدلة فرعية

__منسدلة فرعية 1

__منسدلة فرعية 2

قائمة رئيسية 2

قائمة رئيسية 3

مشاركات بحسب التسمية :

لإضافة مشاركات بحسب التسمية أسفل المدونة من  لوحة التحكم --> التخطيط "مشاركات بحسب التسمية" حرر أداة "مشاركات تسمية 2" وأدخل الكود <span class="tagpost" data-label="أدخل التصنيف هنا" data-no="5"></span>

ثم انقر على حفظ

أحدث مشاركات

لإضافة أحدث المشاركات حرر اداة اخر المشاركات أسفل المدونة من لوحة التحكم --> التخطيط "اخر المشاركات" ثم أدخل الكود التالي داخل الاداة <span class="latestposts" data-no="5"></span>

صفحة إعجاب فيسبوك

من الشريط الجانبي للمدونة لإضافة صفحة إعجاب فيسبوك من لوحة التحكم --> التخطيط ثم انقر على تحرير "فيسبوك" ثم ادخل الكود التالي داخل الأداة ثم انقر على حفظ:

<center><div class="fb-page" data-href="https://www.facebook.com/mrblogger3" data-width="360" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true"></div></center>

ضع معرف مدونتك بدلًا من mrblogger3

الدروب كابس

قم بالوصول إلى المشاركه المرغوبه> ثم قم بالتبديل إلى منطقة HTML الخاصة بمحرر المنشورات وأضف الترميز تحته بالحرف الأول.

<span class="firstcharacter">L</span>

يمكم تغير حرف  L الي اي حرف

لاضافه جدول:

قم بوضع هذا الكود داخل المشاركه في 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>

الازرار

الارزار البسيطه

<a class="button small" href="https://www.blogger.com">Button Small</a>

<a class="button medium" href="https://www.blogger.com">Button Medium</a>

<a class="button large" href="https://www.blogger.com">Button Large</a>

أزرار بأيقونات :

ازرار المعاينه

<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>

ازرار التحميل

<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>

ازرار الشراء

<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>

ازار الذهاب اللي الينكات

<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 class="alert-message success">

<i class="fa fa-check-circle"></i> success message You successfully read this important message.</div>

<div class="alert-message alert">

<i class="fa fa-info-circle"></i> Alert message This alert needs your attention.</div>

<div class="alert-message warning">

<i class="fa fa-exclamation-triangle"></i> Warning message Warning! Best check yo self.</div>

<div class="alert-message error">

<i class="fa fa-exclamation-circle"></i> Error message Oh snap! Change a few things up</div>

</div>

اضافه صفحه اتصل بنا

<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" placeholder="Name" size="30" type="text" value="" />

                                <input class="contact-form-email" id="ContactForm1_contact-form-email" name="email" placeholder="Email" size="30" type="text" value="" />

                                <textarea class="contact-form-email-message" cols="25" id="ContactForm1_contact-form-email-message" name="email-message" placeholder="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>

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

<pre>function generate() {

    var a = $('#container').html();

    var b = window.open('', '', 'width=600,height=400');

    b.document.write('&lt;textarea&gt;' + a + '&lt;/textarea&gt;');

}</pre>

انشاء صفحه الارشيف

ضع هذا الكود في صفحه جديده

[sitemap]

عرض كامل للمقال.

انتقل إلى الصفحات أو المنشورات> صفحة جديدة أو نشر

على محتوى الصفحة / محتوى  المنشور الجديد بعد إضافة عنوان الصفحة / المنشور ، أضف الكود [full_width]  في منطقة محتوى الصفحة.



الشريط الجانبي الأيسر

انتقل إلى الصفحات أو المنشورات> صفحة جديدة أو نشر

على محتوى الصفحة / محتوى المنشور الجديد بعد إضافة عنوان الصفحة / المنشور ، أضف  الكود [left_sidebar]  في منطقة محتوى الصفحة.



الشريط الجانبي الأيمن؛

انتقل إلى الصفحات أو المنشورات> صفحة جديدة أو نشر



على محتوى الصفحة الجديدة / محتوى المنشور بعد إضافة عنوان الصفحة / المنشور ، أضف  الكود [right_sidebar]  في منطقة محتوى الصفحة.