السبت، 9 نوفمبر 2019

حصريا قالب بلوجر لسنة 2020 محمد صلاح Exclusive blogger template mo salah

حصريا قالب بلوجر لسنة 2020 محمد صلاح mo salah 


قالب محمد صلاح mohamed salah 

 Exclusive blogger template mo salah 

قالب محمد صلاح sports

قالب محمد صلاح رياضي - قالب بلوجر مميز خاص بالمدونات الرياضية، في الفترة الاخيرة وصلتني طلبات كثير على قالب رياضي وتم تلبية الطلب، أقدم لكم قالب يعطيك الالهام بجو المباريات والرياضه، يعرض لك المواضيع بطريقة مميزة واحترافية،، القالب متجاوب 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/AVvXsEg3WGoG4wozYQ7Tkzan-dd-V2-KIxQSe20OGA9VTD8ilp3Qd5SCk8V5LXlQgI9Wg4OFgCnoslpI6vfd01mykimX-uoOnAKErhxdUheK4A4_sgejqsTEeAbdmJJYz-QSghOe8oZgyudd4Hqa/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/AVvXsEgSOkUcCWuUXScTlzdQidBptaSgej82ShIfJ5fL8FlmT8jnOsvPfFVcMTkHps4nQbG_wwl3I6ptGFPJarProY9nC0LURT0knFWqUgC9xUa9ZWHPooIWCSkmCYzselbUmTdkZUvLRHXWxu1w/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/AVvXsEin-c2fz3xkjAysZs6_mXG6yMPbJaHtlsrrDcsVvSvSipb3dXvlIDdPLIj0yAMaJgINAhFy_-pECtMFDvz2r4G36PL_-TSirfbZYrn_HXrg02PMLvj1G-zePBZg5wwDjOXOExFtfPkNaUg/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/AVvXsEg7wzbkfnHmhbULe_DwWLZkV-ujmnbnrRHxQ2rC2sQvnNGoxSotpeY4SoyYXiBuBfUK4XPV0orybR-d8KIVpQwCpacdQilK64Z0sHKabxd7LQv4Ti0Wjpx1MJyxGHPVZLCi1vnPWRJboy-D/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>

من يريد التحميل مجانا يضع بريده الألكتروني في تعليق وسيتم إرسال القالب في رابط كونوا من متابعي مدونتنا بالأسفل
شكرا لكم
هذالموضوع قابل للتعديل
التحميل من هنا

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