قالب سباركل للبوجر

قالب سباركل أكثر توافقية مع المتصفحات المختلفة والجوالات يتميز القالب بتأقلم ترتيب المواضيع مع عرضه, قالب مميز مصمم خصيصا للمدونين من الفنانين والمصوريين والمطاعم ولكل من يحب تصميم موقع بينتيريست. تحتوي واجه القالب على عمود واحد به مواضيع المدونة على شكل معرض لصور المواضيع ويمكن تخصيص أعمدة المرعض حسب الرغبة ليظهر في الواجهة من عمود إلى خمسة او أكثر. أيضا إمكانية وضع الإعلانات في الأعلى وفي المواضيع من الداخل.

تخصيص القالب والخيارات

 كيفية تخصيص القائمة؟

الذهاب إلى Blogger.com >> قالب >> تحرير HTML. الآن ابحث عن هذا الكود في القالب. بعد العثور عليه استبدال "عدل هنا" بأسماء القائمة و # مع عناوين المواقع الخاصة بك وحفظ القالب. 

        <ul class='sb-menu'>
           
            <li class='sb-close'><a href='#'>الرئيسية</a></li>
          <li class='sb-close'><a href='#' rel='follow'>عدل هنا</a></li>
            <li class='sb-close'><a href='#'>عدل هنا</a></li>
            <li class='sb-close'><a href='#'>عدل هنا</a></li>
            <li class='sb-close'><a href='#'>عدل هنا</a></li>
            <li><a class='sb-toggle-submenu' href='#'>عدل هنا<span class='sb-caret'/></a>
                <ul class='sb-submenu'>
                    <li class='sb-close'><a href='#'>عدل هنا</a></li>
                    <li class='sb-close'><a href='#'>عدل هنا</a></li>
                    <li class='sb-close'><a href='#'>ععدل هنا</a></li>
                    <li class='sb-close'><a href='#'>عدل هنا</a></li>
                </ul>
            </li>
            <li class='sb-close'><a href='#'>راسلنا</a></li>
                   
        </ul> 

كيفية تخصيص النبذة المختصرة عن الكاتب؟

  الذهاب إلى Blogger.com >> قالب >> تحرير HTML. الآن ابحث عن هذا الكود في القالب. قم بتعديله وحفظ القالب

<div class='author_wrapper'>
 <h4>عن الكاتب: <a href='#'><data:post.author/></a></h4>
 <p>أكتب هنا كل ما تريده عن الكاتب من معلومات</p></div>
 <div class='clear'/>
</div>

 كيفية تخصيص الصور في رأس الصفحة؟

  الذهاب إلى Blogger.com >> قالب >> تحرير HTML. الآن ابحث عن هذا الكود في القالب. قم بتعديل روابط الصور وحفظ القالب.

jQuery(".main-header").backstretch([ "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhI9yXuqPAvGCL0heQSLJXZUXh6FwguynjwGwpLkIlLAKTDialy3pTD9KTxYF-fxPcqZRQRXAWMAtWD0-IrZRUS7DqGyyptcOq-zKhRNv2ehUrII0pedlecO9Nihi9XBZ8yr9Fg7MZmu8w/s1600/slide1.jpg","https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpQ7Uj7f_Rl0rTsiIrAJETlmqhdbWSQH8gyOm_9EWQyYEFcEcHP-FsMzEQZpoyOik9GWh0-9X8avDyxi5AlJBVp7LMqDZSJ0EtutHyyPpxYvR4-_hwjS0dxtvsNAQs_6N3Q-YfH__W-sY/s1600/bg-subheader.jpg","https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNce5cSg9GI6uftvJfSdVwDpdCVUuffJ0HPnqKDRGsYITj0Awz94OSkkN578oTx3T3ynCWc35kQxqsRyaI_w8oaiygPLO_3aXtrr-GnA4WkPCtMGE8bn27gHNwaDMEGHXL9QoLIUJ7ea4/s1600/bg-1.jpg"], { centeredY: false, duration: 7000, fade: 1000  });

كيفية تخصيص أعمدة المواضيع في الصفحة الرئيسية؟

الذهاب إلى Blogger.com >> قالب >> تحرير HTML. الآن ابحث عن هذا الكود في القالب. قم بتعديل القيم الموضحة بالون الأصفر الوضع الإفتراضي تكون 4 أعمدة وحفظ القالب.

#layout1 .b-by-b-item {
  box-shadow: 0 1px 3px rgba(0,0,0,0.3);
  color: #fff;
background:#fff;
  width: 25%;
}
#layout1.no-grid .b-by-b-item {
  width: 100%!important;
}
.single-column .b-by-b-item {
  width: 100%!important;
}
@media (min-width: 0px) and (max-width: 768px) {
  #layout1 .b-by-b-item {
    width: 100%;
  }
}
@media (min-width: 769px) and (max-width: 1024px) {
  #layout1 .b-by-b-item {
    width: 33.33%;
  }
} 

 كيفية تخصيص رسالة الخطأ؟

يمكنك قراءة الموضوع كاملا من هنا