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

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

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

.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://3.bp.blogspot.com/-1_8IXtSavDw/WiM9eYs1uYI/AAAAAAAACr8/M7vuhfaCSOs_LO_P2Tb0u8uK0Lt8v9uGACLcBGAs/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({"eventCategory":"carrusel-home-en","event":"gnuineEvent","eventAction":"comprar-botiga","eventLabel":"nova-samarreta-15-16"});" 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://3.bp.blogspot.com/-JjX3aYkyGlA/WiM84nLvNrI/AAAAAAAACr0/lCYxpR-tGI4iSdy9C0e3bqeKmgp6NZMmACLcBGAs/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({"eventCategory":"carrusel-home-en","event":"gnuineEvent","eventAction":"comprar-botiga","eventLabel":"nova-samarreta-15-16"});" 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="http://1.bp.blogspot.com/-sj3m6Bnfya4/VgIVtL7H_6I/AAAAAAAAAtM/ISkKEjmTVB8/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({"eventCategory":"carrusel-home-en","event":"gnuineEvent","eventAction":"comprar-botiga","eventLabel":"nova-samarreta-15-16"});" 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://4.bp.blogspot.com/-zTBnlpKm8-A/WiM8QbYFCSI/AAAAAAAACrs/3jJOy1UnGz87wmjt6cp8QiLiJFWJ7eYfQCLcBGAs/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({"eventCategory":"carrusel-home-en","event":"gnuineEvent","eventAction":"comprar-botiga","eventLabel":"nova-samarreta-15-16"});" 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>
قالب دليل المواقع لمدونات بلوجر
أذا واجهت أي مشاكل لا تتردد بوضع استفسارك في التعليقات. . . بالتوفيق 😍
ق الب برشلونة الرياضي - قالب بلوجر مميز خاص بالمدونات الرياضية ، في الفترة الاخيرة وصلتني طلبات كثير على قالب رياضي وتم تلبية الطلب، ...