U3F1ZWV6ZTQ3Nzc0Mjg0MjA4X0FjdGl2YXRpb241NDEyMTY3MjQ3NDA=
recent
مواضيع ساخنة

قالب الكلباني kalabani v1 البسيط لمدونات بلوجر التقنية والشخصية

قالب الكلباني التقني 2019  kalabani v1 البسيط لمدونات بلوجر النسخة المدفوعة مجانا وبدون حقوق الآن بين ايديكم




هام :


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

شرح التركيب والمميزات:

التركيب

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


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

للتعديل على القائمة الرئيسية توجه الى المظهر ثم تعديل html وابحث داخل القالب عن كلمة قائمة وعدل على الأقسام كما تريد وضع رابط القسم مكان اشارة المربع # ، وللتعديل على القائمة العلوية ابحث عن كلمة الفهرس

شريط الأخبار

لتفعيل شريط الأخبار ابحث عن 
Breaking News url
وضع رابط مدونتك مكانه

 تركيب الأعلانات




لتركيب الأعلان في الرئيسة فقط وتحت اول موضوع ابحث عن

kode adsense home here

وضع كود ادسنس بعد تحويله من هنا تحتها

لتركيب الأعلان في مقدمة المواضيع ابحث عن :

kode adsense top here

وضع كود ادسنس بعد تحويله تحتها

لتركيب اعلان ادسنس وسط المواضيع تلقائيا ابحث عن :

kode adsense mid here

وضع كود ادسنس بعد تحويله تحتها

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

kode adsense botom here

وضع كود ادسنس بعد تحويله تحتها

اضافة اداة احدث المواضيع في السايد بار



توجه الى لوحة تحكم بلوجر ثم تخطيط ثم اضافة اداه جافا سكربت جديده وضع هذا الرمز recentposts ثم حفظ
وبنفس الطريقة نضيف اداة اخر التعليقات بوضع الرمز recentcomments ثم حفظ


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

ملاحظة مهمة : يجب اضافة أداة نموذج الأتصال  "حتى ولو كانت فارغه " الموجودة اصلا في قوالب بلوجر حتى يعمل معك النموذج بشكل صحيح
أنشيء صفحة جديدة وسميها اتصل بنا او راسلنا ثم توجه من تأليف الى html وضع الكود التالي ثم حقظ:


 <form name="contact-form">
<span style="color: #666666; font-family: Open Sans,Arial,Helvetica,sans-serif; font-weight: 700;"><i class="fa fa-user"></i> Name </span>
<input id="ContactForm1_contact-form-name" name="name" size="30" type="text" value="" />  

<span style="color: #666666; font-family: Open Sans,Arial,Helvetica,sans-serif; font-weight: 700;"><i class="fa fa-envelope"></i> Email Address <span style="color: #f56954; font-size: x-small; font-weight: bold;">important</span></span> 
<input id="ContactForm1_contact-form-email" name="email" size="30" type="text" value="" />  

<span style="color: #666666; font-family: Open Sans,Arial,Helvetica,sans-serif; font-weight: 700;"><i class="fa fa-pencil-square-o"></i> Content <span style="color: #f56954; font-size: x-small; font-weight: bold;">important</span></span>
<textarea cols="25" id="ContactForm1_contact-form-email-message" name="email-message" rows="5"></textarea> 
<input id="ContactForm1_contact-form-submit" type="button" value="Send" />  
<div style="max-width: 222px; text-align: center; width: 100%;">
<div id="ContactForm1_contact-form-error-message">
</div>
<div id="ContactForm1_contact-form-success-message">
</div>
</div>
</form>

<style scoped="" type="text/css">
#comments {display:none;}
</style>
 

اضافة صفحة الفهرس

انشيء صفحة جديدة وسميها الفهرس ثم توجه من تأليف الى html وضع الكود التالي ثم حفظ :


 <div id="bp_toc">
</div>
<script src="https://cdn.rawgit.com/Arlina-Design/FlamingTree/master/sitemap2.js" type="text/javascript"></script> <script src="/feeds/posts/summary?alt=json-in-script&amp;max-results=9999&amp;callback=loadtoc" type="text/javascript"></script>
<style scoped="" type="text/css">
#comments {display:none;}
.post-body td a {background:initial;color:#000;padding:initial;font-size:13px;float:initial;display:initial;border-radius:initial;font-weight:initial;}
.post-body td a:hover {background:initial;color:#3498db;text-decoration:underline;}
</style>

  

اكواد رسائل التنبيه لأضافتها داخل المواضيع : شاهد مثال



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


/*----كود التنبيه الأول----*/
  <div class="alert-message success">
  العنوان  : ضع محتوى رسالة النجاح هنا <i class="fa fa-check-circle"></i>
  </div>
  
  /*----كود التنبيه الثاني-----*/
  <div class="alert-message alert">
  العنوان : ضع محتوى رسالة التنبيه هنا.
 <i class="fa fa-info-circle"></i>
  </div>
  
  /*----كود التنبيه الثالث-----*/
  <div class="alert-message warning">
  العنوان  : ضع محتوى رسالة التحذير هنا. <i class="fa fa-exclamation-triangle"></i>
  </div>
  
  /*----كود التنبيه الرابع-----*/
  <div class="alert-message error">
  العنوان  : ضع محتوى رسالة الخطأ هنا. <i class="fa fa-exclamation-circle"></i>
  </div>  

اضافة ازرار التحميل والمعينة : شاهد مثال 

توقف في المكان الذي تريد اضافة الكود به ثم انتقل من تأليف الى html ثم الصق احد الأكواد التالية :


 الكود الأول 

<div style="text-align: center;">
<ul class="button">
<li><a class="demo" href="رابط المعاينة هنا" target="_blank">معاينة</a></li>
<li><a class="download" href=" رابط التحميل هنا" target="_blank">تحميل</a></li>
</ul>
</div>
<div class="clear"></div>
الكود الثاني 
<div id="wrap">
  <a href="رابط المعاينة هنا" class="btn" target="_blank">معاينة <i class="fa fa-paper-plane"></i></a>
  <a href="رابط التحميل هنا" class="btn down" target="_blank">تحميل <i class="fa fa-download"></i></a>
</div>   

اضافة اطار الأكواد : شاهد مثال



لأضافة كود داخل اطار توقف في المكان الذي تريد اضافة الكود به ثم انتقل من تأليف الى html ثم الصق احد الأكواد الأربعة التاليه ثم انتقل الى تأليف مرة اخرى وضع كود البرمجيه الخاص بك في المكان المخصص ليظهر داخل اطار :


 <pre title="HTML" data-codetype ="HTMLku"><code class="language-markup"> ... ضع الكود هنا بين النقط تماما ... </code></pre>
<pre title="CSS" data-codetype ="CSSku"><code class="language-css"> ... ضع الكود هنا بين النقط تماما ... </code></pre>
<pre title="Javascript" data-codetype ="JavaScriptku"><code class="language-javascript"> ... ضع الكود هنا بين النقط تماما ... </code></pre>
<pre title="jQuery" data-codetype ="JQueryku"><code class="language-javascript"> ... ضع الكود هنا بين النقط تماما ... </code></pre>

  
تعليقان (2)
إرسال تعليق
  1. صفحة اتصل بنا الخاص بكم لا تعمل
    مرحبا
    ما هي تكلفة اعلان بنر في موقعكم
    اريد احصائية دقيقة لو سمحت لعدد الزوار الشهري
    ما هي وسائل الدفع المتاحة
    تحياتي
    mo7ammedissa@gmail.com

    ردحذف
    الردود
    1. التفاصيل هنا :
      https://www.kalabani.com/p/blog-page_35.html

      حذف

إرسال تعليق

آرائكم تسعدنا, لمتابعة التعليق وحتى نرد عليك فقط ضع إشارة على إعلامي
شكرا لك

الاسمبريد إلكترونيرسالة