إضافة الإشتراك في المواقع الإجتماعية بشكل جديد واحترافي الى مدونة بلوجر

بسم الله الرحمن الرحيم  والصلآة والسلام على اشرف الانبياء والمرسلين سيدنا محمد عليه وعلى اله افضل الصلآة واتم التسليم  السلآم عليكم ورحمة الله وبركاته  إضافة الإشتراك في المواقع الإجتماعية بشكل جديد واحترافي الى مدونة بلوجر  قائمة للإشتراك في المواقع الإجتماعية , فيس بوك وتويتر وايضا للاشتراك في rss والقائمة البريدية , تتميز هذه الاضافه بشكلها الجذاب وبخفتها الرائعه وبالوانها المتناسقه .

صورة للاداة : 

مشاهده مباشره : 

طريقة التركيب : 

• ادخل مدونتك 
• ثم التخطيط
• ثم اضافة اداة HTML/Javascript.
• الان انسخ هذا الكود والصقه ( مع تعديل ما سأذكره ) :

<!--- Thesis Widget by  7loll.blogspot.com --->
<div class="widget-content">
<div class="lefts">
<h1>
إنضم لأكثر من <b>3025</b> متابع للمدونة</h1>
<div class="social">
<a href="http://feeds.feedburner.com/jetara1" rel="nofollow" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglhtefsfJ1VWh3xDgqj0J1ocFBqtYOjOEt1rEWW9SfiaIyzBTaqQqkoJHNaSbrx2ImbnczSz5-vNXLAK3rAMLFE1_Kr8hvkyA8pIJ3e5TAB6TrLet-WP0mf_rR5zSl18L1NnmahQsnydg/s1600/rss.png" /></a>
<a href="http://twitter.com/jetara2" rel="nofollow" target="_blank"><img src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyisvUtVT-yYiO0hNmGJQ9xFd9MVfcj8QCW3bcrWkX1YkSbRYuoy7KgfD_9paTf8baeqqnHUmOFH6lznrF0mhEXlFmMHbLyGfttN72ZEh3jbzds-85JUKbn_BlLn87hK7pJf7ZgAihE0Y/s1600/tw.png " /></a>
<a href="http://www.facebook.com/jetara3" rel="nofollow" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmN2odzbEv8i8jw8fYhzJM85rPW9iEOX7oVfEN3SM86ka2IakHjpL1LHzI0P8AXhevUaGORB2ClgK4Aq_0r471ThAmA_FxesacZLtDf497Dh6LVbOke_bAssyL6jGwboaR5xuG9zphAIA/s1600/face.png" /></a>
</div>
<div class="ins">
<center>
<div id="sleek-subscribe">
<form action="http://feedburner.google.com/fb/a/mailverify?uri=jetara4" method="post" rel="nofollow" target="_new">
<input class="txt2" name="email" onblur="if (this.value == '') {this.value = 'ضع اميلك هنا ليصلك كل جديد';}" onfocus="if (this.value == 'ضع اميلك هنا ليصلك كل جديد') {this.value = '';}" value="ضع اميلك هنا ليصلك كل جديد" /><input class="btn2" type="submit" value=" " />
<a href="http://7loll.blogspot.com/"></a>
</form>
</div>
</center>
</div>
</div>
<style>
.lefts{
width:300px;
height:182px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDBI4UcSLzjpwPM0T2I1nDTuSDaZkWMx4wbq6UEiAf205PQdY6HXmY-eYZ_M7ldvFNmdLIl-dSXVSkQoud7UWGGIUiW1B49lMrv7P_LzPlpWnOFlbO0qAyNTw497C-NfZwpL9g9fv1SkI/s1600/left.png);
}
.lefts h1{
color:#767676;
margin:0;
text-align:center;
font:14px  'DroidKufi-Bold';
padding:10px;
padding-top:20px;
}
.lefts b{
font:18px Arial, Helvetica, sans-serif;
color:#ffc000;
}
.lefts .social{
margin-right:50px;
}
.lefts .social a img{
float:right;
margin-right:20px;
margin-top:8px;
}
.lefts .ins{
width:300px;
height:40px;
float:right;
margin-top:15px;
}
.lefts .ins .txt2{
border:1px solid #e1e1e1;
background:#fff;
border-radius:5px;
font:12px Tahoma, Geneva, sans-serif;
color:#c0c0c0;
padding:6px 7px 7px 7px;
margin:0px;
float:right;
margin:0 20px 0 5px;
text-align:right;
    width: 175px;
}
.lefts .ins .btn2{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZmSRPylQTI1uBSKvIioD2pcgA3vOMHR7kpUleVI_2OXnHx_Q-SWC3sUniZ4fLK4yFHBPI3kW2ZoNlLZpSQBQTxeWUfkJ0X-7BO8JysLS5XkH8KKlq-CV3j4gd_5YYLx6rR4HXI31RaDg/s1600/sub.png);
float:right;
border:none;
width:64px;
height:28px;
cursor:pointer;
}
</style>
</div>

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

• ابحث عن jetara1 واستبدله برابط خلاصتك في الفيدبنر .
• ابحث عن jetara2 و استبدله بحسابك في تويتر.
• ابحث عن jetara3 واستبدله بحسابك في الفيس بوك . 
• ابحث عن jetara4 واستبدله برابط الاشتراك في القائمه البريديه . 
• ابحث عن 3025 واستبدله بعدد متابعينك .

هذا كل شيء  , اي تعليق انا موجود ؟