Jump to content
vBWarez - Rest In Peace

Recommended Posts

Screenshot




How to Install
Login into admin panel then check that Edit Site is ON

1.Edit page
3. choose the Static HTML
4. copy and paste the the code you wish
5 Enjoy ;)

[SIZE=3][COLOR="#FF0000"]NOTE[/COLOR][/SIZE]
Dont Forget to replace the "your name " with your original page nam



________________________________________Code 1______________________________________

[PHP]
<div class="metro-social" style="width: 285px; height: 76px">

<li>

<a class="fb" target="_blank" href="http://www.facebook.com/YOURNAME">

</a></li>

<li><a class="tw" target="_blank" href="http://twitter.com/YOURNAME"></a></li>

<li>

<a class="gp" target="_blank" href="https://plus.google.com/YOURNAME">

</a></li>

<li><a class="yt" target="_blank" href="http://www.youtube.com/YOURNAME"></a></li>

</div>

<style>

/*Metro UI Social Profile Widget v3.0 by Tech Prevue Labs

Web link to gadget code: http://www.techprevue.com/2013/02/social-profile-widget-metro-style.html

Distributed under license CC BY-NC-ND 3.0 INT

Please 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:120px;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 .yt{background:url(//goo.gl/I1c4a) no-repeat center center #e64a41}

</style>

[/PHP]

________________________________________Code 2______________________________________

[PHP]
<div class="metro-social">

<li><a class="fb" href="http://www.facebook.com/YOURNAME"></a></li>

<li><a class="tw" href="http://twitter.com/YOURNAME"></a></li>

<li><a class="gp" href="https://plus.google.com/YOURNAME"></a></li>

<li><a class="fd" href="http://feeds.feedburner.com/YOURNAME"></a></li>

</div>

<style>

/*Metro UI Social Profile Widget v2.0 by Tech Prevue Labs

Web link to gadget code: http://www.techprevue.com/2013/02/social-profile-gadget-metro-style.html

Distributed under license CC BY-NC-ND 3.0 INT

Please 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,.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:120px;height:141px}

.metro-social .tw{background:url(//goo.gl/oyiFK) no-repeat center center #43b3e5;width:140px;height:70px}

.metro-social .gp{background:url(//goo.gl/oT0kF) no-repeat center center #da4a38;width:140px;height:69px}

.metro-social .fd{background:url(//goo.gl/ncoLY) no-repeat center center #e9a01c;width:282px;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 .fd{background:url(//goo.gl/JFGqn) no-repeat center center #e9a01c}

</style>

<br>
[/PHP]

________________________________________Code 3______________________________________

[PHP]
<div class="metro-social">

<li><a class="fb" href="http://www.facebook.com/YOURNAME"></a></li>

<li><a class="tw" href="http://twitter.com/YOURNAME"></a></li>

<li><a class="gp" href="https://plus.google.com/YOURNAME"></a></li>

<li><a class="pi" href="http://pinterest.com/YOURNAME"></a></li>

<li><a class="in" href="https://www.linkedin.com/in/YOURNAME"></a></li>

<li><a class="yt" href="http://www.youtube.com/YOURNAME"></a></li>

<li><a class="fd" href="http://feeds.feedburner.com/YOURNAME"></a></li>

</div>

<style>

/*Metro UI Social Profile Widget v3.0 by Tech Prevue Labs

Web link to gadget code: http://www.techprevue.com/2013/02/social-profile-widget-metro-style.html

Distributed under license CC BY-NC-ND 3.0 INT

Please 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:120px;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>
[/PHP]
  • Like 1
Link to post
Share on other sites
  • 1 month later...
  • 1 year later...

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...