[بلوجر] اضافة تابعنا على مواقع التواصل الاجتماعي بشكل ميترو - المطور | نطوّر الويب العربي
أخر التدوينات
الأحد، 15 يونيو، 2014

[بلوجر] اضافة تابعنا على مواقع التواصل الاجتماعي بشكل ميترو

مرحبا أصدقاء المطور .نت اليكم اليوم اضافة حصرية من تطوير المطور.من نقدمها لكم مجاناً وهي اضافة مواقع التواصل الاجتماعي المشهورة واشهر المواقع التوصل الاجتماعي .

[بلوجر] اضافة تابعنا على مواقع التواصل الاجتماعي بشكل ميترو



لكن ما يميز هذه الاضافة عرض موقع بينسيرت و ايضا حسابك على السكايب واللينكد كما موقع الفيس بوك والتوتير والجوجل بلس + , ايضا تتميز الاضافة بتأثيرات أحترافية عند تمرير الماوس على الاضافة .
 الاضافة على شكل ميترو مواقع التواصل الاجتماعي لمدونات بلوجر , بدون اطالة عليكم اترككم مع طريقة التركيب .


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

الذهاب الى بلوجر >> التخطيط  >> اضافة اداة وقم باضافة الكود الاتي

<div class='widget-content'>
<center><div class="metro-social" style='margin:-2px -03px 0px 0px;'>
<li><a class="fb" href="http://facebook.com/ahmadwebcom" style=""></a></li><a style='display:none;'>facebook<a>
<li><a class="tw" href="https://twitter.com/i27mad" style=""></a></li><a style='display:none;'>twitter<a>
<li><a class="gp" href="https://plus.google.com/113320878892204291217" style="https://plus.google.com/u/0/100131105852591729801"></a></li><a style='display:none;'>googleplus<a>
<li><a class="pi" href="http://www.ahmad-web.com/" style=""></a></li><a style='display:none;'>pintrest<a>
<li><a class="in" href="http://www.youtube.com/ahmadwaleed4" style=""></a></li><a style='display:none;'>in<a>
<li><a class="yt" href="https://www.youtube.com" style=""></a></li><a style='display:none;'>youtube<a>
<li><a class="fd" href="http://feeds.feedburner.com/ahmad-web" style=""></a></li><a style='display:none;'>feed<a>
<li><a class="sk" href="http://www.ahmad-web.com/" style=""></a></li><a style='display:none;'>skype<a>
<li><a class="pc" href="#" style=""></a></li><a style='display:none;'>picasa<a>
<li><a class="mc" href="http://www.ahmad-web.com/" style=""></a></li><a style='display:none;'>my<a>
<li><a class="dg" href="http://www.ahmad-web.com/" style=""></a></li><a style='display:none;'>digg<a>
</a></a></a></a></a></a></a></a></a></a></a></a></a></a></a></a></a></a></a></a></a></a></div>
<style>
.metro-social{margin: -15px 6px 0px 0px;width:285px}
.metro-social li{position:relative;cursor:pointer;padding:0;list-style:none}
.metro-social .fb,.tw,.gp,.pi,.in,.yt,.fd,.sk,.pc,.mc,.dg{z-index:7;float:left;margin:1px;position:relative;display:block}
.metro-social .fb{-webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear;background:url(http://im35.gulfup.com/aLGeg.png) no-repeat center center #1f69b3;width:140px;height:141px}
.metro-social .tw{-webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear;background:url(http://im35.gulfup.com/TlT0D.png) no-repeat center center #19bfe5;width:68px;height:70px}
.metro-social .gp{-webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear;background:url(http://im39.gulfup.com/AxoMi.png) no-repeat center center #da4a38;width:69px;height:70px}
.metro-social .pi{-webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear;background:url(http://im31.gulfup.com/CC3ah.png) no-repeat center center #cb2027;width:68px;height:69px}
.metro-social .in{-webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear;background:url(http://im38.gulfup.com/g8Lx4.png) no-repeat center center #006699;width:69px;height:69px}
.metro-social .yt{-webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear;background:url(http://im39.gulfup.com/zyPvZ.png) no-repeat center center #c8312b;width:140px;height:69px}
.metro-social .fd{-webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear;background:url(http://im34.gulfup.com/dVLFc.png) no-repeat center center #fd9f13;width:140px;height:69px}
.metro-social .sk{-webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear;background:url(http://im36.gulfup.com/Big6n.png) no-repeat center center #10bef2;width:140px;height:141px}
.metro-social .pc{-webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear;background:url(http://im36.gulfup.com/q47CR.png) no-repeat center center #9d48a1;width:68px;height:70px}
.metro-social .mc{-webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear;background:url(http://im39.gulfup.com/7ROEa.png) no-repeat center center #003399;width:69px;height:70px}
.metro-social .dg{-webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear;background:url(http://im36.gulfup.com/CnrUW.png) no-repeat center center #006699;width:140px;height:69px}
.metro-social li:hover .fb{-webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear;background:url(http://im35.gulfup.com/FNTKt.png) no-repeat center center #fff}
.metro-social li:hover .tw{-webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear;background:url(http://im35.gulfup.com/qF41t.png) no-repeat center center #fff}
.metro-social li:hover .gp{-webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear;background:url(http://im39.gulfup.com/Fegmu.png) no-repeat center center #fff}
.metro-social li:hover .pi{-webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear;background:url(http://im31.gulfup.com/UETDU.png) no-repeat center center #fff}
.metro-social li:hover .in{-webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear;background:url(http://im38.gulfup.com/6JHPC.png) no-repeat center center #fff}
.metro-social li:hover .yt{-webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear;background:url(http://im39.gulfup.com/PheMY.png) no-repeat center center #fff}
.metro-social li:hover .fd{-webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear;background:url(http://im34.gulfup.com/97XSh.png) no-repeat center center #fff}
.metro-social li:hover .sk{-webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear;background:url(http://im36.gulfup.com/yD9kg.png) no-repeat center center #fff}
.metro-social li:hover .pc{-webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear;background:url(http://im36.gulfup.com/7phuE.png) no-repeat center center #fff}
.metro-social li:hover .mc{-webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear;background:url(http://im39.gulfup.com/KVwf6.png) no-repeat center center #fff}
.metro-social li:hover .dg{-webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear;background:url(http://im36.gulfup.com/ECgqz.png) no-repeat center center #fff}
</style>
</center>
</div>
<div class='clear'></div>
<span class='widget-item-control'>
<span class='item-control blog-admin'>
<a class='quickedit' href='//www.blogger.com/rearrange?blogID=1339014596643499332&widgetType=HTML&widgetId=HTML6&action=editWidget&sectionId=sidebar' onclick='return _WidgetManager._PopupConfig(document.getElementById("HTML6"));' target='configHTML6' title='تحرير'>
<img alt='' height='18' src='http://img1.blogblog.com/img/icon18_wrench_allbkg.png' width='18'/>
</a>
</span>
</span>
<div class='clear'></div>


[بلوجر] اضافة تابعنا على مواقع التواصل الاجتماعي بشكل ميترو Reviewed by Ahmad Waleed on 12:01 ص Rating: 5 مرحبا أصدقاء المطور .نت اليكم اليوم اضافة حصرية من تطوير المطور.من نقدمها لكم مجاناً وهي اضافة مو...

هناك تعليقان (2):

تذكر قوله تعالى:
(( مَا يَلْفِظُ مِنْ قَوْلٍ إِلَّا لَدَيْهِ رَقِيبٌ عَتِيدٌ)) ‏
-----------------------------------
الان يمكنك اضافة اي مقطع فيديو الى التعليقات وايضا اضافة الصور فقط ضع رابط الصور او مقطع الفيديو في التعليقات
----------------------------------
آرائكم تسعدنا, لمتابعة التعليق حتى نرد عليك فقط ضع إشارة على إعلامي ,ويمكنك ان تستخدم الإبتسامات بالوقوف عليها لمعرفة الكود


=q =w =s =d =f =g =h =t =y =u =z =x =c =v =b =n =m =a =e =r

.