ايقونات المواقع الاجتماعية بتاثير تدوير 360
بسم الله الرحمن الرحيم
مرحبا بكم في مدونة مسطرة ... و موعدنا اليوم مع درس من دروس بلوجر و هو ايقونات المواقع الاجتماعية بتاثير تدوير 360
قالب,معرب,مطور,مدونات,بلوجر,تحميل,اضافات,معاينة,صور,blogger,template,addition,فيسبوك,تويتر,facebook,الربح من الانترنت,جوجل,ادسنس,فيديو,شرح,طريقة,تقنية,معلومات,محترف,مدونة,طريقة,تغير,شكل,الماوس,مدونة,بلوجر,نشر,ليوماجازين,تقني ,البحث ,الانترنت
اضافة ايقونات مواقع التواصل الاجتماعى اضافة مهمة لتواصل زوارك معك فى كل الشبكات التواصل الاجتماعى وبالاضافة الى ذلك يوجد تاثير css يجعل الايقونة تدور بدرجة 360 وتعطى شكل انيق .
طريقة التركيب
نذهب الى لوحة تحكم المدونة ← التخطيط ← اضافة اداة جديدة HTML/JavaScript
نضع هذا الكود
<style>#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);}.comments .comments-content .icon.blog-author{position:absolute;top:-1px;right:-12px;margin:0;background-image: url(http://cdn2.iconfinder.com/data/icons/crystalproject/16x16/apps/keditbookmarks.png);width:36px;height:36px}.CSS_LIGHTBOX_BG_MASK{background-color:#990000 !important;opacity: 0.8 !important;}.post img {max-width:95% !important;}</style><br /><center><div id="social"><a href="http://feeds.feedburner.com/feedburnerurl" target="_blank" title="Grab Our Rss Feed"><img alt="Icon" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNXLNWNNndhnx5q5PYGx2nT4rXx1PmaA6hpO9WeMbnI4MtRbY9SDQX9LhyphenhyphenK-stX1dLlo46S-qsO8_sb4NppuMKYx0XD9h4cco1g_xIn60VcelQYI-WX6LvRhTafWAqucmOItWdHi49dwXb/s1600/RSS-48x48.png" style="margin-right: 1px;" /></a><a href="http://feedburner.google.com/fb/a/mailverify?uri=feedburnerurl&loc=en_US" rel="nofollow" target="_blank" title="Get Free Updates Via Email"><img alt="Icon" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWjChVL-OOvHrmMNfvxQEhKeElu-2Jq8QQpZWGs5AlCEiGhneyVbQWfgFmuefBhawVzkAAPn9OmNOYDgFMsLOKxq7A2NCbZC2M1sVMkg3VS-x8Fv2pbmkAnB53LjrJzIUdR8j2ynSbmPeu/s1600/RSS-EMAIL-48x48.png" style="margin-right: 1px;" /></a><a href="http://facebook.com/fbpageurl" rel="nofollow" target="_blank" title="Like Our Facebook Page"><img alt="Icon" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZKg-HNBnyze_OOw3jspAouIEHnoghpJCGRX0ti38JpecRWb2HFJ0BVo0cu60yGR1RUyDQhEC-bO2JSZ9Edsqo4WVIOlZ_aVeP5X8Y0s2GaIt5MyMgcSrAXXwTpgcecIiK4p5o2zc-Zxil/s1600/FACEBOOK-48x48.png" style="margin-right: 1px;" /></a><a href="http://twitter.com/twitterurl" rel="nofollow" target="_blank" title="Follow Our Updates On Twitter"><img alt="Icon" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsVQjpVUlXl59PCJAAlwck-CxIsez8L9QOQ7K04wlx6QbZtWv4I9ut_DCxWETWR0z8YLI6wuMzNK3e7HYK57PcYO_76PkWni7XIGgnDl0BCsqOF0hpDg2ncAwisF_1QRrCGKjuVy0ChNvx/s1600/TWITTER-48x48.png" style="margin-right: 1px;" /></a><a href="https://plus.google.com/googleplusurl" rel="nofollow" target="_blank" title="Follow Us On Google+"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhefYCZiUQGmcsDvmciYh6NaB-F2-w0LAj4vxwHk0KCfkoA4nX3OQ1V0qT0hOhjTfcQXF6EC9NMQLLpTwKvBYuUIrQHToZSY5kCe-XxFR2H3yNjbhRDk_liTdPBI5Fas2NUCkBi6ZurV7U8/s1600/GOOGLE-PLUS-48x48.png" style="margin-right: 1px;" /></a><a href="http://pinterest.com/pinteresturl/" rel="nofollow" target="_blank" title="Follow Our Pins"><img alt="Follow Me on Pinterest" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6C0umuQzyP0rro67Q65x-Y7INX3YwvBrRA_5SL3XDlfqLXgpEALE2Fwj90sme8L-nBGBFIK6CkP-KlDYTijaWZ-Q-hRY7Pgg4gGySdEGTbtOp2DaGIzPqQx4BAZMOSby8GusFyQ1rmAD0/s1600/PINTEREST-48x48.png" style="margin-right: 1px;" /></a></div></center>
و بكده نكون انتهينا من موضوعنا وهو ايقونات المواقع الاجتماعية بتاثير تدوير 360
شكرا لكم جميعا ... و السلام عليكم و رحمة الله و بركاته
0 الرد على "ايقونات المواقع الاجتماعية بتاثير تدوير 360"
إرسال تعليق