السلم عليكم ورحمة اللة وبركاتة
اضافة اداة تابعني عبر المواقع الاجتماعية الى بلوجر باربعة اشكال مختلفة
الشكل الاول
يضم 6 مواقع
طريقة التركيب
1 . من لوحة التحكم - > تخطيط- > اضافة اداة- > HTML/javaScript
ثم الصق الكود التالي
/*Metro UI Social Profile Widget v3.0 by Tech Prevue LabsWeb link to gadget code: http://www.m3infos.blogspot.com/search/label/%D8%A8%D9%84%D9%88%D8%AC%D8%B1?max-results=8Distributed under license CC BY-NC-ND 3.0 INTPlease keep license information intact while using this widget*/.metro-social{width:285px}.metro-social li{position:relative;cursor:pointer;padding:0;list-style:none}.metro-social .fb,.tw,.gp,.pi,.in,.yt,.fd{z-index:7;float:left;margin:1px;position:relative;display:block}.metro-social .fb{background:url(//goo.gl/6xmUk) no-repeat center center #1f69b3;width:140px;height:141px}.metro-social .tw{background:url(//goo.gl/oyiFK) no-repeat center center #43b3e5;width:68px;height:70px}.metro-social .gp{background:url(//goo.gl/oT0kF) no-repeat center center #da4a38;width:69px;height:70px}.metro-social .pi{background:url(//goo.gl/7olxx) no-repeat center center #d73532;width:68px;height:69px}.metro-social .in{background:url(//goo.gl/PhFhj) no-repeat center center #0097bd;width:69px;height:69px}.metro-social .yt{background:url(//goo.gl/zcwjB) no-repeat center center #e64a41;width:140px;height:69px}.metro-social .fd{background:url(//goo.gl/lhBP1) no-repeat center center #e9a01c;width:140px;height:69px}.metro-social li:hover .fb{background:url(//goo.gl/MH8AP) no-repeat center center #1f69b3}.metro-social li:hover .tw{background:url(//goo.gl/hHRHv) no-repeat center center #43b3e5}.metro-social li:hover .gp{background:url(//goo.gl/wva4B) no-repeat center center #da4a38}.metro-social li:hover .pi{background:url(//goo.gl/IORvy) no-repeat center center #d73532}.metro-social li:hover .in{background:url(//goo.gl/2zHrm) no-repeat center center #0097bd}.metro-social li:hover .yt{background:url(//goo.gl/I1c4a) no-repeat center center #e64a41}.metro-social li:hover .fd{background:url(//goo.gl/CjzDP) no-repeat center center #e9a01c}
وغير المحدد بما يناسبك
الشكل الثاني
طريقة التركيب
1 . من لوحة التحكم - > تخطيط- > اضافة اداة- > HTML/javaScript
ثم الصق الكود التالي
/*Metro UI Social Profile Widget v2.0 by Tech Prevue LabsWeb link to gadget code: http://www.m3infos.blogspot.com/search/label/%D8%A8%D9%84%D9%88%D8%AC%D8%B1?max-results=8Distributed under license CC BY-NC-ND 3.0 INTPlease keep license information intact while using this widget*/.metro-social{width:285px}.metro-social li{position:relative;cursor:pointer;padding:0;list-style:none}.metro-social .fb,.tw,.gp,.fd{z-index:7;float:left;margin:1px;position:relative;display:block}.metro-social .fb{background:url(//goo.gl/6xmUk) no-repeat center center #1f69b3;width:140px;height:141px}.metro-social .tw{background:url(//goo.gl/oyiFK) no-repeat center center #43b3e5;width:140px;height:70px}.metro-social .gp{background:url(//goo.gl/oT0kF) no-repeat center center #da4a38;width:140px;height:69px}.metro-social .fd{background:url(//goo.gl/ncoLY) no-repeat center center #e9a01c;width:282px;height:69px}.metro-social li:hover .fb{background:url(//goo.gl/MH8AP) no-repeat center center #1f69b3}.metro-social li:hover .tw{background:url(//goo.gl/hHRHv) no-repeat center center #43b3e5}.metro-social li:hover .gp{background:url(//goo.gl/wva4B) no-repeat center center #da4a38}.metro-social li:hover .fd{background:url(//goo.gl/JFGqn) no-repeat center center #e9a01c}
وغير المحدد بما يناسبك
الشكل الثالث
طريقة التركيب
1 . من لوحة التحكم - > تخطيط- > اضافة اداة- > HTML/javaScript
ثم الصق الكود التالي
.social-icone{ height:108px; background-image:url(https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_sd0ZLS8KEX-T-oy9qCk77n2JwyE6_zgPApKdiYXcXJYEZ_3jb372ol0gSLXroj8AJHTAnUyJPMy0iIfcMlHyQGr7E=s0-d);}.social-icone div{ margin: 8px 12px;}.social-icone a{ text-decoration:none;}.you-icone b, .twt-icone b,.face-icone b,.rss-icone b{ font:14px tahoma; color:#8c8b8b;}.you-icone span,.twt-icone span,.face-icone span,.rss-icone span{font:11px tahoma; color:#a3a3a3; }.you-icone{width: 50px;height: 32px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhaGzToUrKkQylzygvgW3i0djJTn3DWZ_KviWUBGDyXaBEdopi8t0rUOCPto4-tANG-9bWL_4Xhoqfj5kDKgT6Jz4NGssAKFm4SZRFwModeqxA_a5wpYndh3a1FX6zW-rog1AZyq987rgY/s1600/youtube.png)top no-repeat;text-align: center;padding-top: 56px;float:right;}.you-icone:hover{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSZyudTqfO_o03cYWMSA8n_63GFgBitQ29tcV8HnvUmu18WNvwThFhaSwNDsU367Ny1iDXqkBUlLqcf12NwuX_z6XOO6VO5khdZXGBg6obZD1WRceaKMJGV4_CRVPWbpCCxUk0nqt44XA/s1600/youtube2.png)top no-repeat;}.twt-icone{width: 50px;height: 32px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijLJYswJUVVgbzFZCY4ro6j5cPRShsiuILuaPsmxk13cpIStCLe98XvsUQl0pX5sGK-hhmH7vnq0FFOLs6mM5s8_O__xRkDB7IQjdPiaXnkCUJ1nlXux1j6tXTRPQwtoSvv7r0bG5cC6I/s1600/twitter.png)top no-repeat;text-align: center;padding-top: 56px;float:right;}.twt-icone:hover{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqxExqLWlqYCvZzw7r8i8W18qg0jtKI5KZryaHmlmHqqxXneeOB1cwoZxuKSvpqOmNMOsy6D1bdSdx6mBLNJvx15L0Jo9K-V5RM7U0qhxzMSPui6UrjDafkFWEokzwqNpV0B19OJw15EI/s1600/twitter2.png)top no-repeat;}.face-icone{width: 50px;height: 32px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuQLCwyqvTZpM2owaNQbNaMy2gK508SeMVUPcq3Kk5L-1v8ANd5822-11N1IlzlPQGQX0bYx14l59-6QHRV1Jtrz9QLPzFrh_JzsxbYuSp1dSveke1Mr7wVQdFoeJJyCepNPEiXd4nxRQ/s1600/facebook.png)top no-repeat;text-align: center;padding-top: 56px;float:right;}.face-icone:hover{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoQf1dsiY4m7_q3oKgJ37YdAar8hPgXmNl6QVdzTu8V-86wE4P74LP10UL_Tj8Z54HrhhQy4aV-eAqWLdYFMkW5mDXL3w2uX2-rnv5Td1QRMd0kPVUs6HSnWyoNMwfGhMxOrTj6Byx7jU/s1600/facebook2.png)top no-repeat;}.rss-icone{width: 50px;height: 32px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKUBxnxGvtVsRJzbOzpwE2PHGnrD1G9rD6VfWVoZpwQiRHPI1RyzWob1PfrcQIIuZRW-uAkdMfy6065pmbKYaMLVV76i4eQeXNbg1aQyB3NwReeEqazd3vTffhxNxg1VksYRt7dBLUNA0/s1600/RSS.png)top no-repeat;text-align: center;padding-top: 56px;float:right;}.rss-icone:hover{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbZw2XKgg6CEVVQYo9xYvIGeBRrMlFWJ_qeRF5gx_no7ZL9Qmkgl_SmXI_kKNhNrWF75e27RAOusOxsp9nWIADWPZGNGmbbqdCj428JxcVjb08YOLa5rE6aug4JW-cXET53OdKV0gAnC4/s1600/RSS2.png)top no-repeat;}.post-footer-line > * {margin-left: 0;}99.000مشترك4500متابع250معجب10.000مشترك
الرئيسية تحويل الاكوادإخفاء الابتساماتإخفاء