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

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

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

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

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

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

من التخطيط انقر على تحرير في منطقة "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

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

من التخطيط انقر على تعديل "تسمية 1" ثم أدخل التالي للتحكم بها

لعرض أحدث المشاركات أدخل: 3/recent/post-list

لعرض مشاركات بحسب التسمية أدخل: 3/التسمية/post-list

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

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

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

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

صناديق التنبيه

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

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

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

<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('<textarea>' + a + '</textarea>');
}</pre>

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

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

[sitemap]

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