Powered by Blogger.

Ads Top

Facebook

Popular Posts

Cat-1

Cat-2

Cat-3

Cat-4

» » » » » » Metro Social Subscription/Follow Widget For Any Platform


This Widget Can be used on various platforms, including Blogger, Wordpress, etc..
The tutorial for how to add this widget for blogger is given below.

Read More:www.techdio.com


Read More:www.techdio.com


Code
<style>
.ks-metro {
    height:300px;
    width:286px;
    border:#fff 1px hidden;
}
.ks-facebook {
    float:left;
    height:150px;
    width:150px;
    border:#33C hidden 1px;
}
.ks-twitter {
    float:right;
    height:70px;
    width:136px;
    border:#90F hidden1px;
}
.ks-google {
    float:right;
    height:78px;
    width:136px;
    border:#F03 hidden 1px;
}
.ks-RSS {
    float:right;
    height:147px;
    width:136px;
    border:#F96 hidden 1px;
}

.ks-Linkedin {
    float:left;
    height:70px;
    width:150px;
    border:#00F hidden 1px;
}
.ks-Pintrest {
    float:left;
    height:75px;
    width:150px;
    border:#F03 hidden 1px;
}

#ks-social-icons ks a {
display: block;
}

#ks-social-icons ks a:hover img {
-webkit-opacity: 0.8;
-moz-opacity: 0.8;
opacity: 0.8;
border:#FFF 1px hidden;
}
</style>
<!--crawlist.blogspot.com widget starts-->
<div class="ks-metro">
<div class="ks-facebook">
<kss id="ks-social-icons">
<ks><a href="http://www.facebook.com/techdio" target="_blank" rel="nofollow" title="Join us on Facebook"><img height="150" src="http://1.bp.blogspot.com/-k2ROd3kTM50/U-DU1Ev1a0I/AAAAAAAACQU/EDQggflYMKY/s1600/facebook.png" width="150" /></a></ks></kss></div>
<div class="ks-google">
<kss id="ks-social-icons">
<ks><a href="http://plus.google.com/+techdio" target="_blank" rel="nofollow" title="Join us on Google Plus"><img height="78" src="http://2.bp.blogspot.com/-xiiJ1it8Gvo/U-DUzjKmtkI/AAAAAAAACP0/IZqsvrtt4UA/s1600/Google+.png" width="136" /></a></ks></kss></div>
<div class="ks-twitter">
<kss id="ks-social-icons">
<ks><a href="http://www.twitter.com/techdioofficial" target="_blank" rel="nofollow" title="Join us on Twitter"><img height="70" src="http://2.bp.blogspot.com/-buwOPs0oo7M/U-DU05xBT7I/AAAAAAAACQM/cgHpCtuGEns/s1600/Twitter.png" width="136" /></a></ks></kss></div>
<div class="ks-RSS">
<kss id="ks-social-icons">
<ks><a href="http://feedburner.com/techdio" target="_blank" rel="nofollow" title="Never miss a post"><img height="147" src="http://4.bp.blogspot.com/-gYIjexJP-h0/U-DU0p44ZAI/AAAAAAAACQA/j6zknPqx9nc/s1600/RSS.png" width="136" /></a></ks></kss></div>
<div class="ks-Linkedin">
<kss id="ks-social-icons">
<ks><a href="in.linkedin.com/in/techdio" target="_blank" rel="nofollow" title="Join us on Linkedin"><img height="70" src="http://4.bp.blogspot.com/-M0tWnu88JDQ/U-DUzonWKVI/AAAAAAAACP4/0UfTi3DHVN0/s1600/Linkedin.png" width="150" /></a></ks></kss>
</div>
<div class="ks-Pintrest">
<kss id="ks-social-icons">
<ks><a href="http://www.pinterest.com/techdio" target="_blank" rel="nofollow" title="Join us on Pinterest"><img height="75" src="http://2.bp.blogspot.com/-pXGymyLVHdA/U-DUzndEysI/AAAAAAAACP8/O3_pRePpPlg/s1600/Pintrest.png" width="150" /></a></ks></kss>
  </div><a href:'https://www.techdio.com'></a>
</div><!--www.techdio.com-->


You can change techdio to your Social ID.


To add this widget for Blogger Users,  Follow these steps:


Step 1: Login to your Blogger Dashboard.
Step 2: Click On Layout and Click on Add a Gadget.
Step 3: Select HTML/JavaScript from the popup window.
Step 4: Copy down the above code and paste it inside the second box.And click Save.

You can use this code any were you want in your blog/website.


«
Next
Newer Post
»
Previous
Older Post

No comments

Leave a Reply

Cat-5

Cat-6