برشلونة - قالب بلوجر رياضي

قالب برشلونة الرياضي - قالب بلوجر مميز خاص بالمدونات الرياضية، في الفترة الاخيرة وصلتني طلبات كثير على قالب رياضي وتم تلبية الطلب، أقدم لكم قالب يعطيك الالهام بجو المباريات والرياضه، يعرض لك المواضيع بطريقة مميزة واحترافية، وكما الحال بجميع قوالب التي تعرضها مدونة القيسي ويب، القالب متجاوب 100% مع جميع احجام الشاشات اي انه يمكن لزوارك متابعة مدونتك ومبارياتك من جوال، مما يجلب لك زوار اكثر . اعرف مميزات القالب الرهيبة من القائمة الجانبية مع معاينة حية للقالب. 👈 

* ملاحظة القالب فقط لاعضاء مدونة القيسي ويب، اذا كنت تريد الحصول على القالب قم بالانضمام الى المدونة من هنا وضع ايميلك في تعليق لارسال القالب لك

الواجهة كاملة

أضافة اداة المواضيع المميزة

أداة المواضيع المميزة جميلة تجعلك تعرض اهم مواضيعك او مبارياتك او اهم اخبار مباريات الخ ... كما بالصورة التالية





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



.2 قم باضافة الكود التالي في الاداة

<div class="grid-list grid-list--compactable grid-list--equalized"  style="
    margin-left: -20px;
"  >
          <ul class="grid-list__items" data-media="(min-width: 768px)">

<li class="grid-list__item grid-list__item--fourth" style="
    float: left;
    margin-left: 50px;
">
                <div class="shop-unit">
                  <div class="shop-unit__graphic">
                    
                    <img alt="" class="shop-unit__image" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9ha25d5pId8rCZ8HusUNNL0xTpot9rdw28YrdIm9vgoT4FrdBggdFXmqmFwkrZwSwLP7VW2fmi8JwmO3JhNJejgUNhFTfEyHQ3_N5ZhWMfKUAWQlaLp11H-TsOg69lQ5YysMBEZbn9Otw/s320/9f3e8e67-6759-4a1a-b847-11c76b9d5e30_16x9_600x338%255B1%255D.jpg" title="فوز الفيصلي الزعيم على الاهلي المصري" />
                    
                  </div>
                  <div class="shop-unit__content" style="height: 85px;">
                    <p>
                      فوز الفيصلي الزعيم على الاهلي المصري
                    </p>
                  </div>
                  
                    <div class="shop-unit__cta">
                      <a style="
    color: #fff;
" href="https://barcelona-template.blogspot.com/2014/04/blog-post.html" class="button button--primary" is_link_text_field_method="false" onclick="dataLayer.push({&quot;eventCategory&quot;:&quot;carrusel-home-en&quot;,&quot;event&quot;:&quot;gnuineEvent&quot;,&quot;eventAction&quot;:&quot;comprar-botiga&quot;,&quot;eventLabel&quot;:&quot;nova-samarreta-15-16&quot;});" target="_blank">اكمل القراءة</a>
                    </div>
                  
                </div>
              </li>
              
              <li class="grid-list__item grid-list__item--fourth"   style="
    float: left;
    margin-left: 50px;
" >
                <div class="shop-unit">
                  <div class="shop-unit__graphic"  style='float:left'   >
                    
                    <img alt="" class="shop-unit__image" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVQfSrTfpScJ0cdwTDdluEiEXozYBf-Sva91Ls0dccf3sb49xyq12eBvzfrTv7QUeCZDmlYjhLAJ9szBo9kGq6thH-5DGNEpViUjeErl6nuvGnl6K0fRI75rLq5UMCrL1FQK8iUa5N_VrJ/s1600/7ae66dad-0567-4f64-b032-d0ab6e7471db%255B1%255D.jpg" title=" فوز نادي الفصيلي على الوحدات" />
                    
                  </div>
                  <div class="shop-unit__content" style="height: 100px;">
                    <p>
                       فوز نادي الفصيلي على الوحدات

                    </p>
                  </div>
                  
                    <div class="shop-unit__cta">
                      <a  style="
    color: #fff;
"  href="https://barcelona-template.blogspot.com/2014/02/blog-post.html" class="button button--primary" is_link_text_field_method="false" onclick="dataLayer.push({&quot;eventCategory&quot;:&quot;carrusel-home-en&quot;,&quot;event&quot;:&quot;gnuineEvent&quot;,&quot;eventAction&quot;:&quot;comprar-botiga&quot;,&quot;eventLabel&quot;:&quot;nova-samarreta-15-16&quot;});" target="_blank">اكمل القراءة</a>
                    </div>
                  
                </div>
              </li>
            
              
              <li class="grid-list__item grid-list__item--fourth"    style="
    float: left;
    margin-left: 50px;
"   >
                <div class="shop-unit">
                  <div class="shop-unit__graphic">
                    
                    <img alt="" class="shop-unit__image" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIy7w5dnljESLpQcLjqUqCz4DfV55AuuK4o3lW55WkppIaekl2UQ09ty9HffH9ToSpwy1i7kzHOmIUpkSfyTvXxw-CD6RH00p7oQdvMox5mco-kM4BGgzBOhGa3BHgvqVkSnn0WzSrYPM/s640/barcelona_f_c-wallpaper-1600x900.jpg" title="entrenament1516" />
                    
                  </div>
                  <div class="shop-unit__content" style="height: 85px;">
                    <p>
                      قالب برشلونة من القيسي ويب هذا الموضوع للمعاينة فقط وليس للتدوين من القيسي ويب
                    </p>
                  </div>
                  
                    <div class="shop-unit__cta">
                      <a  style="
    color: #fff;
"  href="/" class="button button--primary" is_link_text_field_method="false" onclick="dataLayer.push({&quot;eventCategory&quot;:&quot;carrusel-home-en&quot;,&quot;event&quot;:&quot;gnuineEvent&quot;,&quot;eventAction&quot;:&quot;comprar-botiga&quot;,&quot;eventLabel&quot;:&quot;nova-samarreta-15-16&quot;});" target="_blank">اكمل القراءة</a>
                    </div>
                  
                </div>
              </li>
            
              
              <li class="grid-list__item grid-list__item--fourth"   style="
    float: left;
    margin-left: 50px;
"  >
                <div class="shop-unit">
                  <div class="shop-unit__graphic">
                    
                    <img alt="" class="shop-unit__image" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2k5T-eWC45JXBiAYRTuan_S_qqcJ9uDJBb59Ehn5F4QEkFEbo9NG3koA6Ful1z54xiktLiypsOSoWun-9ruGmMlAUHgxl0IOpRoMpXOAu1-uygEb69VsYVNQGZZcrWPXPLKc7poXEN6OO/s320/image%255B1%255D.jpg" title="الفيصلي قصة وطن" />
                    
                  </div>
                  <div class="shop-unit__content" style="height: 85px;">
                    <p>
                       الفيصلي قصة وطن

                    </p>
                  </div>
                  
                    <div class="shop-unit__cta">
                      <a  style="
    color: #fff;
"  href="https://barcelona-template.blogspot.com/2014/02/blog-post_6.html" class="button button--primary" is_link_text_field_method="false" onclick="dataLayer.push({&quot;eventCategory&quot;:&quot;carrusel-home-en&quot;,&quot;event&quot;:&quot;gnuineEvent&quot;,&quot;eventAction&quot;:&quot;comprar-botiga&quot;,&quot;eventLabel&quot;:&quot;nova-samarreta-15-16&quot;});" target="_blank">اكمل القراءة</a>
                    </div>
                  
                </div>
              </li>
            
          </ul>
        </div>
<style>
.shop-unit{background-color:#FFF}@media screen and (min-width:768px){.media-unit--related-gallery .media-unit__block-link{margin:0 .5625rem}}.media-unit--related-gallery .media-unit__content{display:table;padding:1.25rem .875rem 1.5rem;width:100%}@media screen and (min-width:960px){.grid-list__item--third .media-unit--sponsor .media-unit__content{font-size:1rem;line-height:1.25rem}.media-unit--related-gallery .media-unit__content{height:5.5rem;min-height:5.5rem}}@media screen and (min-width:768px)and (max-width:959px){.grid-list__item--third .media-unit--sponsor .media-unit__content{font-size:1rem;line-height:1.25rem}.media-unit--related-gallery .media-unit__content{height:4.0625rem;min-height:4.0625rem}}.media-unit--related-gallery .media-unit__content p{font-weight:500;display:table-cell;margin:0;vertical-align:middle}@media screen and (max-width:767px){.grid-list__item--third .media-unit--sponsor .media-unit__content{font-size:1rem;line-height:1.25rem;font-weight:500}@media screen and (max-width:767px){.grid-list__item--third .media-unit--sponsor .media-unit__content{font-size:1rem;line-height:1.25rem}}@media screen and (min-width:768px)and (max-width:959px){.grid-list__item--third .media-unit--sponsor .media-unit__content{font-size:1.125rem;line-height:1.375rem}}@media screen and (min-width:960px){.grid-list__item--third .media-unit--sponsor .media-unit__content{font-size:1.125rem;line-height:1.375rem}}.media-unit--related-gallery .media-unit__content{height:3.75rem;min-height:3.75rem}.media-unit--related-gallery .media-unit__content p{font-size:1rem;line-height:1.25rem}}@media screen and (min-width:960px){.media-unit--related-gallery .media-unit__content p{font-size:1.125rem;line-height:1.375rem}}@media screen and (min-width:768px)and (max-width:959px){.media-unit--related-gallery .media-unit__content p{line-height:1.375rem;font-size:1rem}}.shop-unit{padding:1.125rem;border:.0625rem solid #B4B8B8}.shop-unit__image {
    display: block;
    width: 100.1%;
    height: 170px;
}.shop-unit__cta{text-align:center}.shop-unit__content{line-height:1.125rem;font-size:.875rem;font-weight:400;text-transform:uppercase;display:table;margin:1rem 0;text-align:center;width:100%}.shop-unit__content p{display:table-cell;vertical-align:middle;color:#fff;}@media screen and (max-width:767px){.shop-unit__cta .button{font-size:1rem;padding-bottom:.5rem;padding-top:.5rem}}@media screen and (min-width:768px)and (max-width:959px){.shop-unit__cta .button{font-size:.875rem;padding-bottom:.25rem;padding-top:.25rem}}@media screen and (min-width:960px){.shop-unit__cta .button{font-size:1rem;padding-bottom:.5rem;padding-top:.5rem}}.person-unit__image{display:block;width:100%}.person-unit__content{padding:1rem}.person-unit__content:after{content:"";display:table;clear:both}.person-unit__content p{margin:0}.person-unit--player .person-unit__content{padding:0}@media screen and (max-width:767px){.grid-list--half-mobile .person-unit__content{text-align:center;padding-bottom:.4375rem}}.person-unit--player--numberless .person-unit__content{padding:.9375rem 1rem}@media screen and (max-width:767px){.grid-list--half-mobile .person-unit .person-unit__content{padding:.5625rem .5rem}.grid-list--half-mobile .person-unit--player .person-unit__content{padding:0 0 .5625rem}.grid-list--half-mobile .person-unit--player--numberless .person-unit__content{padding:.5rem}}.person-unit__content__number{float:left;margin-right:.75rem;padding:1.625rem 0rem;text-align:center;width:3.125rem}@media screen and (max-width:767px){.grid-list--half-mobile .person-unit__content__number{float:none;display:block;margin:0 0 .4375rem;padding:.4375rem 0;width:auto}}.person-unit__content__name,.person-unit__content__position{display:block}.person-unit--player .person-unit__content__name{padding-top:.875rem}.person-unit--player--numberless .person-unit__content__name{padding-top:0}.person-unit__graphic{border:.0625rem solid #B4B8B8;border-bottom:none}.person-unit__content{background-color:#313947;color:#FFF}.person-unit--player .person-unit__content{background-color:#9C1737}.shop-unit {
    background-color: #0c1126!important;
    border: 0.0625rem solid #0c1126!important;
    padding: 0 0 1.125rem 0;
width:223px;
height:315px;
border-radius: 3px;
    box-shadow: 0 5px 7px 0 rgba(41, 48, 95, 0.59),inset 0 0 0 0px #0094FF;

}
.button--primary{    background-color: #0094FF;
    box-shadow: 0 .125rem #104369;}.button--primary:hover{background-color:#2B6188}.button--primary.button--disabled,.button--primary.button--disabled:hover{background-color:#ea7b8d;box-shadow:0 .125rem #e86484}.button--secondary{background-color:#325082;box-shadow:0 .125rem #1E3C73}.button--secondary:hover{background-color:#272F4F}.button--secondary.button--disabled,.button--secondary.button--disabled:hover{background-color:#6d8ec7;box-shadow:0 .125rem #4b7ad0}.button--a{font-size:1rem;padding-bottom:.5rem;padding-top:.5rem}.button--b{font-size:.875rem;padding-bottom:.5625rem;padding-top:.5625rem}.button--c{font-size:.875rem;padding-bottom:.25rem;padding-top:.25rem}.button--load-more{border-radius:0;padding-bottom:.75rem;padding-top:.75rem}.button--load-more,.button--load-more:hover{display:block}.button--pure-text,.button--pure-text:hover{font-size:.875rem;padding-bottom:.5625rem;padding-top:.5625rem;text-transform:none}.button--audio::before{top:.1875rem;height:1rem;content:url(http://assets2.fcbarcelona.com/images/home/images/16x16_audio_white.216ef61fc.svg);white-space:nowrap}.button--download::after{top:.1875rem;content:url(http://assets4.fcbarcelona.com/images/home/images/16x16_download_white.6530a6b81.svg);margin-left:.5rem;white-space:nowrap}.button--replay::after{top:.1875rem;content:url(http://assets3.fcbarcelona.com/images/home/images/16x16_reload_white.05a6199df.svg);margin-left:.5rem;white-space:nowrap}.button--facebook{padding-left:1.75rem;padding-right:1.75rem}.button--facebook,.button--facebook:hover{text-transform:none}.button--facebook::before{position:relative;top:.1875rem;height:1rem;content:url(http://assets1.fcbarcelona.com/images/home/images/16x16_facebook_v2_white.49b37f1cb.svg);line-height:0;vertical-align:inherit}.button--icon{background:0 0;border:none;margin:0;padding:0;overflow:hidden}.button--close,.button--close:hover{border:0;font:0/0 a;text-shadow:none;background:url(http://assets4.fcbarcelona.com/images/home/images/20x20_close_white.3bcf95c9f.svg) center center no-repeat;display:block;width:1.25rem;height:1.25rem;color:#FFF}.subscribe{margin:0 auto;width:18.75rem}.subscribe__input{padding-right:4.375rem;width:18.125rem}.subscribe__button{margin-left:-3.125rem;margin-top:-.25rem;z-index:1}
.button--primary, .button--secondary {
    padding: .5rem 1.75rem;
    border-radius: .1875rem;
}
</style>

.3 غير الكلمات والصور والروابط بما يناسبك واضغط على حفظ

وشاهد النتيجة في مدونتك

قالب قد يعجبك
قالب دليل المواقع لمدونات بلوجر

هل ترى ان القالب مناسب 100% للمدونات الرياضية ؟!
أذا واجهت أي مشاكل لا تتردد بوضع استفسارك في التعليقات. . . بالتوفيق 😍

تحميل القالب

معاينة
تحميل
تحميل

المميزات / الإضافات

• متجاوب معاينة
• أكواد سيو 100%
• هيدر أحترافي
• ايقونات المشاركة
• قائمة أنيقة
• أكواد نظيفة
• عرض المواضيع بشكل انيق
• نموذج اتصل بنا مميز
• فوتر احترافي
• نموذج تعليقات جميل جدا
• ادوات عديدة
• والمزيد...

ق الب برشلونة الرياضي - قالب بلوجر مميز خاص بالمدونات الرياضية ، في الفترة الاخيرة وصلتني طلبات كثير على قالب رياضي وتم تلبية الطلب، ...