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

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

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

ادخل مدونتك 

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

<!--- Thesis Widget by  9olchy.blogspot.com --->

<div class="widget-content">

<div class="lefts">

<h1>

إنضم لأكثر من <b>3025</b> متابع للمدونة</h1>

<div class="social">

<a href="http://feeds.feedburner.com/9olchy1" rel="nofollow"  
target="_blank"><img  
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEoOMQZ5n4F0AvQIxOGDpsQs3YO5ctuMkv1u8Zkpbn3U_j88gyxBiSnsO5JFTE11oAzw2DjDhQXXk4JzS6Vd209-8trMwNBF9ZtOCQhmFJ6aP0YiF0rAb_u4RZEihd2cqk0jXjO-p_MX8/s1600/rss.png"
  /></a>

<a href="http://twitter.com/9olchy2" rel="nofollow"  
target="_blank"><img src="  
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipAnsMi2sds_Wc7f_j3GlxzCYA-CVZnKMj4lU2bjiD9Psm_gQ0_gobQL2fKOvop2JdvYz3UhSmH4V_DrSPM35iiWscF4l-uLWMES6UvxgtGyCloa4L5ILNhAS4LVShGwiO2znVm_xzcpQ/s1600/tw.png
  " /></a>

<a href="http://www.facebook.com/9olchy3" rel="nofollow"  
target="_blank"><img  
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaEHHwXS1y-OfzvuhrEeUjeKeQaBGkSwAGKdqUQdhRIPGdjCFe0DgoPREkUolAkU4FL_fvHDWMT0B6N14iL90OehnFnxYms6aWfq8QrZ4Msad9D276HpW61sWSXgB2lkmeJKaClzBgy3A/s1600/face.png"
  /></a>

</div>

<div class="ins">

<center>

<div id="sleek-subscribe">

<form action="http://feedburner.google.com/fb/a/mailverify?uri=9olchy4" 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://9olchy.blogspot.com/"></a>

</form>

</div>

</center>

</div>

</div>

<style>

.lefts{

width:300px;

height:182px;

background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4l4R8nZUVZMzHcGOQfoYQXIyFBwwPqSAGhEw7T0YGNYX5zKtyTL5BuUnuFa2Ed_iicUiU6oPR7K-CwT81-83VOrxzRpqNIz0qwzMAYAHUYQs1wapyeCL5qehtCyl9mLE94yq86BX0kVo/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/AVvXsEhwJud934wOi1im6JqcV920oAnsuHXvMXvOfkZbhyNo33hsY9Wlp3fx39OZ4U6CP9mF7v7SbSlSQqkDqu6R5DBLmYMmGuSuxT9j9URv9Q-BJKMwb5zy9dYoudBvkOoozjbsvb1IijTg-mQ/s1600/sub.png);

float:right;

border:none;

width:64px;

height:28px;

cursor:pointer;

}

</style>

</div>

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

ابحث عن 9olchy1واستبدله برابط خلاصتك في الفيدبنر .

ابحث عن 9olchy2 و استبدله بحسابك في تويتر.

ابحث عن 9olchy3 واستبدله بحسابك في الفيس بوك . 

ابحث عن 9olchy4 واستبدله برابط الاشتراك في القائمه البريديه . 

ابحث عن 3025 واستبدله بعدد متابعينك .

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