Wooden Style Social Media Widget

 

Here is another awesome Professional subscription widget for blogger in which you will see more stimulating features of hover effects with reddish shadow this is just like red glow. This social subscription widget made with purely CSS.  I think this widget will give a better flavor to your blog and also increase interest of your blog visitors.

Step 1 Log in to your Blogger account and Go to your Blogger Dashboard

Step 2 Go to your Layout tab.

Step 3 Click on "Add a Gadget" then select "HTML/JavaScript" Widget.

Step 4 Now Copy the below code and Paste it in "HTML/JavaScript" Gadget.

<style>
/*---Widget by http://uncoverred.blogspot.com/---*/
img.beintouch:hover {
    background: none repeat scroll 0 0 #ffbc99;
    border-radius: 16px 16px 16px 16px;
    box-shadow: 0 0 10px #ffbc12;
}
.emailtext {
    background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEichakwYxl8wRqHVf0AdS9G9g1-_xHhe7lqWg6FkdjxsJ237rtl9AtBAjv2v9Gg1Wky48WOx-G0MPSmyJccciibbYwtOph8Pr1y32Ptub_U0ZCEe2t0LBkOSnl1PVtXEgnFrFnJLSVkI0g/s1600/mailbox.png") no-repeat scroll 4px center transparent;
    border: 1px solid #7E4E27;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 1px 1px 4px #7E4E27 inset;
    color: #444444;
    font-weight: bold;
    margin-left: 2px;
    padding: 7px 15px 7px 35px;
    text-decoration: none;
    width: 150px;
}
.ebutton {
    background: -moz-linear-gradient(-45deg, #3C1F0E 0%, #D28A47 30%, #F9E183 30%, #D28A47 55%, #3C1F0E 100%) repeat scroll 0 0 transparent;
    border: 1px solid #D3D3D3;
    border-radius: 4px 4px 4px 4px;
    color: #FFFFFF;
    cursor: pointer;
    font-weight: bold;
    margin-left: -18px;
    margin-top: 5px;
    padding: 6px 15px;
    text-decoration: none;
    text-shadow: 1px 1px 0 #000000;
}
/*---Widget by www.uncoverred.blogspot.com---*/
</style>
<table align="" width="290px" cellspacing="0px" cellpadding="1px"><tbody><tr><td><a target="_blank" rel="nofollow" href="http://www.facebook.com/uncoverred"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSB-hInw-hlFrP0gEwmYl-7BKcLfB-nAIjNi6YBX2iua74HE4yKL83WDOlLVW6jtjRSNmxMrt1E5I62c0wg660FDhWwJ5lmtyRECIk19nrrUANMJhgT1awabnmVRftPbxE77eJhVVTY33D/s400/facebook.png" class="beintouch" /></a></td><td><a target="_blank" href="http://twitter.com/uncoverred" rel="nofollow"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijGg10G4ryqLEqL5_TvLhrISCvqunnG6v8pfz2y8QsXO6_bRF18HCKLu1ekJ5qlaKJ_EJXyEVno-3zwlFgbX8vIT2KBmOtGvNJ3DrAoU6cSs_ZCz8Vk6MzFG9fs4EXOFXQTwWysYqPrh4j/s400/twitter.png" class="beintouch" /></a></td><td><a target="_blank" href="http://pinterest.com/uncoverred" rel="nofollow"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBn7FaUuGep1mVxBtomUyZqIMgWrsV7ayDSxXLmB6_dl7zF9_6e7BR3xMCVIIFfvlpOdnTmzIOWbdR38ctAIb2DDVuzW0A5Pya_e5v-TatuBbDXYfm_NqDOu1LaWLF5eEIwcFOBQ2kLLiT/s400/p.png" class="beintouch" /></a></td><td><a target="_blank" href="https://plus.google.com/102331886274459115104/" rel="nofollow"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6GEzGEY1nGg40IoULVbMfm0fEXl5oqNHYIrlwE4Isgz2uiM04AcfFO4ryxKQgydlrFGesTulhw5LquEf4fjvIDp4z2zjGjMIAy3H-tUloPkuz2r2DtlfE7KmnXsoNAYhRwpH_FjNvZatA/s400/google.png" class="beintouch" /></a></td><td><a target="_blank" href="http://feeds.feedburner.com/uncoverred" rel="nofollow"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimAtkUycLQ_6aUvPmNxU-TjyJVea_58SVMEZC0ATWvlacSOr1SCcZSJvAhP6AsCC1CHxAannw_gNvoRu1uryqdK25yB2HkjmiCL2HthC_7jMjIpRTB33UeoY8Nywgk3VbRAMTOiaoQRdVJ/s400/rss.png" class="beintouch" /></a><a href="http://bloggerspice.com"></a></td></tr></tbody></table>
<div><b>Get  Fresh Pro Trick Daily via EMAIL </b></div>
<form target="popupwindow" style="margin: 0pt;" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=uncoverred', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" method="post" class="emailform" action="http://feedburner.google.com/fb/a/mailverify">
<input type="hidden" value="BloggerSpice" name="uri" />
<input type="hidden" value="en_US" name="loc" />
<input type="text" value="Enter your email..." onfocus="if (this.value == &quot;Enter your email...&quot;) {this.value = &quot;&quot;}" onblur="if (this.value == &quot;&quot;) {this.value = &quot;Enter your email...&quot;;}" name="email" class="emailtext" />
<input type="submit" value="Subscribe" title="" class="ebutton" alt="" />
</form>

Customization:

• Change uncoverred with your name or ID
• Change 102331886274459115104 with your Google Plus ID