السلام عليكم ورحمه الله وبركاته
حصريا اضافة الشبكات الاجتماعية 2013علي شكل ميترو الاضافة جديدة وخفيفة علي المدونة وبشكل انيق وجميل وتلفت نظر الزوار في المدونة وتساعد في كثرة معجبيك في المواقع الاجتماعية
اضافة الشبكات الاجتماعية 2013علي شكل ميترو
تكون الاضافة علي هذا الشكل
لتركيب الاضافة علي مدونتك ادخل علي لوحة تحكم مدونتك واختار التخطيط كما واضح في الصورة
ثم بعد ذلك اختار اضافة اداة كما ظهر في الصورة
بعد ذلك اختار html /javascript كما موضح في الصورة
والصق الكود غي المربع
<style> .widget-item-control a { display:none; } .widget-item-control a { display:none; } #supportive { width:300px; float:left; margin-top:10px; } #supportive li { position:relative; cursor:pointer; padding:0!important; } #supportive .facebook,.googleplus,.rss,.twitter { position:relative; -moz-transition:all .4s ease-in-out; -webkit-transition:all .4s ease-in-out; -o-transition:all .4s ease-in-out; transition:all .4s ease-in-out; z-index:5; display:block; float:left; margin:1px; } #supportive .icon { overflow:hidden; } #supportive .facebook { width:147px; height:150px; background:rgba(59,89,152,1) url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwTvG_QGByXcW2I1kS_GF9nalFJ4eJta-QiRhc6ZDUlgQ6hPAd7XD7shSoZz-GvEiV4GmS2PELSS40hPYqXfqB2G8P1pALqVxxNlhyCQj5kHUQeGKIC_qAHBtfDhT2AtUuREekgNueKVo/h120/facebook.png) no-repeat center center; } #supportive .twitter { width:148px; height:74px; background:rgba(59,89,152,1) url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgII-5Bb7Iei0skR8BJF8oj6CreS2v-N51EL7iJGOX29N72r5RdOTG1ho6YTjjO47hNvae-dU3POTdvmtqTI4wc-kAVWOD9NBEWooUqf34oBTq8QA-DEOBOStPiGfIkVnHfumslsHGKVXoO/s1600/Twitter.png) no-repeat center center; } #supportive .googleplus { width:148px; height:74px; background:rgba(59,89,152,1) url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTWCgzO8C8oCgUWPLT5j2bPmKLlWwJ6BlL7srhhwNN3zVJbeiXiVsxJ1VRAQrJ8cRGkLHJllv8gBdG_m6QxQ5oNPZ9fYatjTuyN5HVzQZrhEyLYiSF2AxwnCeqAhf37IdeTigGlrERbk2a/s1600/google+plus.png) no-repeat center center; } #supportive .rss { width:299px; height:74px; background:rgba(59,89,152,1) url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirlNTXkTdgKCUFGwHArfO0uINwdTVH5gEiz_lZviKnSRm9d4QuCI_k2kuAbTPShmIKO63q3H3EFaHbDXoABWm6TCmMEUUsmnTyNvoSoUHGRr4MhS1YWuYELBvRR-0bnBD_xL4IpsWKyI2z/s1600/rss.png) no-repeat center center; } #supportive li:hover .facebook { background-color:#3468B6; -moz-transition:all .1s ease-in-out; -webkit-transition:all .1s ease-in-out; } #supportive li:hover .twitter { background:rgba(64,153,255,1) url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjI76rB3Bb__-Chj4SS94FfPscQ3mmq3VqU5ky6SdRS-98UszHL-67lh92P2yuS7wy2NhgUhGh9AGA_OIPtcD1CvMmkefVa_2hGhHhzHlrzEm2aFmXRi4a_L2Hl_oOVtA0iELT84uHOnzY/h120/Twitter.png) no-repeat center center; -moz-transition:all .1s ease-in-out; -webkit-transition:all .1s ease-in-out; } #supportive li:hover .googleplus { background:rgba(228,69,36,1) url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnCNHwCQbCfpvhust9F2llBRAM7QV1nw4VZoPFqMtFm0GhwmSrorLK5SpllDa8OtWj28VjWyOLcxXOrSEmoMPg27_WRDktaQNfOlaE9H9U-EJTAQgnkzXORMRqyIkz4TzCt6pkg7Tlz9g/h120/google+plus.png) no-repeat center center; -moz-transition:all .1s ease-in-out; -webkit-transition:all .1s ease-in-out; } #supportive li:hover .rss { background:rgba(255,102,0,1) url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2S5X8Ru3dBiiPr5CWDAsyO7kvwE1jO3E1KaXyUvy6tx2ZlwMWIf-FwSDxJ_8BPGOW7ZWHSJFWaaKxSfIzwhkAyY4PHr2sHt-vn-cnB-EaFLJI1lbNGFplCPAMtpIgSPPJhIdSkB0AqBk/h120/rss.png) no-repeat center center; -moz-transition:all .1s ease-in-out; -webkit-transition:all .1s ease-in-out; } </style> <ul id='supportive'> <li><a class='icon facebook' href='http://www.facebook.com/صفحتك علي الفيس بوك /'/></a></li> <li><a class='icon twitter' href='http://twitter.com/حساب تويتر الخاص بك'/></a></li> <li><a class='icon googleplus' href='https://plus.google.com/جوجل +الخاص بك/'/></a></li> <li><a class='icon rss' href='http://feeds.feedburner.com/blogspot/رابط صفحة الخلاصة الخاصة بك
</a></li> </ul>
عير ما بلون الاحمر الي الروابط الخاصة بك