اهلا وسهلا بكم متباعين مدونة مدهش ويب اليوم سوف اقدم لكم اضافة جيده جدا وهي تضم جميع المواقع التواصل او الاجتماعية ولن اطل عليكم ^_^_^
طريقة التركيب
- ادخل لوحة تحكم بلوجر من هنا
- اذهب الى التخطيط
- ثم اضافة اداة html/javascript
- وضع فيها الكود التالي
<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&widgetType=HTML&widgetId=HTML1&action=editWidget&sectionId=footer-2-1" onclick="return _WidgetManager._PopupConfig(document.getElementById("HTML1"));" 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>
لا تنسى تغيير الروابط بروابط مدونتك و مبرووك عليك الاضافة
***
4 التعليقات
جميل جدا http://qalpy.blogspot.com/
لديك خطا بالتعريب
يوجد كتابة next تعني التالي
و previous وتعني السابق
وYou are viewing Most Recent Post وتعني هذا احدث منشور
:)
http://qalpy.blogspot.com/
الاضافة منقولة من موقع اجنبى http://www.techprevue.com/social-profile-widget-for-blogger-metro-ui-v3-0/
اخي اولا شكرا علي تعليقك وانا لم انقل مواضيعي
شكرا اخي علي النصيحة
بإمكانك إدراج الأكواد الغير قابلة لنشر بتحويله عبر محول الأكواد لتصلك إشعارات ردود هذا الموضوع على البريد الإلكترونى أضف علامة بالمربع بجوار كلمة "إعلامى" عبّر عن تعليقكالإبتسامات