 |
| تحميل قالب الكلباني |
فى مجلة الأستاذ للمنوعات نقدم لكم اليوم قالب بلوجر مدونة الكلبانى القالب له مميزات عديدة وهو قالب حاز على إعجاب الكثير فهو قالب خفيف ومريح للعين بالوانه البسيطة وايضا القالب سريع فى الأرشفة.
ونحن دوما كما وعدناكم اعذائى القراء لمجلة الأستاذ للمنوعات نقدم لكم خليط من القوالب المميزة التى نجدها فى عالم الانترنت والتى تصلح لبدء تدويناتك من اليوم.
قالب مدونة الكلباني 1 :
المميزات :قالب احترافي بمعنى الكلمه وصديق لمحركات البحث ، أرشفة 100%خط كوفي ، اعلان في الهدر ، الوان رائعة ، ومميزات اخرى عديدة ستكتشفها بنفسك
التعديل على القالب : لا يحتاج الى تعديل ، فقط حمل القالب وغير القوائم الأفقية ( الصفحات )
شرح تركيب قالب الكلباني 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 وضع الكود التالي ثم حقظ:
اضافة صفحة الفهرس :
انشيء صفحة جديدة وسميها الفهرس ثم توجه من تأليف الى html وضع الكود التالي ثم حفظ :
اكواد رسائل التنبيه لأضافتها داخل المواضيع : شاهد مثال :
توقف في المكان الذي تريد اضافة عنوان التنبيه فيه ثم انتقل من تأليف الى 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>
شاهد ايضا
