إضافة المواقع الإجتماعية بنمط جديد مترو

زوار ومتابعي مدونة الخبراء للبرامج

أقدم لكم اليوم إضافة جديد طازة من الفرن

مقدمة من مدونة الخبراء للبرامج

الشكل الأول

Follow

Follow @digitalhubinc

- طريقة تركيب الإضافة :

 1- ادخل إلى مدونتك | واختر تخطيط | ثم إضافة أداة .
 2- اللصق الكود التالي في صندوق الإضافة | ثم إحفظ .

الكود

  <div class="metro-social metro-height" style="width:350px;">
                <li class="metro-facebook"><iframe class="fbhover" src="//www.facebook.com/plugins/like.php?href=https%3A%2F%2Fwww.facebook.com%2FChristiaUnion&amp;send=false&amp;layout=box_count&amp;width=450&amp;show_faces=false&amp;font&amp;colorscheme=light&amp;action=like&amp;height=21&amp;appId=408184442589211" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:75px; height:65px;" allowTransparency="true"></iframe></li>
                <li class="pinterest-one"><div class="pinteresthover"><a data-pin-do="buttonFollow" href="http://pinterest.com/hanna98141">Follow</a><script type="text/javascript">
(function(d){
  var f = d.getElementsByTagName('SCRIPT')[0], p = d.createElement('SCRIPT');
  p.type = 'text/javascript';
  p.async = true;
  p.src = '//assets.pinterest.com/js/pinit.js';
  f.parentNode.insertBefore(p, f);
}(document));
</script></div></li>
                <li class="metro-googleplus"><div class="googlehover">
<div class="g-follow" data-annotation="vertical-bubble" data-height="15" data-href="//plus.google.com/111639037193968470844
" data-rel="publisher"></div></div><script type="text/javascript">
  (function() {
    var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
    po.src = 'https://apis.google.com/js/plusone.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
  })();
</script></li>
       <li class="metro-linkedin"><a  target="_blank" title="Connect to Linkedin profile" alt="Connect to Linkedin profile" href="http://www.linkedin.com/profile/view?id=111111"></a></li>
                <li class="twitter-one"><a href="https://twitter.com/hanna98141" class="twitter-follow-button twitterhover" data-show-count="true" data-show-screen-name="false">Follow @digitalhubinc</a><script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script></li>
                <li><a class="metro-rss" target="_blank" href="http://feedburner.google.com/fb/a/mailverify?uri=expertsprogram/xQVO"></a></li>
                <li class="youtube-one"><div class="googlehover"><div class="g-ytsubscribe" data-channel="UCTUlr_Ro7-SPYY0LQWsF-6g" data-layout="default"></div></div></li>
 
        </div>
<style type="text/css">.metro-social {
        padding-top:10px;
        padding-bottom:10px;
        }
.metro-height-extend {
        height:145px;
        }
.metro-height {
        height:212px;
        }
.metro-social li {
        position:relative;
        cursor:pointer;
        list-style:none;
        margin:1px;
        }
.metro-social .metro-facebook,.metro-twitter,.metro-googleplus,.metro-pinterest,.metro-linkedin,.metro-youtube,.metro-rss,.rss-feed,.googleplus-one,.twitter-one,.linkedin-one,.pinterest-one,.twitter-one-extend,.pinterest-one-extend,.youtube-one,.twitter-extend-one {
        float:left;
        margin:1px;
        position:relative;
        display:block;
        }
.metro-social .metro-facebook {
    background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhs6Hsx9Y2HXLaKmb5fpp3U7WQCEwDWU8IqOQLII_kHptlTSW8NEPibcfAOyUvASfwWbbx72BXk28e2A7YpGC0tG5FAhdlIQwq8B584tPHdMWEa8BBGMmBUhZnDBo5Y3eUFmz-CWRq0-kk/h120/facebook_128.png) no-repeat center center #1f69b3;
        width:47%;
        height:140px;
        padding:0;
        }
.metro-social .metro-twitter {
        background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgujpociojc9mlkXtfhTVaUsoMlwe0TGFbk1Qdj7tvpYlX1bb7kq6gltR2CBYpfHIRmoskJqWYxlVRpN6l5dxEco4Abf2yIgSSiBdn647u9Y71_sNYdWncGUkE7zJfRGiAKWk8h1dxLimc/h120/twitter_60.png) no-repeat center center #43b3e5;
        width:23%;
        height:69px;
        padding:0;
        }
.metro-social .metro-googleplus {
        background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfxU8pjzhYqF05oyroML5lKSvKBQkCQnOQrnYa1nq39QNwLQZ82tGJI2-9C7ubWxsNiWNtd4o-kuIy1mp4-xcE3mkrDv93ymnRFAxQSTj_O11OG-OVuNSZBEvEGmRR2W-l5MXb3Kqhp3A/h120/googleplus_60.png) no-repeat center center #da4a38;
        width:23.3%;
        height:69px;
        padding:0;
        }
.metro-social .metro-pinterest {
        background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEha6GPWHSIBu2aVLZ6Rfl5K-VFP27V3De6oXLwEoFcZBIwqvN7dcm9O044a8D-ubKuOHz4wB6cIfU4D4wcUAVEYn8GVaPRuX3khUwgSeoacs8EYcuzSwBPgdlla-wUfbTyQy7Yu6iXjiGM/h120/pinterest_60.png) no-repeat center center #d73532;
        width:23.2%;
        height:69px;
        padding:0;
        }
.metro-social .metro-linkedin {
        background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9vlPJCCBRgxeuccuAWekcZxoD_rdfy6g7EMUj704F0qjqYee8xZmbg6qO3YD6_N43lrU5JF0a_maqZs6G0EFBtkZVdWIL2qLjynk_bIBBZreTMg8W0ALSvO40bzlXUcsXJX_eCfddG_g/h120/linkedin_60.png) no-repeat center center #0097bd;
        width:23%;
        height:69px;
        padding:0;
        }
.metro-social .metro-youtube { background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi43znMWeMmlhtX1tBgyaPc0tft-0jVCDH2r2WQVU7zHoj0a55jhIzxvZFOd9HgHbbaXS0JQCGYhLUh20ZFg5O0CRpirr28HzGeYuwg-3b1rY7fVwCVfdL8q89V6y27SrWFgCaBrPvu5tw/h120/youtube_60.png) no-repeat center center #e64a41; width:47%; height:69px; padding:0; }
.metro-social .metro-rss {
        background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUb8rHdMUheBkb_B6bkhv1bKLwtSaTd9LSJn9MU_pyY8B01mVMH6NZwYdVZfvSA5zmXaKs1beXY4OAFXpLcxaH7GykQiTrDW6SV2zRwwqD7wA8gn4adSPr39fsJTIHEA1UHu5nWHxCk_A/h120/rss_60.png) no-repeat center center #e9a01c;
        width:47%;
        height:69px;
        padding:0;
        }
.metro-social .rss-feed {
        background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUb8rHdMUheBkb_B6bkhv1bKLwtSaTd9LSJn9MU_pyY8B01mVMH6NZwYdVZfvSA5zmXaKs1beXY4OAFXpLcxaH7GykQiTrDW6SV2zRwwqD7wA8gn4adSPr39fsJTIHEA1UHu5nWHxCk_A/h120/rss_60.png) no-repeat center center #e9a01c;
        width:95%;
        height:69px;
        padding:0;
        }
.metro-social .youtube-one { background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi43znMWeMmlhtX1tBgyaPc0tft-0jVCDH2r2WQVU7zHoj0a55jhIzxvZFOd9HgHbbaXS0JQCGYhLUh20ZFg5O0CRpirr28HzGeYuwg-3b1rY7fVwCVfdL8q89V6y27SrWFgCaBrPvu5tw/h120/youtube_60.png) no-repeat center center #e64a41; width:94.4%; height:69px; padding:0; }dding:0; }
.metro-social .googleplus-one { background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfxU8pjzhYqF05oyroML5lKSvKBQkCQnOQrnYa1nq39QNwLQZ82tGJI2-9C7ubWxsNiWNtd4o-kuIy1mp4-xcE3mkrDv93ymnRFAxQSTj_O11OG-OVuNSZBEvEGmRR2W-l5MXb3Kqhp3A/h120/googleplus_60.png) no-repeat center center #da4a38; width:47%; height:69px; padding:0; }

.metro-social .twitter-one {
        background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgujpociojc9mlkXtfhTVaUsoMlwe0TGFbk1Qdj7tvpYlX1bb7kq6gltR2CBYpfHIRmoskJqWYxlVRpN6l5dxEco4Abf2yIgSSiBdn647u9Y71_sNYdWncGUkE7zJfRGiAKWk8h1dxLimc/h120/twitter_60.png) no-repeat center center #43b3e5;
        width:47%;
        height:69px;
        padding:0;
        }
.metro-social .twitter-one-extend {
        background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgujpociojc9mlkXtfhTVaUsoMlwe0TGFbk1Qdj7tvpYlX1bb7kq6gltR2CBYpfHIRmoskJqWYxlVRpN6l5dxEco4Abf2yIgSSiBdn647u9Y71_sNYdWncGUkE7zJfRGiAKWk8h1dxLimc/h120/twitter_60.png) no-repeat center center #43b3e5;
        width:47%;
        height:140px;
        padding:0;
        }
.metro-social .twitter-extend-one {
        background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgujpociojc9mlkXtfhTVaUsoMlwe0TGFbk1Qdj7tvpYlX1bb7kq6gltR2CBYpfHIRmoskJqWYxlVRpN6l5dxEco4Abf2yIgSSiBdn647u9Y71_sNYdWncGUkE7zJfRGiAKWk8h1dxLimc/h120/twitter_60.png) no-repeat center center #43b3e5;
        width:95%;
        height:69px;
        padding:0;
        }
.metro-social .linkedin-one {
        background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9vlPJCCBRgxeuccuAWekcZxoD_rdfy6g7EMUj704F0qjqYee8xZmbg6qO3YD6_N43lrU5JF0a_maqZs6G0EFBtkZVdWIL2qLjynk_bIBBZreTMg8W0ALSvO40bzlXUcsXJX_eCfddG_g/h120/linkedin_60.png) no-repeat center center #0097bd;
        width:47%;
        height:69px;
        padding:0;
        }
.metro-social .pinterest-one {
        background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEha6GPWHSIBu2aVLZ6Rfl5K-VFP27V3De6oXLwEoFcZBIwqvN7dcm9O044a8D-ubKuOHz4wB6cIfU4D4wcUAVEYn8GVaPRuX3khUwgSeoacs8EYcuzSwBPgdlla-wUfbTyQy7Yu6iXjiGM/h120/pinterest_60.png) no-repeat center center #d73532;
        width:47%;
        height:69px;
        padding:0;
        }
.metro-social .pinterest-one-extend {
        background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEha6GPWHSIBu2aVLZ6Rfl5K-VFP27V3De6oXLwEoFcZBIwqvN7dcm9O044a8D-ubKuOHz4wB6cIfU4D4wcUAVEYn8GVaPRuX3khUwgSeoacs8EYcuzSwBPgdlla-wUfbTyQy7Yu6iXjiGM/h120/pinterest_60.png) no-repeat center center #d73532;
        width:95%;
        height:69px;
        padding:0;
        }
.metro-social li:hover {
        -webkit-opacity: 0.9;
        -moz-opacity: 0.9;
        opacity: 0.9;
        }
.metro-social .fbhover, .twitterhover, .googlehover, .linkedinhover, .pinteresthover{
        visibility:hidden;
        opacity:0;
        transition:visibility 2.5s linear 0.5s,opacity 0.5s linear;
        }
.metro-facebook:hover .fbhover{
        opacity:1;
        transition-delay:0s;
        visibility: visible;
        }
.metro-twitter:hover .twitterhover{
        opacity:1;
        transition-delay:0s;
        visibility: visible;
        }
.twitter-one-extend:hover .twitterhover{
        opacity:1;
        transition-delay:0s;
        visibility: visible;
        }
.metro-googleplus:hover .googlehover{
        opacity:1;
        transition-delay:0s;
        visibility: visible;
        }
.metro-youtube:hover .googlehover{
        opacity:1;
        transition-delay:0s;
        visibility: visible;
        }
.youtube-one:hover .googlehover{
        opacity:1;
        transition-delay:0s;
        visibility: visible;
        }
.googleplus-one:hover .googlehover{
        opacity:1;
        transition-delay:0s;
        visibility: visible;
        }
.twitter-one:hover .twitterhover{
        opacity:1;
        transition-delay:0s;
        visibility: visible;
        }
.twitter-extend-one:hover .twitterhover{
        opacity:1;
        transition-delay:0s;
        visibility: visible;
        }
.metro-linkedin:hover .linkedinhover{
        opacity:1;
        transition-delay:0s;
        visibility: visible;
        }
.linkedin-one:hover .linkedinhover{
        opacity:1;
        transition-delay:0s;
        visibility: visible;
        }
.metro-pinterest:hover .pinteresthover{
        opacity:1;
        transition-delay:0s;
        visibility: visible;
        }
.pinterest-one:hover .pinteresthover{
        opacity:1;
        transition-delay:0s;
        visibility: visible;
        }
.pinterest-one-extend:hover .pinteresthover{
        opacity:1;
        transition-delay:0s;
        visibility: visible;
        }</style>

3- التعديلات :

- عدل ماهو باللون الأحمر بخاصيتك على المواقع الإجتماعية .

" الشكل الثاني  "

__________

Follow

Follow @digitalhubinc

- طريقة تركيب الإضافة :

1- ادخل إلى مدونتك | ثم أختر تخطيط | ثم إضافة أداة .

2- اللصق الكود التالي في صندوق الإضافة |ثم إحفظ .

الكود

<div class="metro-social metro-height" style="width:350px;">
                <li class="metro-facebook"><iframe class="fbhover" src="//www.facebook.com/plugins/like.php?href=https%3A%2F%2Fwww.facebook.com%2FChristiaUnion&amp;send=false&amp;layout=box_count&amp;width=450&amp;show_faces=false&amp;font&amp;colorscheme=light&amp;action=like&amp;height=21&amp;appId=408184442589211" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:75px; height:65px;" allowTransparency="true"></iframe></li>
                <li class="pinterest-one"><div class="pinteresthover"><a data-pin-do="buttonFollow" href="http://pinterest.com/hanna98141">Follow</a><script type="text/javascript">
(function(d){
  var f = d.getElementsByTagName('SCRIPT')[0], p = d.createElement('SCRIPT');
  p.type = 'text/javascript';
  p.async = true;
  p.src = '//assets.pinterest.com/js/pinit.js';
  f.parentNode.insertBefore(p, f);
}(document));
</script></div></li>
                <li class="metro-googleplus"><div class="googlehover">
<div class="g-follow" data-annotation="vertical-bubble" data-height="15" data-href="//plus.google.com/111639037193968470844" data-rel="publisher"></div></div><script type="text/javascript">
  (function() {
    var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
    po.src = 'https://apis.google.com/js/plusone.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
  })();
</script></li>
                <li class="metro-twitter"><a href="https://twitter.com/hanna98141" class="twitter-follow-button twitterhover" data-show-count="false" data-show-screen-name="false">Follow @digitalhubinc</a><script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script></li>
                <li><a class="metro-rss" target="_blank" href="http://feedburner.google.com/fb/a/mailverify?uri=expertsprogram/xQVO"></a></li>
                <li class="metro-youtube"><div class="googlehover"><div class="g-ytsubscribe" data-channel="UCTUlr_Ro7-SPYY0LQWsF-6g
" data-layout="default"></div></div></li>
        </div>
<style type="text/css">.metro-social {
        padding-top:10px;
        padding-bottom:10px;
        }
.metro-height-extend {
        height:145px;
        }
.metro-height {
        height:212px;
        }
.metro-social li {
        position:relative;
        cursor:pointer;
        list-style:none;
        margin:1px;
        }
.metro-social .metro-facebook,.metro-twitter,.metro-googleplus,.metro-pinterest,.metro-linkedin,.metro-youtube,.metro-rss,.rss-feed,.googleplus-one,.twitter-one,.linkedin-one,.pinterest-one,.twitter-one-extend,.pinterest-one-extend,.youtube-one,.twitter-extend-one {
        float:left;
        margin:1px;
        position:relative;
        display:block;
        }
.metro-social .metro-facebook {
    background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhs6Hsx9Y2HXLaKmb5fpp3U7WQCEwDWU8IqOQLII_kHptlTSW8NEPibcfAOyUvASfwWbbx72BXk28e2A7YpGC0tG5FAhdlIQwq8B584tPHdMWEa8BBGMmBUhZnDBo5Y3eUFmz-CWRq0-kk/h120/facebook_128.png) no-repeat center center #1f69b3;
        width:47%;
        height:140px;
        padding:0;
        }
.metro-social .metro-twitter {
        background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgujpociojc9mlkXtfhTVaUsoMlwe0TGFbk1Qdj7tvpYlX1bb7kq6gltR2CBYpfHIRmoskJqWYxlVRpN6l5dxEco4Abf2yIgSSiBdn647u9Y71_sNYdWncGUkE7zJfRGiAKWk8h1dxLimc/h120/twitter_60.png) no-repeat center center #43b3e5;
        width:23%;
        height:69px;
        padding:0;
        }
.metro-social .metro-googleplus {
        background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfxU8pjzhYqF05oyroML5lKSvKBQkCQnOQrnYa1nq39QNwLQZ82tGJI2-9C7ubWxsNiWNtd4o-kuIy1mp4-xcE3mkrDv93ymnRFAxQSTj_O11OG-OVuNSZBEvEGmRR2W-l5MXb3Kqhp3A/h120/googleplus_60.png) no-repeat center center #da4a38;
        width:23.3%;
        height:69px;
        padding:0;
        }
.metro-social .metro-pinterest {
        background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEha6GPWHSIBu2aVLZ6Rfl5K-VFP27V3De6oXLwEoFcZBIwqvN7dcm9O044a8D-ubKuOHz4wB6cIfU4D4wcUAVEYn8GVaPRuX3khUwgSeoacs8EYcuzSwBPgdlla-wUfbTyQy7Yu6iXjiGM/h120/pinterest_60.png) no-repeat center center #d73532;
        width:23.2%;
        height:69px;
        padding:0;
        }
.metro-social .metro-linkedin {
        background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9vlPJCCBRgxeuccuAWekcZxoD_rdfy6g7EMUj704F0qjqYee8xZmbg6qO3YD6_N43lrU5JF0a_maqZs6G0EFBtkZVdWIL2qLjynk_bIBBZreTMg8W0ALSvO40bzlXUcsXJX_eCfddG_g/h120/linkedin_60.png) no-repeat center center #0097bd;
        width:23%;
        height:69px;
        padding:0;
        }
.metro-social .metro-youtube { background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi43znMWeMmlhtX1tBgyaPc0tft-0jVCDH2r2WQVU7zHoj0a55jhIzxvZFOd9HgHbbaXS0JQCGYhLUh20ZFg5O0CRpirr28HzGeYuwg-3b1rY7fVwCVfdL8q89V6y27SrWFgCaBrPvu5tw/h120/youtube_60.png) no-repeat center center #e64a41; width:47%; height:69px; padding:0; }
.metro-social .metro-rss {
        background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUb8rHdMUheBkb_B6bkhv1bKLwtSaTd9LSJn9MU_pyY8B01mVMH6NZwYdVZfvSA5zmXaKs1beXY4OAFXpLcxaH7GykQiTrDW6SV2zRwwqD7wA8gn4adSPr39fsJTIHEA1UHu5nWHxCk_A/h120/rss_60.png) no-repeat center center #e9a01c;
        width:47%;
        height:69px;
        padding:0;
        }
.metro-social .rss-feed {
        background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUb8rHdMUheBkb_B6bkhv1bKLwtSaTd9LSJn9MU_pyY8B01mVMH6NZwYdVZfvSA5zmXaKs1beXY4OAFXpLcxaH7GykQiTrDW6SV2zRwwqD7wA8gn4adSPr39fsJTIHEA1UHu5nWHxCk_A/h120/rss_60.png) no-repeat center center #e9a01c;
        width:95%;
        height:69px;
        padding:0;
        }
.metro-social .youtube-one { background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi43znMWeMmlhtX1tBgyaPc0tft-0jVCDH2r2WQVU7zHoj0a55jhIzxvZFOd9HgHbbaXS0JQCGYhLUh20ZFg5O0CRpirr28HzGeYuwg-3b1rY7fVwCVfdL8q89V6y27SrWFgCaBrPvu5tw/h120/youtube_60.png) no-repeat center center #e64a41; width:94.4%; height:69px; padding:0; }dding:0; }
.metro-social .googleplus-one { background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfxU8pjzhYqF05oyroML5lKSvKBQkCQnOQrnYa1nq39QNwLQZ82tGJI2-9C7ubWxsNiWNtd4o-kuIy1mp4-xcE3mkrDv93ymnRFAxQSTj_O11OG-OVuNSZBEvEGmRR2W-l5MXb3Kqhp3A/h120/googleplus_60.png) no-repeat center center #da4a38; width:47%; height:69px; padding:0; }

.metro-social .twitter-one {
        background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgujpociojc9mlkXtfhTVaUsoMlwe0TGFbk1Qdj7tvpYlX1bb7kq6gltR2CBYpfHIRmoskJqWYxlVRpN6l5dxEco4Abf2yIgSSiBdn647u9Y71_sNYdWncGUkE7zJfRGiAKWk8h1dxLimc/h120/twitter_60.png) no-repeat center center #43b3e5;
        width:47%;
        height:69px;
        padding:0;
        }
.metro-social .twitter-one-extend {
        background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgujpociojc9mlkXtfhTVaUsoMlwe0TGFbk1Qdj7tvpYlX1bb7kq6gltR2CBYpfHIRmoskJqWYxlVRpN6l5dxEco4Abf2yIgSSiBdn647u9Y71_sNYdWncGUkE7zJfRGiAKWk8h1dxLimc/h120/twitter_60.png) no-repeat center center #43b3e5;
        width:47%;
        height:140px;
        padding:0;
        }
.metro-social .twitter-extend-one {
        background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgujpociojc9mlkXtfhTVaUsoMlwe0TGFbk1Qdj7tvpYlX1bb7kq6gltR2CBYpfHIRmoskJqWYxlVRpN6l5dxEco4Abf2yIgSSiBdn647u9Y71_sNYdWncGUkE7zJfRGiAKWk8h1dxLimc/h120/twitter_60.png) no-repeat center center #43b3e5;
        width:95%;
        height:69px;
        padding:0;
        }
.metro-social .linkedin-one {
        background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9vlPJCCBRgxeuccuAWekcZxoD_rdfy6g7EMUj704F0qjqYee8xZmbg6qO3YD6_N43lrU5JF0a_maqZs6G0EFBtkZVdWIL2qLjynk_bIBBZreTMg8W0ALSvO40bzlXUcsXJX_eCfddG_g/h120/linkedin_60.png) no-repeat center center #0097bd;
        width:47%;
        height:69px;
        padding:0;
        }
.metro-social .pinterest-one {
        background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEha6GPWHSIBu2aVLZ6Rfl5K-VFP27V3De6oXLwEoFcZBIwqvN7dcm9O044a8D-ubKuOHz4wB6cIfU4D4wcUAVEYn8GVaPRuX3khUwgSeoacs8EYcuzSwBPgdlla-wUfbTyQy7Yu6iXjiGM/h120/pinterest_60.png) no-repeat center center #d73532;
        width:47%;
        height:69px;
        padding:0;
        }
.metro-social .pinterest-one-extend {
        background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEha6GPWHSIBu2aVLZ6Rfl5K-VFP27V3De6oXLwEoFcZBIwqvN7dcm9O044a8D-ubKuOHz4wB6cIfU4D4wcUAVEYn8GVaPRuX3khUwgSeoacs8EYcuzSwBPgdlla-wUfbTyQy7Yu6iXjiGM/h120/pinterest_60.png) no-repeat center center #d73532;
        width:95%;
        height:69px;
        padding:0;
        }
.metro-social li:hover {
        -webkit-opacity: 0.9;
        -moz-opacity: 0.9;
        opacity: 0.9;
        }
.metro-social .fbhover, .twitterhover, .googlehover, .linkedinhover, .pinteresthover{
        visibility:hidden;
        opacity:0;
        transition:visibility 2.5s linear 0.5s,opacity 0.5s linear;
        }
.metro-facebook:hover .fbhover{
        opacity:1;
        transition-delay:0s;
        visibility: visible;
        }
.metro-twitter:hover .twitterhover{
        opacity:1;
        transition-delay:0s;
        visibility: visible;
        }
.twitter-one-extend:hover .twitterhover{
        opacity:1;
        transition-delay:0s;
        visibility: visible;
        }
.metro-googleplus:hover .googlehover{
        opacity:1;
        transition-delay:0s;
        visibility: visible;
        }
.metro-youtube:hover .googlehover{
        opacity:1;
        transition-delay:0s;
        visibility: visible;
        }
.youtube-one:hover .googlehover{
        opacity:1;
        transition-delay:0s;
        visibility: visible;
        }
.googleplus-one:hover .googlehover{
        opacity:1;
        transition-delay:0s;
        visibility: visible;
        }
.twitter-one:hover .twitterhover{
        opacity:1;
        transition-delay:0s;
        visibility: visible;
        }
.twitter-extend-one:hover .twitterhover{
        opacity:1;
        transition-delay:0s;
        visibility: visible;
        }
.metro-linkedin:hover .linkedinhover{
        opacity:1;
        transition-delay:0s;
        visibility: visible;
        }
.linkedin-one:hover .linkedinhover{
        opacity:1;
        transition-delay:0s;
        visibility: visible;
        }
.metro-pinterest:hover .pinteresthover{
        opacity:1;
        transition-delay:0s;
        visibility: visible;
        }
.pinterest-one:hover .pinteresthover{
        opacity:1;
        transition-delay:0s;
        visibility: visible;
        }
.pinterest-one-extend:hover .pinteresthover{
        opacity:1;
        transition-delay:0s;
        visibility: visible;
        }</style>

- عدل ماهو باللون الأحمر .

كتب بواسطة Expert Blogger

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