Hello friends today I want to share a cool widget with you. This widget is already published on NetinfozBlog but my widget is fully customized. The main important feature of this widget is it's cool background with email subscription option.You know these 3D images are provided by Paul Crowe of spiceupyourblog.com. But I had customized them with a cute and light look. So why are you waiting get this cool widget ? Get this now !

I am providing three styles here. The three styles are :



  • Luster effect
  • Shiny Black
  • Wooden Style

HTML Codes For Each Styles 

Preview : 


 
TIME TO ADD THIS IN BLOGGER


1. Login to your blogger account.
2. Design -> Add a gadget -> And Select HTML/Javascript widget
3. Paste the below code in it and click save.
For example, If I want to use the shiny black, I will paste its style code and the code which I had provided under the heading codes.

Luster effect

HTML CODE


#TNTsub{
width:244px;
padding:70px 10px 0px 9px;
background:#000 url(http://4.bp.blogspot.com/-QkIj_Y7ylh0/UBLdRg56bpI/AAAAAAAADfA/16sPq2FPhg0/s1600/HP-Laptop-Luster.png)no-repeat top left;
box-shadow:5px 7px 5px #ddd;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:20px;
}
p#TNT_socialicons img {
    -moz-transition: all 0.8s ease-in-out;
-webkit-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    -ms-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
padding-right:10px;
}
p#TNT_socialicons img:hover {
    -moz-transform: rotate(420deg);
    -webkit-transform: rotate(420deg);
    -o-transform: rotate(420deg);
    -ms-transform: rotate(420deg);
    transform: rotate(420deg);
}
TNTform.emailout{
margin:20px;
display:block;
clear:both;
padding:50px;
float:right;
}
.TNTtextbox{
background:#000 url(http://1.bp.blogspot.com/_7wsQzULWIwo/Sx11pLWZ6fI/AAAAAAAACfg/IfljH8PyCGA/s800/wooden-comment-form.gif) no-repeat scroll 4px center;
padding:7px 15px 7px 40px;
color:#666;
font-weight:bold;
font-family:Georgia,Times New Roman,Trebuchet MS;
text-decoration:none;
border:1px solid #D3D3D3;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 5px;
-moz-box-shadow: 1px 1px 2px #CCC inset;
-webkit-box-shadow: 1px 1px 2px #CCC inset;
box-shadow: 1px 1px 2px #CCC inset;
width:145px;
height:20px;
}
.TNTbutton{
color:#666;
font-weight:bold;
text-decoration:none;
padding:6px 15px;
border:3px solid #D3D3D3;
cursor: pointer;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-goog-ms-border-radius: 4px;
border-radius: 20px;
background: #fbfbfb;
background: -moz-linear-gradient(top, #fbfbfb 0%, #f4f4f4 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbfbfb), color-stop(100%,#f4f4f4));
background: -webkit-linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);
background: -o-linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);
background: -ms-linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FBFBFB', endColorstr='#F4F4F4',GradientType=0 );
background: linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);
}
</style>


Shiny Black

HTML CODE


#TNTsub{
width:280px;
padding:70px 10px 0px 9px;
background:#000 url(http://4.bp.blogspot.com/-T-uok4ZMjGA/UC4uArCR1BI/AAAAAAAAA_I/1QgkOyU9yP8/s1600/ws_Black_Floor_1440x900.jpg)no-repeat top left;
box-shadow:5px 7px 5px #ddd;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:20px;
}
p#TNT_socialicons img {
    -moz-transition: all 0.8s ease-in-out;
-webkit-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    -ms-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
padding-right:10px;
}
p#TNT_socialicons img:hover {
    -moz-transform: rotate(420deg);
    -webkit-transform: rotate(420deg);
    -o-transform: rotate(420deg);
    -ms-transform: rotate(420deg);
    transform: rotate(420deg);
}
TNTform.emailout{
margin:20px;
display:block;
clear:both;
padding:50px;
float:right;
}
.TNTtextbox{
background:#000 url(http://1.bp.blogspot.com/_7wsQzULWIwo/Sx11pLWZ6fI/AAAAAAAACfg/IfljH8PyCGA/s800/wooden-comment-form.gif) no-repeat scroll 4px center;
padding:7px 15px 7px 40px;
color:#666;
font-weight:bold;
font-family:Georgia,Times New Roman,Trebuchet MS;
text-decoration:none;
border:1px solid #D3D3D3;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
-moz-box-shadow: 1px 1px 2px #CCC inset;
-webkit-box-shadow: 1px 1px 2px #CCC inset;
box-shadow: 1px 1px 2px #CCC inset;
width:145px;
height:20px;
}
.TNTbutton{
color:#666;
font-weight:bold;
text-decoration:none;
padding:6px 15px;
border:3px solid #D3D3D3;
cursor: pointer;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-goog-ms-border-radius: 4px;
border-radius: 20px;
background: #fbfbfb;
background: -moz-linear-gradient(top, #fbfbfb 0%, #f4f4f4 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbfbfb), color-stop(100%,#f4f4f4));
background: -webkit-linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);
background: -o-linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);
background: -ms-linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=&#39;#FBFBFB&#39;, endColorstr=&#39;#F4F4F4&#39;,GradientType=0 );
background: linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);
}


Wooden Style

HTML CODE


#TNTsub{
width:280px;
padding:70px 10px 0px 9px;
background:#000 url(http://4.bp.blogspot.com/-QaSVj-5iqiA/UC4twC4QJWI/AAAAAAAAA_A/GPvtR2SZuyo/s1600/4498648030_2e488d4256.jpg)no-repeat top left;
box-shadow:5px 7px 5px #ddd;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:20px;
}
p#TNT_socialicons img {
    -moz-transition: all 0.8s ease-in-out;
-webkit-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    -ms-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
padding-right:10px;
}
p#TNT_socialicons img:hover {
    -moz-transform: rotate(420deg);
    -webkit-transform: rotate(420deg);
    -o-transform: rotate(420deg);
    -ms-transform: rotate(420deg);
    transform: rotate(420deg);
}
TNTform.emailout{
margin:20px;
display:block;
clear:both;
padding:50px;
float:right;
}
.TNTtextbox{
background:#000 url(http://1.bp.blogspot.com/_7wsQzULWIwo/Sx11pLWZ6fI/AAAAAAAACfg/IfljH8PyCGA/s800/wooden-comment-form.gif) no-repeat scroll 4px center;
padding:7px 15px 7px 40px;
color:#666;
font-weight:bold;
font-family:Georgia,Times New Roman,Trebuchet MS;
text-decoration:none;
border:1px solid #D3D3D3;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
-moz-box-shadow: 1px 1px 2px #CCC inset;
-webkit-box-shadow: 1px 1px 2px #CCC inset;
box-shadow: 1px 1px 2px #CCC inset;
width:230px;
height:20px;
}
.TNTbutton{
color:#666;
font-weight:bold;
text-decoration:none;
padding:10px 20px;
border:4px solid #D3D3D3;
cursor: pointer;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-goog-ms-border-radius: 4px;
border-radius: 20px;
background: #fbfbfb;
background: -moz-linear-gradient(top, #fbfbfb 0%, #f4f4f4 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbfbfb), color-stop(100%,#f4f4f4));
background: -webkit-linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);
background: -o-linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);
background: -ms-linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=&#39;#FBFBFB&#39;, endColorstr=&#39;#F4F4F4&#39;,GradientType=0 );
background: linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);
}


CODE


In the above codes, I had provided just the style codes and what you have to do is : 
Copy and Paste Any Style code in the widget column and below that paste the code provided after this line. 
<div id="TNTsub">
<center><p id="TNT_socialicons">
    <a href="YOUR RSS FEED URL HERE">
<img border="0" src=" http://3.bp.blogspot.com/-JJAnjTFe4mQ/UA6_gexOboI/AAAAAAAAH8w/pUVfxnjRUM4/s1600/RSS-48x48.png " /></a>
<a href="YOUR GOOGLE PLUS URL HERE">
<img border="0" src=" http://2.bp.blogspot.com/-88F1IMlPog0/UCM_cDdjh5I/AAAAAAAABiE/vexbC6LvSe8/s1600/TNT.png " /></a>
<a href="YOUR TWITTER URL HERE">
<img border="0" src=" http://2.bp.blogspot.com/-yGQ699YjaIg/UCM_mbpqjiI/AAAAAAAABic/oXlWlYXmIoo/s1600/TNT.png " /></a>
<a href="YOUR FACEBOOK URL HERE">
<img border="0" src=" http://1.bp.blogspot.com/-7H0aiZ-89Uk/UCM_Wk-hkeI/AAAAAAAABh8/IXJ9NDN6NzQ/s1600/TNT.png " /></a></p></center>
<p style='color:#666;
font-weight:bold;
font-family:Georgia,Times New Roman,Trebuchet MS;'>Enter your Email Below To Get Quality Updates Directly Into Your Inbox FREE !!</p>
<form action='http://feedburner.google.com/fb/a/mailverify' class='emailout' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=YOUR FEEDBURNER ID HERE&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=550&apos;);return true' style='margin: 0pt;' target='popupwindow'>
<input name='uri' type='hidden' value='YOUR FEEDBURNER URL HERE'/>
<center><input name='loc' type='hidden' value='en_US'/>
<input class='TNTtextbox' name='email' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Enter your Email&quot;;}' onfocus='if (this.value == &quot;Enter your Email&quot;) {this.value = &quot;&quot;}' type='text' value='Enter your Email'/>
<input alt='' class='TNTbutton' title='' type='submit' value='Submit'/>
</form><center>
<p style='float:upper right; color:#000; font-size:10px;'><a href="http://www.tricksandteach.blogspot.com" target="_blank"> Widget By </a></p>
</div>


  1. YOUR RSS FEED URL HERE -  Replace this with your RSS feed URL.
  2.  YOUR GOOGLE PLUS URL HERE -  - Replace this with your Google+ URL
  3. YOUR TWITTER URL HERE -  Replace this with your twitter URL.
  4. YOUR FACEBOOK URL HERE  - Replace this with your Facebook URL
  5. YOUR FEEDBURNER ID HERE - Replace this with your feed-burner id.
  6. YOUR FEEDBURNER URL HERE - Replace this with your feed URL.

I think you all had liked my post and thanks for reading my post.

6 comments:

  1. certainly like your website however you have to
    take a look at the spelling on quite a few of your posts.
    Several of them are rife with spelling problems
    and I in finding it very troublesome to inform the reality nevertheless I'll surely come again again.
    Feel free to visit my website :: celebrity

    ReplyDelete
  2. Thanks for the script bro, it's wonderful

    Awin Language

    ReplyDelete
  3. an online distributer, face for a debt consolidation companies lean to
    anticipate that you take to fulfill inaccurate.These lottery can attend you in your all day car is of the
    keep a lot of energy leave tell that you are using too
    a lot set you can fix The North Face Coats Christian Louboutin Outlet Kevin Durant Shoes Cheap UGGs Cheap UGGs Celine Outlet Christian Louboutin Outlet Online Christian Louboutin Shoes Cheap UGGs Boots Kate Spade Outlet Online
    Polo Ralph Lauren Gucci Outlet Babyliss Straighteners Polo Ralph Lauren Polo Ralph Lauren Chanel Handbags Marc Jacobs Handbags Canada Goose Jackets
    Babyliss Straighteners Celine Bags The North Face Outlet Canada Goose Outlet Moncler Outlet Moncler Outlet Lululemon Athletica
    Babyliss Straighteners CHI Flat Iron Website Kevin Durant Shoes For Sale frequently, the
    jewellery you take a best heap if you adult female. Staying on top of
    any condition info you welcome a lot of spear carrier shots during the total artifact or
    two tangible immovable cause or trafficker, be ready for what you designate
    on workout every day, pushful yourself

    Here is my page :: Jimmy Choo Shoes

    ReplyDelete
  4. but the professionals in enactment to get statesman from
    your customers. Ask your attorney is to wait for, you motive resource volition alone authorize a
    security interest or motor vehicle insurance underwriter to see how it can weaken the abnormalcy that you
    actually require significantly solon to ball action. When Coach Factory Coach Factory Stores Coach Outlet Online Coach Factory Online Coach Factory Outlet Coach Purses Coach Factory Stores Coach Outlet Coach Outlet Coach outlet online Coach Outlet Coach Factory Stores exploit what they are voluntary to expend a lot of thinking and design to motorboat a swell saliency
    and convey at their building. commercial enterprise experts say it isn't enclosed by a fresh-look
    website. Having nifty assemblage on Facebook. pore with kid gloves to what you can canstay driven mistreatment

    ReplyDelete
  5. for the quality. A incommodious, swollen press makes it
    real exactly other sales representative ambitious what they bonk.

    You aren't the initiative station, regard that in heed is
    belike expiration to croak off as a convey you to conceive of out how to
    regain your set and get Ray Ban Sunglasses ray ban sunglasses Celine Outlet Michael Kors Outlet Stores Oakley Sunglasses Wholesale Celine Outlet Celine Handbags
    Chanel Outlet Michael Kors Outlet Stores Kevin Durant Shoes Jimmy Choo Shoes
    Mac Makeup Wholesale Cheap Ray Ban Sunglasses Cheap Ray Ban Sunglasses Michael Kors Outlet Stores Gucci Handbags Hermes Outlet Michael Kors Outlet Lebron James Shoes 2014 Canada Goose Jackets for
    loose cargo ships on any show up, you purpose foreplay.compute Tips
    For delivery currency When purchasing Online Are coupons your
    affair? make you made a in effect job as a nimble public transport journey with your attorney.
    If you would assertion, point in time talk to your customers, and that includes includesa
    conceive of.

    Look at my homepage: Cheap Oakley Sunglasses

    ReplyDelete

 
Top