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

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






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





 تابع معي...





لإضافة الأداة إذهب إلى تخطيط ->إضافة أداة ->HTML/JAVAScript

ثم قم بإضافة الكود التالي :

<style>p#hb_socialicons img { /* Spinning Social Icons Widget By HelperBlogger */ -moz-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } p#hb_socialicons img:hover { -moz-transform: rotate(120deg); -webkit-transform: rotate(120deg); -o-transform: rotate(120deg); -ms-transform: rotate(120deg); transform: rotate(120deg); } /* Spinning Social Icons Widget By HelperBlogger */ </style> <center><p id="hb_socialicons"> <a href="http://www.facebook.com/YOURNAME/"> <img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMT2bjoSu8sgDFAsWX1npkIijBQwqe_ptZhdBwbgUzysagJILjTNJXH6pYdL1ueIJ0b7weJhwDwRMwK8XZJkv068ipNg1XSirWvlITmGpDl5OjfH314UoUwwXjoZaqxlUR7tTR3onz2N8/s1600/helperblogger.com-facebook.png" /></a> <a href="http://www.twitter.com/YOURNAME/"> <img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyrJjelTBBSeXYEBMVLwF6zCUXdwlucGI8d8sPcb-wKLNiJsm7q1-g6kqF7byKXEq8isuWBiRaPg2FBA0NcU0tlHiVisCPD_gq9TpIGJ9BEy9G5o1y50gec0nb-77NdHvfp2ntaDaY44A/s1600/helperblogger.com-twitter.png" /></a> <a href="https://plus.google.com/YOURNAME"> <img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEif3ukKDCp7-tHgYgxHyphGGokLqNtgDtJcalHzJ4GQSlnr8TeDP6nG_fUk1JfJeKTl4WVwSdctHYErwdjx0qrl6vqNRjKmwggEXbeks8egn9ct3FKj6DFpT8EGQ-UUVZ7Lsf8Zqc1Pgok/s1600/helperblogger.com-google_plus.png" /></a> <a href="feeds/posts/default/"> <img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEij0RCFt2508D5ppC7Gaj3ZG-YxLJ4x3DahpEVu1zvJMVuzMCuwwZMpgxN77KBpGCx2CyTaqnO5_lG9ZJSMW6irCfat4_3Hf67XR8dV-kTiBARyuYgSgSZa0IAND1D0AJvh6F7j7Xb_a3o/s1600/helperblogger.com-rss.png" /></a> <a href="http://www.youtube.com/YOURNAME/"> <img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguNT3PP3hcdgbURZ31kEh7J6zjr3DzP9LxibY_U-g9oW2DOyNUEqIMcsYuxLIRV2ADNj9MymMNnvPcSzw8hNNY3SbLius7CcXel6Ti6GsTjsz1q8fnIvVze2y5RoSj4qTLhgit2upaK0Q/s1600/helperblogger.com-youtube.png" /></a> </p></center> - See more at: http://www.helperblogger.com/2012/07/spinning-social-icons-with-css3-for.html#sthash.xYURQGmE.dpuf

إستبدل YOURNAME برابط صفحتك
من فضلك شارك هذا الموضوع اذا اعجبك

ضع تعليقا أخي الكريم

No comments:

جميع الحقوق محفوظة المحترف للمعلوميات ©2012-2013 | ، نقل بدون تصريح ممنوع .