حصريا : اضافة ازرار الشبكات الاجتماعية مع اشتراك RSS

السلام عليكم ورحمة الله وبركاته اليوم مع اضافة حصرية لن اطيل عليكم نمر لطريقة التركيب
1- الذهاب الى لوحة التحكم
2-انقر على قالب
3-اختر تحرير Html
ابحث عن

]]></b:skin>

و ضع الكود التالي قبلها

@import url("http://fonts.googleapis.com/css?family=droid-kufi&text=AaBbCcEeFfIiKkLlMmOoRrSsTtWw%20");
.w2bOldSocial ul {
font-family: DroidKufi-Bold;
margin: 15px 0;
overflow: hidden;
}
.w2bOldSocial ul li {
float: left;
width: 90px;
padding: 0 0 0 55px !important;
margin: 0 0 0 5px !important;
line-height: 48px !important;
}
.w2bOldSocial ul li a {
font-size: 20px !important;
text-decoration:none;
padding:0 !important;
margin:0 !important;
text-decoration:none;
}
.w2bOldSocial ul li a:hover {
text-decoration:underline;
}
.w2bOldSocial ul li.w2brss {
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgiYnzah2xK2KVl9amr8eR5e4fxusJCscDPcWN6vQJv69Fn7p-3rIN8qSxBaX2zTXng0-qmH6MmLE2xPvyrnvE3OSPfvFI45J62J_1aahaWK1crOdaksijmwPALRsSTfg5uJo0oFh91WWQt/s48/RSS.png") no-repeat scroll left center transparent !important;
}
.w2bOldSocial ul li.w2bmail {
background: url("https://lh3.googleusercontent.com/-N3tEUB7WFN8/AAAAAAAAAAI/AAAAAAAAAAA/wg3MnF0c3ZY/s48-c-k/photo.jpg") no-repeat scroll left center transparent !important;
}
.w2bOldSocial ul li.w2btwitter {
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnhuYnuTS9M_M_RtfxAw-oZM3PiClm8fDjab1efkS90f9oCsdDRS1PkMicOMnMVYSI83odnQThdOBeCwqFgTOG5CuxTIISuuFzPxbCSzRp8QPRChIyUUU_f-Fugl77NwSmmxkAubnfvczw/s48/Twitter2.png") no-repeat scroll left center transparent !important;
}
.w2bOldSocial ul li.w2bfacebook {
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3XZQhY6bjr0guuXOR7wjBRivm4smwOFRFxZkrwStbHv8NMRUPX_NCC0Pcb5-izULFvapBi4EcySDYN-eCI_8Ro1abYbUEyTvPh9LgQMuIjQ7q3jzZ3Nr2AIP2SRY_1k_DoDIjFpkeQUp6/s48/Facebook.png") no-repeat scroll left center transparent !important;
}
#w2bEmailsub {
display: block;
clear: both;
margin: 10px 0;
}form.w2bEmailform {
margin: 20px 0 0;
display: block;
clear: both;
}
.emailText {
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfvu9ijS80QdE0CXz9K5ywu2O4R0xwiw9e7BXbciCYMtzo1ocPwnDQEGepFq0lmv8fPjmfiEpDYPB7MOQzux_0qbI0x9yybHV1E7dqLHvrpxEamYzM_z2khIkZOGoBScYSWRJiA5ih2MdD/s28/w2b-mail.png") no-repeat scroll 4px center transparent;
padding: 7px 15px 7px 35px;
color: #444;
font-weight: bold;
text-decoration: none;
border: 1px solid #D3D3D3;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 1px 1px 2px #CCC inset;
-moz-box-shadow: 1px 1px 2px #CCC inset;
box-shadow: 1px 1px 2px #CCC inset;
}
.emailButton {
color: #444;
font-weight: bold;
text-decoration: none;
padding: 6px 15px;
border: 1px solid #D3D3D3;
cursor: pointer;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
background: #fbfbfb;
background: -moz-linear-gradient(top, #fbfbfb 0%, #f4f4f4 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbfbfb), color-stop(100%,#f4f4f4));
background: -webkit-linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);
background: -o-linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);
background: -ms-linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FBFBFB', endColorstr='#F4F4F4',GradientType=0 );
background: linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);
}

ثم ادهب الى تخطيط
اختر اضافة اداة Html java script
و ضع الكود التالي

<div class="w2bOldSocial">
    <ul>
       <li class="w2brss"><a href="http://feeds.feedburner.com/s-maarifa">RSS</a></li>
       <li class="w2bmail"><a href="http://youtube.com/thedonjok" >يوتيوب </a></li>
       <li class="w2btwitter"><a href="http://twitter.com/the_donjok">تويتر </a></li>
       <li class="w2bfacebook"><a href="http://facebook.com/timeofaljeed">فيسبوك</a></li>
    </ul>
</div>
<div id="w2bEmailsub">
    <form action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=s-maarifa', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" class="w2bEmailform">
       <input type="hidden" value="s-maarifa" name="uri" />
       <input type="hidden" name="loc" value="en_US" />
       <input type="text" onblur="if (this.value == "") {this.value = "Enter your email...";}" onfocus="if (this.value == "Enter your email...") {this.value = ""}" value="ادخل ايميلك" name="email" class="emailText" />
       <input type="submit" class="emailButton" value="تسجل" title='' />
    </form>
</div>