Wooden Block Social Media Icons Widget For Blogger. As you know that without Social Media Link your website not receive Traffic so much. Social Media play very important Role in becoming popular your website/blog. Social Media is important factor of receiving more traffic on your website/blog. So for this importance of Social Media, In this post pkittricks is going to show you how to add beautiful wooden block Social media icons in your blog/website etc. Wooden block social media icons widget code is given below.

Step 1: Login to your blogger dashboard > go to "Layout" and click the "Add a Gadget"

Step 2: From the popup window scroll down and choose "HTML/JavaScript"

Step 3: Copy the code from below and paste it into the new HTML/JavaScript

<style type="text/css">img.beintouch:hover {background: none repeat scroll 0 0 #D6D6D6;border-radius: 16px 16px 16px 16px;box-shadow: 0 0 10px #565656;}.emailtext {background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEin_RpS_svZbxOVEIAiKXzaMfOsTiHpQoytf5OeQOG8nLWmNLZbMTDan6qCE34-tpjNlfCaB282RuX4dXt6Dx7D2TFtdNK76bXgwHFM2A0Yfscl-oflrL1mFyjbxeWVoWeahNLoaPBQhyphenhyphen0/s1600/mailbox.png") no-repeat scroll 4px center transparent;border: 1px solid #D3D3D3;border-radius: 4px 4px 4px 4px;box-shadow: 1px 1px 2px #CCCCCC inset;color: #444444;font-weight: bold;margin-left: 2px;padding: 7px 15px 7px 35px;text-decoration: none;width: 176px;}.ebutton {background: -moz-linear-gradient(center top , #FBFBFB 0%, #F4F4F4 100%) repeat scroll 0 0 #ABAB12;border: 1px solid #D3D3D3;border-radius: 4px 4px 4px 4px;color: #444444;cursor: pointer;font-weight: bold;margin-left: -18px;margin-top: 5px;padding: 6px 15px;text-decoration: none;}</style><table align="center" width="317px" cellspacing="0px" cellpadding="1px"><tbody><tr><td><a target="_blank" rel="nofollow" href=" https://www.facebook.com/pkittricks "><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwMlUZOuAE4nuUsviol9xCGzEN1iHnIvtxksCTsSCkbuBGk1KBH9dh-m0ahppVNsPakOuS3EnzvvxyLp1s78w6gTss6NO4x4kKCO7pGZ1wUQcB5VGMyja8j2xMcS0JQTMs21-6KVBIrZ0/s1600/woden+board+facebook_netoops.png" class="beintouch" /></a></td><td><a target="_blank" href="https://twitter.com/pkitmasti" rel="nofollow"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjE7jJJvjZWh3aexOxSWnXE7jJBVD0w0XX5CfyB6uv0A77OrioEtQTmxS65KX4KpGcfLJejwELUo42ibQ6iBzqMAdpHx9iKPhX5XVH7eH5ES4PK-5wA8bWa4E2Il75K358WTaKWHlhyphenhyphenr7A/s1600/woden+board+twitter_netoops.png" class="beintouch" /></a></td><td><a target="_blank" href="https://plus.google.com/u/0/112364163295432074778/posts" rel="nofollow"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipQ9i0edB_cC5s4Ls3y5EME5B50mZG14jJzJdspvkBInQLjVHxu2SX6TWHKDIP9NGT148Vh61GMtv25JqRfVZ0dTJ2BaXWl_U07pP0PpcDZypSQUJrlPOrBTkLsCJnpzyogoYsr-NonXk/s1600/woden+board+RSS1_netoops.png" class="beintouch" /></a><a href="http://www.pkittricks.blogspot.com"></a></td></tr></tbody></table>
Change yellow highlighted text with your facebook , twitter and google plus URL respectively.
Cange green highlighted  URL with your blog/website URL.
Now click on "Save" button and view your blog.

Beautiful Wooden Block Social Media Icons Widget for Blogger

Thanks for visiting our blog please share this post to your friends and if you have any problem in above post you can comment.

0 comments:

Post a Comment

 
Top