أزرار مواقع التواصل الاجتماعي بشكل أنيق

طريقة الإضافة

اذهب إلى المدونة ç التخطيط ç إضافة أداة ç HTML/JavaScript

ثم قم بنسخ الكود التالي ولصقه

<- www.tiqniatpro.com -> <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="#" target="_blank" title="Grab Our Rss Feed"><img alt="Icon" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXgs9H4_9qd1q4iI7XTLwzp6LkyNdxpj8deR_lSs5OmtQhHRe65YcG9h_G5lPtVr8NfKX3p5cdzypawLuDMmlTdGL1xBnDGwMhkJNQSJ1FN2IFejnE76NqIGvbEoh_MnHuCWQS74wxsDm5/s1600/RSS-48x48.png" style="margin-right: 1px;" /></a> <a href="#" rel="nofollow" target="_blank" title="Get Free Updates Via Email"><img alt="Icon" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4e8MA5-U4COtr7hnOQc5mAaN7nje5UFw_pZPcorGbWeb1TDkXFA2p3yFnxMTga0OFNZ0mJpDc7d9RAPLiy4tqS9_MEbMY6MwD4ffOYqGzuEJoaqHlQZb36crEe_IeNNEwpUJwZ3iR6KDh/s1600/RSS-EMAIL-48x48.png" style="margin-right: 1px;" /></a> <a href="#" rel="nofollow" target="_blank" title="Like Our Facebook Page"><img alt="Icon" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihjZs9mTp644AQrpiTniwLBo0jvRq-hVfZRvhHlwBrzHCk4VL6HtUgTcQ3IJ5mC7mvsOzvJsFQ26GcVPgz-AtZIzHBgk3kx7vrX-T-nC-SQaYqiBto1SqOWKli6Tto5tYAGwQi3g4diUxO/s1600/FACEBOOK-48x48.png" style="margin-right: 1px;" /></a> <a href="#" rel="nofollow" target="_blank" title="Follow Our Updates On Twitter"><img alt="Icon" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYaWLcImsNK0M7YYkl5nd8qlGaE8Ey0MZ6SG9SnXhsAhnjX40uHI3ho8nCaQ51m7kJ1MmgfH3gpgqYzG1f4YLzDS20YKx0s_B7-bM6cc0YxE_1i9r6eb4J490pNSaacIX9cxR7Ob3bsB6m/s1600/TWITTER-48x48.png" style="margin-right: 1px;" /></a> <a href="#" rel="nofollow" target="_blank" title="Follow Us On Google+"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg47lLznhuRMPeZ_mges4rXl2uKJmrOZzNfyi8KrZFbqaVwupxLnBaVSfhyphenhyphenyAeprLOwREtzkpn_aD_CgK_RjgkTYzLhR_D6IiRxzgLjyVGWaxYPrBFH9QWCPNxnH9d5n3gkPYrdzOsj-fkV/s1600/GOOGLE-PLUS-48x48.png" style="margin-right: 1px;" /></a> <a href="#" rel="nofollow" target="_blank" title="Follow Our Pins"><img alt="Follow Me on Pinterest" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3nOFeiuU5C9N-WuTTHBbY1q0P9pV0s6KtNCua3btnRXS5V3EwGoZAXA3jR1ja2EPHPk-jWgwKp3YTl2W1XxNNBHihJe5A5VajgqSHMyA0uo2lJ7-LZmNZdHZ-NHNqgkwJyaU-zqkI3lkU/s1600/PINTEREST-48x48.png" style="margin-right: 1px;" /></a> </div> </center> <- www.tiqniatpro.com ->

واستبدل # بروابطك الخاصة

ثم حفظ الأداة واذهب للمعاينة