الأحد، 9 سبتمبر 2012

إضافة أيقونات ثلاثية الأبعاد لمواقع التواصل الإجتماعى إلى مدونتك على بلوجر مع تأثير الدوران عند المرور عليها

جميعنا نعرف مواقع التواصل الإجتماعى وأهميتها فى نشر تدويناتنا ومشاركتها مع جميع متصفحى الإنترنت والأصدقاء .

وأيقونات مواقع التواصل الإجتماعى كثيره جدا ومنتشره جدا على الكثير من المواقع والمدونات , ولكنى اليوم جئت لكم بأحدث شكل من أشكال هذه الأيقونات وهو شكل ثلاثى الأبعاد , بالإضافه إلى وجود تأثير عليها يجعلها تدور حول محورها عند المرور عليها بمؤشر الماوس .

طريقة إضافتها لمدونتك على بلوجر

قم بالذهاب إلى تخطيط مدونتك وأضف أداه HTML/JAVASCRIPT وضع فيها الكود التالى :


<style> #social a:hover {background-color: transparent;opacity:0.7;} #social img { -moz-transition: all 0.8s ease-in-out; -webkit-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; -ms-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; } #social img:hover { -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } </style> <center><div id="social"> <!--Start Rss Icon--> <a title="Grab Our Rss Feed" href="YOUR-FEED-URL-HERE" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLt-6x4k2e5nsrBTjH_M9NmAJe8Tb_QihUNaPJbu3ZAY71ol1iJDPydHgwZdK5PPf-f40skUFgWDz3lgtEvQS3y89jLki8IDIKVqH7RWyRu7Q2lHxeHrzL6mqJ2mN1XKxfJ6NrkQ9PSsVa/s1600/RSS-48x48.png" style="margin-right:1px;" alt="Icon"/></a> <!--End Rss Icon--> <!--Start Email Rss Icon--> <a rel="nofollow" title="Get Free Updates Via Email" href="YOUR-EMAIL-RSS-URL-HERE" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIpD8Eij2qZpqU-NJ09nZc-o7MKEroQwy6-NtGqUfQ8LmF6lTrhcM6492MiaUPeWXu4Sc7javmezjFvCHSk6Jefp56UL3ukT6yYuuDMQuNyJkn-EQe7pPIyMQ345z8I8hRSNwE1qX7fN91/s1600/RSS-EMAIL-48x48.png" style="margin-right:1px;" alt="Icon"/></a> <!--End Email Rss Icon--> <!--Start Facebook Icon--> <a rel="nofollow" title="Like Our Facebook Page" href="YOUR-FACEBOOK-PAGE-URL-HERE" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRIHe4M-2YEh-PAMriclrlFbkmUeTWESkvxOdzXvQ0uBQJal8XEvlYJ1m6NjwkdtKJ4oOqwzYLjkQ9QewCtvxp__vK2VPKQuUcEe8gm6JjZuxxEd242wvWER_CoZbCCUXRTpByeGQ4QsQG/s1600/FACEBOOK-48x48.png" style="margin-right:1px;" alt="Icon"/></a> <!--End Facebook Icon--> <!--Start Twitter Icon--> <a rel="nofollow" title="Follow Our Updates On Twitter" href="YOUR-TWITTER-URL-HERE" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibdxgOpXyBRrsF1vaAeRWPPuvigrZD0BGMFX4erVjFFMM55889cGJOK6ItbVVv8z0Sl0ThKPaSKpGKLTf5AJKR8w76bwQMriDuj9sXNH6GdU20Q37Q5jhdjmEUXDQWaKwoywcLhlAOAUiQ/s1600/TWITTER-48x48.png" style="margin-right:1px;" alt="Icon"/></a> <!--End Twitter Icon--> <!--Start Google+ Icon--> <a title="Follow Us On Google+" rel="nofollow" href="YOUR-GOOGLE-PLUS-URL-HERE" target="_blank"><img style="margin-right:1px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrOiTnkXS3fMpJ9uXwBypqsZ34Hz6x_Nf8wNFDTYQtTOuqu41NoFdV_POF3yVbqssYKGt7u9u4IsLylcRUqruyQ4JSw294PQNsPQN1FZMHix5hDif3sKbMButIE4dUOiRFKKbCa08cqfPV/s1600/GOOGLE-PLUS-48x48.png"/></a> <!--End Google+ Icon--> <!--Start Pinterest Icon--> <a title="Follow Our Pins" rel="nofollow" href="YOUR-PINTEREST-URL-HERE" target="_blank"><img style="margin-right:1px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5mrnbyS6Efb2GVyzni_C26G_poLD_YCWRG8KevGgHTfMADyqYgEldhB9fVWkG-N0g_t0UQTGwkMLU9Omq9SbNeXrvcQrJCB-d3w1zZ2AQEG0bquEgYZCBaTVx_ZhDoFFV7jyDJzo2Cj28/s1600/PINTEREST-48x48.png" alt="Follow Me on Pinterest" /></a> <!--End Pinterest Icon--> </div><br/> <!--Start Feed Count Button--> <a href="YOUR-FEEDBURNER-URL-HERE" target="_blank"><img alt="spice up your blog" src="http://feeds.feedburner.com/~fc/spiceupyourblog?bg=ff9933&fg=000000&anim=1" style="border:0" /></a><!--End Feed Count Button--> </center>
قم بتغيير الكلمات ذات اللون الأصفر بروابط حساباتك على مواقع التواصل الإجتماعى, ثم قم بالحفظ وإستمتع بها .

ليست هناك تعليقات:

إرسال تعليق