الخميس، 4 ديسمبر 2014

اضافات بلوجر

اضافة ايقونات المواقع الاجتماعية لمدونات بلوجر

<

السلام عليكم ورحمة الله وبركاته

مرحبا واهلا بكم متابعي مدونة Alshabh 4 Download في تدوينة جديدة وتدوينة اليوم عن كيفية اضافة ايقونات المواقع الاجتماعية بشكل رائع لمدونات بلوجر الطريقة سهلة جدا لننتقل الي الموضوع

صورة للأداة

مثال حي للأداة

TwitterFacebookRSSYouTubeGoogle

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

1.انتقل إلى لوح تحكم مدونتك
2.إختر "تخطيط" ثم إضافة أداة
3.ثم اختر HTML/Javascript
صورة توضيحية لطريقة التكريب

الكود

<style type="text/css">    .pbtv2Social { display: block; margin: 2em auto; width: 200px; height:40px; } .pbtv2Social span { float: left; display: inline; margin-right: 8px; } .pbtv2Social span a { display: block; width: 32px; height: 32px; text-indent: -9999px; background-color: none; background: transparent url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaG3WRj-uv0aULfcwVPr2598hZ9j8mWCPShS2LTeAMoUdPrngA6d3mqOx43OnKCWlhGAzEesGiBIXiCuyxFItKHOWC33NFJv74X3F2BWV9v1ToYFPbna6tX2LWQJ412g_vLKtEnqfl0Tqm/s1600/social+icon.png") 0 0 no-repeat; } #iconTwitter {background-position: -33px -33px;} #iconFacebook {background-position: -66px -33px;} #iconRSS {background-position: 0 -33px;} #iconYouTube {background-position: -99px -33px;} #iconGooglePlus {background-position: -132px -33px;} #iconTwitter:hover {background-position: -33px 0;} #iconFacebook:hover{background-position:-66px 0} #iconRSS:hover{background-position:0 0} #iconYouTube:hover{background-position:-99px 0} #iconGooglePlus:hover{background-position:-132px 0} </style><body> <div class='pbtv2Social'><span><a href='www.twitter.com/' id='iconTwitter' target='_blank' title='Follow us on Twitter'>Twitter</a></span><span><a href='http://www.facebook.com/' id='iconFacebook' target='_blank' title='Join us at Facebook'>Facebook</a></span><span><a href='http://feeds.feedburner.com/' id='iconRSS' target='_blank' title='Subscribe our RSS Feed'>RSS</a></span><span><a href='https://www.youtube.com/' id='iconYouTube' target='_blank' title='Follow our YouTube Channel'>YouTube</a></span><span><a href='https://plus.google.com/' id='iconGooglePlus' target='_blank' title='Follow us at Google+'>Google</a></span></div></div></div>

يمكنك تغير تلك الروابط بروابطك الخاصة

www.twitter.com

http://www.facebook.com

http://feeds.feedburner.com

https://www.youtube.com
https://plus.google.com

http://www.youtube.com/channel/UCRybkFJx39Ph0vzjEjmcqeg?sub_confirmation=1

<

مشاركه

0 التعليقات:

إرسال تعليق

Item Reviewed: اضافة ايقونات المواقع الاجتماعية لمدونات بلوجر Rating: 5 Reviewed By: el saker

الاشتراك في: تعليقات الرسالة (Atom)