لإضافة الأداة إذهب إلى تخطيط ->إضافة أداة ->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/AVvXsEjIuLAK3IOq7Q5mt-echHHBjCl5ovXrwnawtJngylkEFt3v_zOIuO2hnDJDOGwuEzW5N0f9xu0OVFn5uoix93smPF32L81DmjbxRytwujHXtab9DxEGO7BsB9hyKEgKxUOJJcg_lzdwkTg/s1600/helperblogger.com-facebook.png” /></a> <a href=”http://www.twitter.com/YOURNAME/”> <img border=”0″ src=”https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgeuzA4jgYuTPymv0WzxdWop_cL_sNn_3ofHEjPMOdU_z6X-OqOVIi3ks2bh_pOQrpG5YXkDKWMXh9P7Gv9Fhg5UxrXT87jp7xXfMaPODAxjIPBDMu-VmSWOkAoOLeoaQ4SqDBEcLTnI-s/s1600/helperblogger.com-twitter.png” /></a> <a href=”https://plus.google.com/YOURNAME“> <img border=”0″ src=”https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_GGP6fVEwCJ8VpzGCMIr9-FOWlrkPx-1mlcq7VuvYXnSLaHvNX86a1_zY2_mWxI_7TSS9ZDF4VvhpYvN05-Sye_TOW5ZugR23apwqBf9pLjEmcYiuHX5t-VKQchOXlNzI7dC6ceo_1Ng/s1600/helperblogger.com-google_plus.png” /></a> <a href=”feeds/posts/default/”> <img border=”0″ src=”https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4YiwUGFrmKaWC011Sq88G9yzGIusfWmK8yRBHUJJzctVLMFBbTQlmnirw4Tep_dilsfra4DlDYvB-oRYnOQh2iI9Aa1BUhZMNiFselOMC5McJy4F3qbqNAewUDkX6OhAuBL_zQHs3QAQ/s1600/helperblogger.com-rss.png” /></a> <a href=”http://www.youtube.com/YOURNAME/”> <img border=”0″ src=”https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0U4D4yUJ7-xx0hqjVdm_PwcH5V8prV_-_INhIU1Wi-YidTvUD3j4KUF3tNn2ssmGcjv9EN7X89Leyt7q8hYRojR_jdCeqJTWErEC7MTwFOpIkAaSiy9-ArSdcOJJB3mFjNcmcTvSYFuM/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 برابط صفحتك
ضمن :
بلوجر
0 تعليق الآن "إضافة المواقع الإجتماعية لمدونات بلوجر بشكل جديد و رائع"