اضافة ازرار الشبكات الاجتماعية مع اشتراك 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/AVvXsEjCo-oQkQBcLQdQN4XUw9_oRo9aMMY1gPcq-oIRZzAoOLa_p5xTWiGkfNUWA2lpCkplrvH2AdIcT7ugXsVK6eCfbWlOhIz0V26Yp9WrfJUFhgqIMbN-fyhyKpSfVELx-c3jqfdbALqdKjyS/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/AVvXsEgpCbVHSQcn_fRiYpdfyqk7cLMFFNAb3FHetPwoRjGRLdyAEMlM63I7INmnHXROPwGT2e7svCTnQz0qrrdWVqBGdZQT3tP-gSarCxkFw0oy51O7c8KBsShy1cePB7_xh6HfncgzT1yjCFwN/s48/Twitter2.png") no-repeat scroll left center transparent !important; } .w2bOldSocial ul li.w2bfacebook { background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7ci7CzPRYSxPP_wUxdY-3n9sDRVDde95FxwyRhCm0sPlHJ0ayO8MOlCAVygagA-Fi8DXhqKho6B1rqC_UpYMGXTFbjsSC_pchCXNZoYk75Gtc5Eo_RvTFpPNU5SvNxY4ndTRU1xwDXcL_/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/AVvXsEgPhWhAM7yEeEROQwJNG0TUsZ03rELj24iB3QtKigRn9BBnYy6HqUHIX_XKsoE1QIzx6vgltfrELTMD4MpUxL-IMrCwQzqQkwwof1CIAfOO5tKYm0MW1q8PSafPm886m1UahbfO8mWvwY6_/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 javascript
و ضع الكود التالي

<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" rel="nofollow" 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="Way2blogging" name="uri" /> <input type="hidden" name="loc" value="en_US" /> <input type="text" onblur="if (this.value == &quot;&quot;) {this.value = &quot;Enter your email...&quot;;}"onfocus="if (this.value == &quot;Enter your email...&quot;) {this.value = &quot;&quot;}" value="ادخل ايميلك"name="email" class="emailText" /> <input type="submit" class="emailButton" value="تسجل"title='' /> </form> </div>

و غير الروابط بما يناسبك