Monday, 15 July 2013

اضافت قائمة لأزرار التواصل الإجتماعي للمدونة



https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizgogH2w9pvQv430l4lz78jlV16YiGGb-3Mwmt7okrPDvOSibbuw3jOIk9LorkzlVJRjDAfrKU-J93rFQeu92Wf6Vn5Er8h9mFiUb2pexqK2nFTCFTpbPD5CvlMEvceIVFR8HTdYIJ4no/s320/Touch+Me.gif





كيفية الإستحدام :
كالعادة قم بالذهاب إلى تصميم > عناصر الصفحة > إضافة أداة Html/JavaScript
ثم أضف الكود التالي


<style> 
/*--------Touch Me Sharing Widget ------*/ 
.touchme a { 
display:block; 
height:50px; 
width:50px; 
padding:0 4px; 
float:left; 
background:transparent url(اضافت قائمة لأزرار التواصل الإجتماعي) 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>

<div class='touchme'>
<!--RSS--> 
<a class='rss' href="YOUR RSS LINK" rel='external nofollow' target='_blank'></a>
<!--Google Plus--> 
<a class='googleplus' href="YOUR GOOGLE PROFILE LINK" rel='external nofollow' target='_blank'></a>
<!--Facebook--> 
<a class='facebook' href="YOUR FACEBOOK LINK" rel='external nofollow' target='_blank'></a>
<!-- Twitter --> 
<a class='twitter' href="YOUR TWITTER LINK" rel='external nofollow' target='_blank' ></a>

</div
>


Syeda ZeenatPosted By Btemplate3s

We are Creative Blogger Theme Wavers which provides user friendly, effective and easy to use themes. Each support has free and providing HD support screen casting. contact me

Thank You..

0 comments:

Post a Comment