حصريا اضافة اداة تابعنا بشكلها الجديد v4

اهلا وسهلا بكم متباعين مدونة مدهش ويب اليوم سوف اقدم لكم اضافة جيده جدا وهي تضم جميع المواقع التواصل او الاجتماعية ولن اطل عليكم ^_^_^

طريقة التركيب

1. ادخل لوحة تحكم بلوجر من هنا 
2. اذهب الى التخطيط 
3.  ثم اضافة اداة html/javascript
4. وضع فيها الكود التالي

<div class="metro-social"><li><a class="fb" href="https://www.facebook.com/omarnassersaber"></a></li><li><a class="tw" href="http://twitter.com/"></a></li><li><a class="gp" href="https://plus.google.com/u/0/me?tab=jX"></a></li><li><a class="pi" href="http://pinterest.com/"></a></li><li><a class="in" href="https://www.linkedin.com/"></a></li><li><a class="yt" href="https://www.youtube.com/channel/UCw3ovCEk90HlokxXBXaeldA"></a></li><li><a class="fd" href="http://feedburner.google.com/"></a></li></div><style>/*Metro UI Social Profile Widget v3.0 by Tech Prevue LabsWeb link to gadget code: http://www.techprevue.com/2013/02/social-profile-widget-metro-style.htmlDistributed 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}</style>
<div class="clear"></div><span class="widget-item-control"><span class="item-control blog-admin"><a class="quickedit" href="//www.blogger.com/rearrange?blogID=4668179162399978723&amp;widgetType=HTML&amp;widgetId=HTML1&amp;action=editWidget&amp;sectionId=footer-2-1" onclick="return _WidgetManager._PopupConfig(document.getElementById(&quot;HTML1&quot;));" target="configHTML1" title="تحرير"><img alt="" height="18" src="//img1.blogblog.com/img/icon18_wrench_allbkg.png" width="18"></a></span></span><div class="clear"></div></div>

لا تنسى تغيير  الروابط  بروابط مدونتك و مبرووك عليك الاضافة

***