إضافة بلوجر إحترافية للمتابعة على المواقع الأجتماعية

السلام عليكم 

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

طريقة التركيب:
أولا قم بالذهاب الى بلوجر ثم تخطيط
إضافة اداة
HTML/JavaScript
  أضف الكود التالي مع مراعات تغيير ما مكتوب باللغة العربية و لونه أزرق بروابط البروفايلات الخاصة بك

 <style>

/*--------B2W Touch Me Sharing Widget ------*/

.touchme a {

display:block;

height:50px;

width:50px;

padding:0 4px;

float:left;

background:transparent url(http://beautifulbloggerwidgets.googlecode.com/files/Sharing%20Touch%20Me.png) no-repeat;

-webkit-transition: ease-in 0.2s all;

-moz-transition: ease-in 0.2s all;

-o-transition: ease-in 0.2s all;

-ms-transition: ease-in 0.2s all;

transition: ease-in 0.2s all;

cursor:pointer;

}

.touchme a.googleplus {

background-position: 0px -58px;

}

.touchme a.googleplus:hover {

background-position: 0px 0px;

}

.touchme a.twitter {

background-position: 0px -290px;

}

.touchme a.twitter:hover {

background-position: 0px -232px;

}

.touchme a.facebook {

background-position: 0px -406px;

}

.touchme a.facebook:hover {

background-position: 0px -348px;

}

.touchme a.rss {

background-position: 0px -174px;

}

.touchme a.rss:hover {

background-position: 0px -116px;

}

</style>

<p style="display:none;">Cool Social Media Sharing Touch Me Widget by <a href="http://beautifulbloggerwidgets.blogspot.com/">Beautiful Blogger Widgets</a></p>

<div class='touchme'>

<!--RSS-->

<a class='rss' href="رابط التغذيات rss الخاص بمدونتك" rel='external nofollow' target='_blank'></a>

<!--Google Plus-->

<a class='googleplus' href="رابط بروفايلك على جوجل بلس" rel='nofollow' target='_blank'></a>

<!--Facebook-->

<a class='facebook' href="رابط صفحتك على الفيسبوك" rel='nofollow' target='_blank'></a>

<!-- Twitter -->

<a class='twitter' href="البروفايل الشخصي في تويتر" rel='nofollow' target='_blank' ></a>

</div>