الجمعة، 14 أكتوبر، 2016

تحميل قالب أدوات كاملا مع الشرح

تحميل قالب أدوات مع الشرح لطريقة التركيب و التعديل عليه
أقوى قالب تقني لمدونات بلوجر 2017


معلومات عن القالب

✔ قالب متجاوب مع جميع الأجهزة
✔ سيو جاهز
✔ أزرار المشاركة أسفل كل تدوينة
✔ سلايد شو تلقائي
✔ إمكانية تغيير لون القالب لعدة ألوان
✔ أداة إستعراض التعليقات في المدونة
و العديد

مشاهدة و تحميل القالب


شرح تركيب و تعديل القالب

لتعديل على صناديق المشاركات 
من داخل القالب إبحث عن كلمة  أداة الأقسام
<!-- أداة الأقسام -->
var multiFeed = {
    feedsUri: [
        {
            name: &quot;تطبيقات&quot;,
            url: &quot;http://g-vusionn2.blogspot.com/&quot;,
            tag: &quot;قسم 1&quot;
        },
        {
            name: &quot;جوجل بلاي&quot;,
            url: &quot;http://g-vusionn2.blogspot.com/&quot;,
            tag: &quot;قسم 2&quot;
        },
        {
            name: &quot;آب ستور&quot;,
            url: &quot;http://g-vusionn2.blogspot.com/&quot;,
            tag: &quot;قسم 3&quot;
        },
        {
            name: &quot;إلهامات&quot;,
            url: &quot;http://seo-alwan.blogspot.com/&quot;,
            tag: &quot;إلهامات&quot;
        },
        {
            name: &quot;تجارب&quot;,
            url: &quot;http://seo-alwan.blogspot.com/&quot;,
            tag: &quot;تجارب&quot;
        },
        {
            name: &quot;ملحقات حصرية&quot;,
            url: &quot;http://seo-alwan.blogspot.com/&quot;,
            tag: &quot;صور&quot;
        }
    ],
    numPost: 4,
    showThumbnail: true,
    showSummary: true,
    summaryLength: 80,
    titleLength: &quot;auto&quot;,
    thumbSize: 72,
    containerId: &quot;feed-list-container&quot;,
    readMore: {
        text: &quot;المزيد من المواضيع&quot;,
        endParam: &quot;?max-results=8&quot;
    }
};
</script>
غير ما باللون الأحمر بإسم القسم
غير ما باللون الأزرق برابط موقعك
غير ما باللون الأخضر بتسمية الخاصة بالقسم (رابط)



لتعديل على أزرار مواقع التواصل الإحتماعية
من داخل القالب إبحث عن هذه الكلمة تابعنا على
<p>تابعنا على :</p>
  <ul class='ar1web-social' id='ar1web-social'>
    <li><a class='social-tooltip tw' href='#' target='_blank' title='تابعنا على تويتر'><i class='fa fa-twitter'/></a></li>
<li><a class='social-tooltip fb' href='#' target='_blank' title='صفحتنا على الفيسبوك'><i class='fa fa-facebook'/></a></li>
<li><a class='social-tooltip gp' href='#' target='_blank' title='تابعنا على جوجل+'><i class='fa fa-google-plus'/></a></li>
<li><a class='social-tooltip rs' href='#' target='_blank' title='اشترك معنا'><i class='fa fa-rss'/></a></li>
    <li><a class='social-tooltip yt' href='#' target='_blank' title='اشترك بقناتنا'><i class='fa fa-youtube'/></a></li>
    <li><a class='social-tooltip wp' href='#' target='_blank' title='تواصل معنا'><i class='fa fa-whatsapp'/></a></li>
  </ul>
  </div>
غير هذه العلامة # برابط حسابك



لإظافة أداة التعليقات
من تخطيط إفتح صندوق إسمه قسم التعليقات بالضغط على تحرير
ثم ضع به هذا الكود
<div id="comments-container">...انتظر لحظة</div>
<script>
var cm_config = {
    home_page: "http://ar-template005.blogspot.com/",
    max_result: 15,
    t_w: 32,
    t_h: 32,
    summary: 9999,
    new_tab_link: true,
    ct_id: "comments-container",
    new_cm: " تعليقات جديدة!",
    interval: 30000,
    alert: false
};
</script>
<script src="https://cdn.rawgit.com/iHussam/ar1web/master/recentcom.js"></script>
غير ما باللون الأحمر برابط موقعك



كود إظافة نمودج الإتصال
من الصفحات أنشئ صفحة جديدة و ضع داخلها في HTML هذا الكود
<div dir="rtl" style="text-align: right;" trbidi="on">
<div class="the-form">
<div id="ar1web_cntct_form">
<div class="wrap-me">
<form name="contact-form">
<span class="name-bg">الاسم الكريم</span><br />
<input class="contact-form-name" id="ContactForm1_contact-form-name" name="name" placeholder="ادخل اسمك هنا..." size="30" type="text" value="" /><br />
<br />
<span class="email-bg">بريدك الالكتروني*</span><br />
<input class="contact-form-email" id="ContactForm1_contact-form-email" name="email" placeholder="ادخل بريدك هنا..." size="30" type="text" value="" /><br />
<br />
<span class="message-bg">رسالتك*</span><br />
<textarea class="contact-form-email-message" cols="25" id="ContactForm1_contact-form-email-message" name="email-message" placeholder="اكتب رسالتك هنا..." rows="5"></textarea><br />
<span class="send-bg"><input class="contact-form-button contact-form-button-submit" id="ContactForm1_contact-form-submit" type="button" value="أرسل" /></span> <span class="clear-bg"><input class="contact-form-button contact-form-button-submit clear-button" type="reset" value="امسح الكل" /></span>
<br />
<div style="max-width: 100%; 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>
<br /></div>
</div>
</div>
<style>
#barar1web,#comments,h1.post-title,#HTML10, #Label1, #Label2, #HTML1,#blog-pager,.list-entries:nth-child(4), .list-entries:nth-child(5), .list-entries:nth-child(6){display: none;} #content { padding: 0; }
</style></div>
مثال

هناك 4 تعليقات:
إترك تعليق
  1. أشكرك على المعلومات والإفادة ،

    لدي مشكلة بعد تركيب القالب ..
    اللوجو لا يظهر !
    هل من حل !؟

    رابط مدونتي : http://www.tanaja7.com

    ردحذف
    الردود
    1. قد تكون حدفته
      إبحث عن هذا الكود id="hello"
      إن لم تجده فلقد حدفته

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

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

      حذف

لدعم هذا المشروع