Today I am going to teach you how to add a Awesome 3D Social Widget for blogger To add this widget to your blogger follow the steps given below
Live demo
-
Facebook
Like Our Facebook Page -
Google+
Add us on Google+ -
Twitter
Follow on Twitter
- Go to layout>Add a gadget>HTML/javascript
- Paste the following Code
<link rel="stylesheet" href="https://googledrive.com/host/0B_7JWdEqBhVVbThSWkRoNDZQc00"/>
<div class="maincont">
<div class="container">
<ul class="ch-grid">
<li>
<div class="ch-item ch-img-1">
<div class="ch-info-wrap">
<div class="ch-info">
<div class="ch-info-front ch-img-1"></div>
<div class="ch-info-backfb">
<h3>Facebook</h3>
<a href="https://facebook.com/mjntech">Like Our Facebook Page</a>
</div>
</div>
</div>
</div>
</li>
<li>
<div class="ch-item ch-img-2">
<div class="ch-info-wrap">
<div class="ch-info">
<div class="ch-info-front ch-img-2"></div>
<div class="ch-info-backgp">
<h3>Google+</h3>
<a href="https://plus.google.com/117524639868275216387">Add us on Google+</a>
</div>
</div>
</div>
</div>
</li>
<li>
<div class="ch-item ch-img-3">
<div class="ch-info-wrap">
<div class="ch-info">
<div class="ch-info-front ch-img-3"></div>
<div class="ch-info-backtw">
<h3>Twitter</h3>
<a href="http://twitter.com/manjunathg17">Follow on Twitter</a>
</div>
</div>
</div>
</div>
</li>
</ul>
</div>
</div>
- Save your Html/javascript widget
EmoticonEmoticon