| | 2 تعليقات ]

اضافة أزرار مفضلات الاجتماعية للبلوجر,أزرار تويتر فيسبوك غوغل بلوس,دوس بلوجر,اضافات لمدونات البلوجر

بسم الله الرحمان الرحيم و الصلاة و السلام على أشرف المرسلين سيدنا محمد صلى الله عليه و سلم اما بعد

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

social-bookmarking-service

هذه صورة للاضافة:

Touch Me

اذا اعجبتك الاضافة أو تود تجربتها و معاينتها مباشرة الطريقة بسيطة جدا فقط :

لوحة التحكم=>التخطيط=> اضافة أداة=>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="هنا ضع رابط خلاصة مواضيع مدونتك" 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>




أتمنى أن تعجبكم الاضافة يمكنك تحميل قوالب بلوجر من هنا اذا أحببت

هناك تعليقان (2) :