عاجـــــل »

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


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


معاينة وتحميل قالب الكلباني kalabani v1 المدفوع مجانا





مميزات قالب الكلباني kalabani v1 المدفوع مجانا :



قالب الكلباني 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>

  
تعليقات
23 تعليقًا
إرسال تعليق
  • غير معرف 1 سبتمبر 2019 في 3:40 ص

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

    إرسال ردحذف
    • saeed alkalabani
      saeed alkalabani 1 سبتمبر 2019 في 6:01 ص

      التفاصيل هنا :
      https://www.kalabani.com/p/blog-page_35.html

      حذف
    • Trends Line
      Trends Line 25 نوفمبر 2019 في 4:42 م

      مساء الخير كيفيه التعديل علي صفحه اتصل بنا الفارغه كيفيه ملئها في هذا القالب و اضافه الرابط الحقيقي .. ارجو الرد و شكرا :)

      إرسال ردحذف
      • saeed alkalabani
        saeed alkalabani 27 نوفمبر 2019 في 6:07 ص

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

        حذف
      • Trends Line
        Trends Line 28 نوفمبر 2019 في 1:37 م

        حضرتك مش واخد بالك انا قصدي عاوز ادوس علي زر راسلنا فوق يحول المشتركين في المدونه للصفحه تلقائيا انا مش عارف اعدل علي سياسه الخصوصيه و اتصل بنا و الباقين !؟

        إرسال ردحذف
        • saeed alkalabani
          saeed alkalabani 1 ديسمبر 2019 في 6:18 ص

          اخي تواصل معي مباشرة من هنا حتى استطيع ان افهم ماذا تقصد :
          https://www.facebook.com/kalabaniblog/

          حذف
        • Ibrahim Khaled
          Ibrahim Khaled 26 يناير 2020 في 2:48 م

          السلام عليكم..المدونة لا تقبل اى قالب وتظهر لى رسالة تعذرت استعادة المظهر مع العلم انى اضفت قالب التنظيف والحال كما هو

          إرسال ردحذف
          • saeed alkalabani
            saeed alkalabani 28 يناير 2020 في 6:23 ص

            ركب احد قوالب بلوجر الأفتراضية الموجوده في المظهر من لوحة تحكم بلوجر ثم ركب القالب اللي انت عاوزه وستحل المشكله ان شاء الله

            حذف
          • Zeinab Mahmoud
            Zeinab Mahmoud 7 مارس 2020 في 2:28 ص

            السلام عليكم
            صفحه اتصل بنا بتدخلني علي علي صفحه شخص آخر ومش راضية تتغير لصفحتي

            إرسال ردحذف
            • saeed alkalabani
              saeed alkalabani 8 مارس 2020 في 7:31 ص

              اضف صفحة اتصل بنا من هنا
              https://www.kalabani.com/2019/01/contact-us-blogger.html

              حذف
            • محمود أبو زيد
              محمود أبو زيد 8 أبريل 2020 في 8:33 م

              لو سمحت اين اضع وصف المدونه داخل القالب في تعديل html

              إرسال ردحذف
              • saeed alkalabani
                saeed alkalabani 9 أبريل 2020 في 6:54 ص

                في السطر رقم 14 بين :

                Title/> ضع الوصف هنا <title

                حذف
              • محمود أبو زيد
                محمود أبو زيد 9 أبريل 2020 في 3:22 م

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

                إرسال ردحذف
                • saeed alkalabani
                  saeed alkalabani 10 أبريل 2020 في 6:04 ص

                  1- من المظهر ثم نعديل html ثم ابحث عن كلمة سياسة الخصوصية باستخدام ctr+f ثم استبدل اشار # برابط صفحة سياسة الخصوصية
                  2- نفس الخوه السابقه ابحث عن Follow us on Facebook وستجد جميع مواقع التواصل استبدل # برابط صفحات التواصل
                  3- بنفس الطريقة السابقه ابحث عن كلمة تعديل او اي كلمه موجوده في القائمة المنسدله ثم انسخ السطر كاملا والصقه في سطر جديد وكرر الخطوه كما تريد وعدل على اسم القائمة والروابط

                  حذف
                • محمود أبو زيد
                  محمود أبو زيد 13 أبريل 2020 في 11:17 ص

                  استأذنك ممكن شرح لاكواد [ Meta Tag SEO ] في القالب واللي هيتعدل مثل الوصف والكلمات المفتاحيه وكل اللي هيتغير لاني مش عارف اوصل

                  إرسال ردحذف
                  • saeed alkalabani
                    saeed alkalabani 14 أبريل 2020 في 7:03 ص

                    ضع الوصف مكان xxxx
                    ضع الكلمات المفتاحية مكان " الكلمات المفتاحية هنا "
                    ضع اسم المؤلف مكان " اسم المؤلف هنا "
                    ضع معرف صفحتك عالفيس ان وجدت مكان " معرف حسابك على الفيسبوك " وكذلك معرف تويتر ان وجد
                    مثال : صفحتي عالفيس بوك هي : https://www.facebook.com/kalabaniblog/
                    معرف صفحتي هو : kalabaniblog
                    ويمكنك وضع معرف حسابك عالفيس بدل معرف صغحتك بنفس الطريقة وكذلك معرف تويتر

                    حذف
                  • Ahmed Hamdy
                    Ahmed Hamdy 18 أبريل 2020 في 11:13 ص

                    ممكن اعرف مين صمم القالب

                    إرسال ردحذف
                    • saeed alkalabani
                      saeed alkalabani 18 أبريل 2020 في 7:12 م

                      هذ قالب اجنبي وقد قمت بشراءه وتعريبه وهو الان بين ايديكم مجانا

                      حذف
                    • ahmed midou
                      ahmed midou 18 أبريل 2020 في 7:54 م

                      شكرا جدا على القالب الرائع، للتنويه للاخوة المبتدئيين يجب إضافة قالب التنظيف قبل تركيب القالب

                      إرسال ردحذف
                      • mohamed adnan
                        mohamed adnan 24 أبريل 2020 في 5:54 م

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

                        إرسال ردحذف
                        • saeed alkalabani
                          saeed alkalabani 24 أبريل 2020 في 10:49 م

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

                          حذف
                          • mohamed adnan
                            mohamed adnan 26 أبريل 2020 في 5:34 ص

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

                            حذف
                            • saeed alkalabani
                              saeed alkalabani 26 أبريل 2020 في 6:18 م

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

                              حذف



                            وضع القراءة :
                            حجم الخط
                            +
                            16
                            -
                            تباعد السطور
                            +
                            2
                            -