اضافة هيدر أحترافى لمدونات بلوجر

 هيدر أحترافى لمدونات بلوجر                                       

شرح التركيب للإضافة                                       

• أولا سوف تقوم بالبحث عن الوسم هذه]]></b:skin>فى مدونتك
• ثم تقوم بوضع الكود التالى فوقه

#cd-intro #cd-intro-tagline {
background: #555 url(//khamsat.hsoubcdn.com/assets/splash-7531fc6a7a3f995f040e4b83a2309ed1.jpg) no-repeat center center;
width: 100%;
max-width: 100%;
text-align: center;
padding-top: 50px;
padding-bottom: 50px;
float: right;
background-color: #37474F;
height: 300px;
margin-top: 60px;
}
#cd-intro h1 {
font-family: 'neo sans';
font-size: 40px !important;
font-weight: 500;
color: #ffffff;
margin: 0 78px;
text-shadow: 0px 5px 5px #000;
}
#cd-intro p {
font-family: 'neo sans';
font-size: 30px !important;
font-weight: 100;
margin: 30px 230px;
color: #FFF;
text-shadow: 0px 5px 5px #000;
}
.cd-btn {
display: inline-block;
padding: 10px 20px;
color: #ffffff;
margin: 0 5px;
border: 1px solid #2C373C;
text-shadow: 0px 3px 3px #000;
background-color: #37474F;
}
.cd-btn:hover {
background-color: #0B6EAB;
}

• الأن نمر للكود الثانى والذى عليك وضعه كما تريد
• أذا كان أسفل القائمة العلوية أو أى مكان أخر
• الإضافة تعمل فى جميع الصفحات بدون الصفحات الثابتة ولا المواضيع
• وأذا تريدها فى جميع الصفحات قم بحذف الكود المحدد بالأحمر

    <b:if cond='data:blog.pageType != &quot;item&quot;'>
      <section id='cd-intro'>
        <div id='cd-intro-tagline'>

          <h1>
            مرحبا بكم زوارنا الكرام على مدونة تكنو
          </h1>
          <p class='intro-text'>
            اتمنى أن تجد ما تبحث عنه على المدونة
          </p>
          <a class='cd-btn' href='https://khamsat.com/user/abdo-abd-alrazzaq' target='_blank'>
            <i aria-hidden='true' class='fa fa-money'/>
            طلب خدماتى 
          </a>
          <b:if cond='data:blog.url == data:blog.homepageUrl'>
            <a class='cd-btn' href='/search/?max-results=12'>
              <i aria-hidden='true' class='fa fa-television'/>
              الدخول للمدونه 
            </a>
          </b:if>
        </div>
      </section>
    </b:if>