إضافة أزار تابعني علي الفيس بوك وتويتر بشكل مميز

 
السلام عليكم ورحمة الله وبركاته في هذه التدوينة سوف نقوم بإضافة أزرار تابعني علي الفيس بوك وتويتر وجوجل بلس بشكل مميز ومختلف عن اغلب الأشكال المعتادة ولاضافتها داخل المدونة عليك بإتباع الاتي

1- الذهاب الي لوحة تحكم مدونتك من هنا
2-نذهب إلي تخطيط ونضيف أداة html ثم نضع بها هذا الكود

<style>
.bubblewrap{
list-style-type:none;
margin:0;
padding:0;
}
.bubblewrap li{
display:inline;
width: 60px;
height:60px;
}
.bubblewrap li img{
width: 50px; /* width of each image.*/
height: 50px; /* height of each image.*/
border:0;
margin-right: 4px; /*spacing between each image*/
-webkit-transition:-webkit-transform 0.1s ease-in; /*animate transform property */
-o-transition:-o-transform 0.1s ease-in; /*animate transform property in Opera */
}
.bubblewrap li img:hover{
-moz-transform:scale(1.8); /*scale up image 1.8x*/
-webkit-transform:scale(1.8);
-o-transform:scale(1.8);
}</style>

<br />
<center>
<br />
<ul class="bubblewrap">
<li><a href="ضع هنا رابط جوجل بلس"><img src="http://up13.up-images.com/up/viewimages/45c47d1cd8.png" title="Add to googlr plus" /></a></li>

<li><a href="ضع هنا رابط صفحتك علي الفيس بوك"><img src="http://up13.up-images.com/up/viewimages/5acd56d6b1.png" title="Add to Facebook" /></a></li> 


<li><a href="ضع هنا رابط صفحتك علي تويتر"><img src="http://up13.up-images.com/up/viewimages/3e1a619eef.png" title="Add to Twitter" /></a></li>

<li><a href="ضع هنا رابط الخلاصات"><img src="http://up13.up-images.com/up/viewimages/33161c54c8.png" title="Add to Rss" /></a></li>

<li></li>
</ul></center>

ثم قم بتغير ما باللون الأحمر إلي روابطك علي جوجل بلس والفيس بوك وتويتر والخلاصات ثم قم بالحفظ والسلام عليكم ورحمة الله وبركاته.