إضافة روعة تحت الهيدر

السلام عليكم . يوف اقدم لم اضافة روعة تحت الهيدر هده الاضافة تشمل الاشتراك rss و تابعنا عبر المواقع التواصلية 

طريقة الإضافة :
1- إذهب إلى لوحة التحكم ثم إلى القالب ثم إلى تحرير html .
2- ابحث عن الكود التالي

 

<div class='main-outer'>

 

ثم قم باضافة هدا الكود قبله 

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<div id='navhead'>
<div id='byard-topsubsbox'>
    <div id='subscriptionsection'>
    <div class='subsbox-heading'>
       اشترك معنا وتوصل بأخر المستجدات !
     </div>
      <form action='http://feedburner.google.com/fb/a/mailverify?uri=pro-amine' class='byard-subsbox-form' method='post' target='_new'>
      <input class='topsubsboxname' name='name' onblur='if (this.value == &apos;&apos;) {this.value = &apos;أسمك هنا&apos;;}' onfocus='if (this.value == &apos;أسمك هنا&apos;) {this.value = &apos;&apos;;}' value='أسمك هنا'/>
      <input class='topsubsboxemail' name='email' onblur='if (this.value == &apos;&apos;) {this.value = &apos;ضع إميلك هنا &apos;;}' onfocus='if (this.value == &apos;ضع إميلك هنا ;) {this.value = &apos;&apos;;}' value='ضع إميلك هنا '/>
      <input class='topsubsboxbutton' type='submit' value='أشترك الأن!'/>
       </form>
              <p style='margin-top: 8px;font-size: 14px;text-align: center;font-family: Source Sans Pro;font-style: italic;font-weight: 600;'>
               
              </p>
            </div>
            <div class='socialicons'>
              <div class='socialheading'>
                تابعنا على مواقع التواصل الأجتماعي!
              </div>
              <ul>
                <li>
                  <a href='https://www.facebook.com/#' rel='nofollow' target='_blank'>
                    <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgr_XCWJFZ4r4W9MIqaawEuizZaF2lqalRx7x-dg7XCk69FQCif2cJuOh3I2BVUS9yfaFZxK7E5VFEdpabZDujicNbLQbs_cqFGzb5c_otxBasK8oDWSjUpMhXW4aHk0ztSOQTUjycRiOZs/s1600/facebook_64.png' title='Facebook'/>
                  </a>
                </li>
                <li>
                  <a href='https://twitter.com/#' rel='nofollow' target='_blank'>
                    <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYwXHJAg_Xn4dWw1gYtqsX9fcxqRhGAlOijchoRL3tzDwKYhtC5GiGERhU-BK-QUvBIciitEqFm4DxGJvQRDExXkPioqgNEBQN1TckPzJkBsEogrHq8ro3A3w8rTX-D-y5JtlOnwnHOPEY/s1600/twitter_64.png' title='Twitter'/>
                  </a>
                </li>
                <li>
                  <a href='https://plus.google.com/#' rel='nofollow' target='_blank'>
                    <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAZCoRnCOTwiudekLfS5guhyCZN3bRaxWd6RhDr-oL7Z-zYSoe1SGCPJ4Oi6i5ZXB0tspfoxLFJ5TiJxVUX98e3wSGcdy9HU0iNxy5VwcW8C2EORbhc8wS0OMaOSreg4U33XyfxndZr5t0/s1600/google-plus_64.png' title='Google +'/>
                  </a>
                </li>
                <li>
                  <a href='http://feeds.feedburner.com/#' rel='nofollow' target='_blank'>
                    <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpWA8F05jeVIIEVEpX0Mb3-7nAUqFKJ-wXo7KkfcXBp65Sr7-zJbpicj5AF155rr7PPiOfzCqisWxcvo8ufuUf0TeQ6FvD6Jc-fpViIFQ5ssbuvj1Bzmgbk-6jVFn3kG861g613X74RYjt/s1600/rss_64.png' title='Rss'/>
                  </a>
                </li>
                <li>
                  <a href='https://www.youtube.com/user/#' rel='nofollow' target='_blank'>
                    <img src='https://encrypted-tbn2.gstatic.com/images?q=tbn:ANd9GcSTBd38d53uWAo3ELfSgkR61JOWAlGTGdFwxYChvKZ0pkEzdBOo' title='youtube'/>
                  </a>
                </li>
              </ul>
            </div>
          </div>
  </div>
  </b:if>

3- التعديلات :

غير pro-amine باسم المستخدم في خلاصتك في feedburner .

غير# باسم المستخدم الخاص بك في فيس بوك .

غير # باسم المستخدم الخاص بك في تويتر .

غير # باسم المستخدم الخاص بك في يوتيوب .

غير # باسم المستخدم الخاص بك في جوجل + .

غير # باسم المستخدم الخاص بك في الخلاصات .

 

4- بعد التعديلات ابحث عن الكود التالي :

 ]]></b:skin>

بعد أن تجده أضف فوقه الكود التالي

<----- by proamine.com ------>
#navhead{
margin-top: 10px;
margin-bottom: -10px;
}
#byard-topsubsbox {background: #fff;
background: #fff;
width: 961px!important;
height: 90px!important;
margin-top: 20px;
padding: 10px;
border: 1px solid #ddd;
overflow: hidden;
margin: 0 auto;}
#subscriptionsection {float: right;
border-left: 1px solid rgb(168, 168, 168);
padding-left: 56px;
margin-top: -3px;
padding-top: 9px;}
.subsbox-heading {font-size: 20px;
font-family: droidkufi-bold;
text-align: center;
font-weight: bold;}
.topsubsboxname {background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFz_gd0mVNCtj3vtoTru_GzDYtvotcMFfPYE9N_fiCvR-225ev0193qDZtN3JNiBLfLiHe0-5r6QDynWRQu_paeysst_3xrnUzGv3t0O_vDMxHywJS05AqlOreN85VlwvqpngMp4VcxFA/s320/name.png) no-repeat 7px 8px;border:1px solid #ddd; font-family:droidkufi-bold; font-size:14px; font-weight:bold;color:hsla(0,0%,27%,0.69); width:150px; margin-top:10px; height:24px; padding:5px 28px 5px 15px; vertical-align:top; display:inline-block;margin-right:15px;}
.topsubsboxemail {background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwWuGwnLikhYMh62LpBOujE6EtWJzNMmg6ujivkRbonVs4k_MJ_WvZMpA6YgYKWt73siRJ2AI6K8YGFZxceFsyYxZc7Ffl3ID6onTQNMjlzvtq1pkn3G8GPFvJwPyINx26ju5e5NSg3QY/s320/email.png) no-repeat 7px 10px; border:1px solid #ddd; font-family:droidkufi-bold; font-size:14px; font-weight:bold; color:hsla(0,0%,27%,0.69); width:150px; height:24px; margin-right:5px; margin-top:10px; padding:5px 28px 5px 15px;vertical-align:top; display:inline-block;}
.topsubsboxname:hover,.topsubsboxemail:hover {border:1px solid #bebebe; box-shadow:0.5px 1.5px 2px rgba(5,95,255,.1);}
.topsubsboxbutton {-moz-box-shadow:inset 0px 1px 0px 0px #bbdaf7;-webkit-box-shadow:inset 0px 1px 0px 0px #bbdaf7;box-shadow:inset 0px 1px 0px 0px #bbdaf7;background:-webkit-gradient( linear, right top, right bottom, color-stop(0.05, #00B3FF), color-stop(1, #349ECB) );background:-moz-linear-gradient( center top, #00B3FF 5%, #349ECB 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=&#39;#00B3FF&#39;, endColorstr=&#39;#349ECB&#39;);background-color:#00B3FF;  margin-top:10px;  margin-right:5px;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;border:1px solid #84bbf3;display:inline-block;color:#ffffff;font-family:droidkufi-bold;font-size:13px;font-weight:bold;padding:5px 10px;text-decoration:none;text-shadow:1px 1px 0px #528ecc;}.topsubsboxbutton:hover {background:-webkit-gradient( linear, right top, right bottom, color-stop(0.05, #349ECB), color-stop(1, #00B3FF) );background:-moz-linear-gradient( center top, #349ECB 5%, #00B3FF 100% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=&#39;#349ECB&#39;, endColorstr=&#39;#00B3FF&#39;);background-color:#349ECB;}.topsubsboxbutton:active {position:relative;top:1px;}
#socialsection {float:right;margin-top:20px;}
.socialheading{font-size: 20px;
font-family: droidkufi-bold;
text-align: center;
font-weight: bold;}
.socialicons ul {list-style: none;
display: inline;
float: left;
margin-top: 10px;
margin-left: 38px;}
.socialicons li {opacity: 1;float:right;padding:0px 0px 0px 10px;}
.socialicons li:nth-child(6) {padding: 0;}
.socialicons li a img{height:49px;width:49px}
<----- by proamine.com ------>  

الأن احفظ القالب ومبروك عليك الإضافة . -اضغط دربتين على الماوس لكي تنسخ الكود بالكامل-