<br><div class="boxyheader"><span style="color: #0080ff; font-size: 16px;"> <b>Widget Generator</b></span></div><br> <br></div> <style type="text/css"> .thzbox { border: 3px solid #0080ff; border-radius: 10px; padding: 10px; width: 95%; font-family: calibri; text-align: center; } .redi { -moz-border-radius: 8px; -webkit-border-radius: 8px; } .text-input, .select-box { margin: 0 2px; padding: 4px 6px; border: 1px solid #0080ff; -webkit-border-radius: 4px; border-radius: 4px; font-family: georgia; font-style: italic; -webkit-box-shadow: 1px 1px 1px #dfdfdf; box-shadow: 1px 1px 1px #dfdfdf; font-size: 14px; color: #666; } </style> <script type="text/javascript"> function copyfunction() { $('#textarea').val($('#subscribecode').text()); } </script> <script type="text/javascript"> function changeText1(){ var feedburner= document.getElementById('feedburner').value; document.getElementById('ori0feedburner').innerHTML = feedburner; document.getElementById('ori1feedburner').innerHTML = feedburner; document.getElementById('ori2feedburner').innerHTML = feedburner; } function changeText2(){ var facebook= document.getElementById('facebook').value; document.getElementById('ori3facebook').innerHTML = facebook; document.getElementById('ori4facebook').innerHTML = facebook; } function changeText3(){ var twitter= document.getElementById('twitter').value; document.getElementById('oritwitter').innerHTML = twitter; } function changeText4(){ var googleplus= document.getElementById('googleplus').value; document.getElementById('origoogleplus').innerHTML = googleplus; } function changeText5(){ var pinterest= document.getElementById('pinterest').value; document.getElementById('oripinterest').innerHTML = pinterest; } </script> <div class="thzbox"> <span style="color: #0080ff; font-size: 16px;"><b>Subscription Widget Generator V1</b></span> <br> <fieldset class="redi" style="border: 1px solid #0080ff;"> <legend align="left" class="redi" style="border: 1px solid #0080ff; margin-left: 20px; padding: 3px 10px;"><b>Settings</b></legend> <br> <table style="width: 100%px;"> <tbody> <tr> <td width="40%"><label for="facebook">Your Facebook Page Username</label> </td> <td width="60%"><input class="text-input" id="facebook" size="40" value="Tecnohertzz" type="text"> </td> </tr> <tr> <td width="40%"><label for="googleplus">Google+ Page ID</label> </td> <td width="60%"><input class="text-input" id="googleplus" size="40" value="107925603909723241470" type="text"> </td> </tr> <tr> <td width="40%"><label for="twitter">Twitter Username</label> </td> <td width="60%"><input class="text-input" id="twitter" size="40" value="Tecnohertzz" type="text"> </td> </tr> <tr> <td width="40%"><label for="pinterest">Pinterest Username</label> </td> <td width="60%"><input class="text-input" id="pinterest" size="40" value="Tecnohertzz" type="text"> </td> </tr> <tr> <td width="40%"><label for="feedburner">Feedburner ID</label> </td> <td width="60%"><input class="text-input" id="feedburner" size="40" value="Tecnohertzz" type="text"> </td> </tr> </tbody></table><br></fieldset> <br> <input onclick="changeText1();changeText2();changeText3();changeText4();changeText5();copyfunction();" style="font-family: calibri; font-size: 22px; margin-right: 5px; width: 120px;" value="Generate" type="button"><br><br> <div id="subscribecode" style="display:none;" class="THZ"> <b:if cond='data:blog.pageType == &quot;item&quot;'><br> <style><br> .tbibox {<br> background: #fff;<br> border: 1px solid #ddd;<br> height: 360px;<br> margin: 10px auto;<br> padding: 10px;<br> width: 572px;<br> -webkit-border-radius: 10px;<br> border-radius: 10px;<br> }<br> .tbisubscribe {<br> border: 1px solid #D3D3D3;<br> padding: 8px;<br> width: 300px;<br> -webkit-transition: all 0.5s ease-in-out;<br> -moz-transition: all 0.5s ease-in-out;<br> -ms-transition: all 0.5s ease-in-out;<br> -o-transition: all 0.5s ease-in-out;<br> transition: all 0.5s ease-in-out;<br> }<br> .tbisubscribe:hover {<br> -moz-box-shadow: inset 1px 1px 10px 1px rgba(249, 215, 126, 1);<br> -webkit-box-shadow: inset 1px 1px 10px 1px rgba(249, 215, 126, 1);<br> box-shadow: inset 1px 1px 10px 1px rgba(249, 215, 126, 1);<br> }<br> .tbimailbox {<br> border: 1px solid #D3D3D3;<br> -webkit-border-radius: 4px;<br> border-radius: 4px;<br> -moz-box-shadow: 1px 1px 1px 1px rgba(255, 172, 84, 0.4) inset;<br> -webkit-box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.4) inset;<br> box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.4) inset;<br> color: #666;<br> font: 14px &quot;trebuchet ms&quot;, sans-serif;<br> padding: 7px 15px;<br> width: 160px;<br> -webkit-transition: all 0.5s ease-in-out;<br> -moz-transition: all 0.5s ease-in-out;<br> -ms-transition: all 0.5s ease-in-out;<br> -o-transition: all 0.5s ease-in-out;<br> transition: all 0.5s ease-in-out;<br> }<br> .tbimailbox:hover {<br> -webkit-box-shadow: none;<br> box-shadow: none;<br> -webkit-transition: all 0.5s ease-in-out;<br> -moz-transition: all 0.5s ease-in-out;<br> -ms-transition: all 0.5s ease-in-out;<br> -o-transition: all 0.5s ease-in-out;<br> transition: all 0.5s ease-in-out;<br> }<br> .tbisubmit {<br> font: bold 12px Tahoma, Geneva, sans-serif;<br> font-style: normal;<br> color: #ffffff;<br> background: #ff5714;<br> border: 0px solid #ffffff;<br> text-shadow: 0px -1px 1px #222222;<br> box-shadow: 2px 2px 5px #000000;<br> -moz-box-shadow: 2px 2px 5px #000000;<br> -webkit-box-shadow: 2px 2px 5px #000000;<br> border-radius: 10px 10px 10px 10px;<br> -moz-border-radius: 10px 10px 10px 10px;<br> -webkit-border-radius: 10px 10px 10px 10px;<br> padding: 8px 15px;<br> cursor: pointer;<br> margin: 0 auto;<br> }<br> .tbisubmit:active {<br> cursor: pointer;<br> position: relative;<br> top: 2px;<br> }<br> .tbisubmit::-moz-focus-inner {<br> border: 0;<br> padding: 0;<br> margin: 0;<br> }<br> .tbisharebox {<br> border: 1px solid #D3D3D3;<br> margin: -157px 0 0 330px;<br> padding: 8px;<br> width: 225px;<br> -webkit-transition: all 0.5s ease-in-out;<br> -moz-transition: all 0.5s ease-in-out;<br> -ms-transition: all 0.5s ease-in-out;<br> -o-transition: all 0.5s ease-in-out;<br> transition: all 0.5s ease-in-out;<br> }<br> .tbisharebox:hover {<br> -moz-box-shadow: 1px 1px 2px #CCC inset;<br> -webkit-box-shadow: inset 1px 1px 55px 1px rgba(249, 215, 126, 1);<br> box-shadow: inset 1px 1px 55px 1px rgba(249, 215, 126, 1);<br> -webkit-transition: all 0.5s ease-in-out;<br> -moz-transition: all 0.5s ease-in-out;<br> -ms-transition: all 0.5s ease-in-out;<br> -o-transition: all 0.5s ease-in-out;<br> transition: all 0.5s ease-in-out;<br> }<br> </style><br> <link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'/><br> <div class='tbibox'><br> <div class='tbisubscribe'><br> <div style='color: #666666; font-weight: bold; font: 22px Oswald, cursive; margin: 0px 0px 10px 15px;'>Get Free Updates in your Inbox</div><br> <div style='margin: 10px 0 0 6px;'><br> <form action='http://feedburner.google.com/fb/a/mailverify' class='emailform' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=<b id="ori1feedburner">widgetforblogs</b>&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' style='margin: 0pt;' target='popupwindow'><br> <input name='uri' type='hidden' value='<b id="ori2feedburner">widgetforblogs</b>'/><br> <input name='loc' type='hidden' value='en_US'/><br> <input class='tbimailbox' 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...'/><br> <input alt='' class='tbisubmit' title='' type='submit' value='Subscribe'/><br> </form><br> </div><br> <div style='border: none; color: #666666; font: 22px Oswald, cursive; margin: 25px 0 0 5px;'>Follow us on:</div><br> <div style='margin: -32px 0 0 120px;'><br> <a href='https://www.facebook.com/<b id="ori3facebook">widgetforblogs</b>' target='_blank' title='Join us on Facebook'><img alt='facebook' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbETImF7qFKUsF_3F0FdaFuxqtFj1jLSN4pxyQXU3uBRoNjbsVQAF5hFGh50fW_7G_3eJkcfjQqTxFX021G1WfpvLqTyQPiyqKSxmpOmqyCWWKne5NfjSxvgwSJq22z9fEG2B8FwPnJ-I/s32/facebook500.png'/></a><br> <a href='http://twitter.com/<b id="oritwitter">leadingdynasty</b>' rel='nofollow' target='_blank' title='Follow us on Twitter'><img alt='twitter' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3EMEcdKnoUQ5kdnQLY8spNh0Xj9J-VUGA1boA7PkFP5b59H06_AoB5j-t-ZwQuUvRzY1dTVFbmEtqSS1J4E3G5GvweE0mty15mp1rRF2OtLYPzkeGgMDHRfgAVGUnrwDo77g5Hjvw1yw/s32/twitter.png'/></a><br> <a href='https://plus.google.com/<b id="origoogleplus">115162060316012321705</b>' rel='nofollow' target='_blank' title='Follow us on Google+'><img alt='gplus' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEuj8C4hIItAL_-UkWvow0hipZJMcVTMUfdV3fyxy39wl5_cIX8MmsnjQ0ky9fKJlP3sbdSwhpVs1xTBC7JNOwHZQIOZm3ycITATlED-PVzwJF8TaqolYOqBDGi0l_c4dzQvaRkc9p9bI/s32/googleplus-revised.png'/></a><br> <a href='http://pinterest.com/<b id="oripinterest">widgetforblogs</b>' rel='nofollow' target='_blank' title='Follow us on Pinterest'><img alt='pinterest' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVCAB0kei7gnR_l_dMtMxidJJgWAHgmtUdXQAGSQvpRgpC3-2jst2aJWuWu5OEtxE-V-kd1iw2hK2qiXM-q26sQ-Hgmr6pYx5uNVPgzqap-uFK2UP-bEXNTjpQDAEFY-FNqjuudyugsNQ/s32/pinterest.png'/></a><br> <a href='http://feeds.feedburner.com/<b id="ori0feedburner">widgetforblogs</b>' rel='nofollow' target='_blank' title='Subscribe to RSS'><img alt='rss' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqBzUluK31VISY_YaDcbtUf4YpVNiuJrwtg2rd3Aw6xdWjyF5fMxjl46QcXaP1ow-IJ_UQnF5fLN019g_VJaB427987gwwYo1zdFSQDkX-aMJ1XvqVZMeBTtjuAwZ2cjUwbceyhhrGFmk/s32/rss.png'/></a><br> </div><br> </div><br> <div class='tbisharebox'><br> <script type='text/javascript'><br> var switchTo5x = true;<br> </script><br> <script src='http://w.sharethis.com/button/buttons.js' type='text/javascript'/><br> <script type='text/javascript'><br> stLight.options({<br> onhover: false<br> });<br> </script><br> <div style='margin: 5px 5px;'><br> <span class='st_fblike_hcount' displaytext=''/><br> </div><br> <div style='margin: -30px -20px 0 0; float: right;'><br> <a class='twitter-share-button' data-count='horizontal' data-lang='en' expr:data-text='data:post.title' expr:data-url='data:post.canonicalUrl' href='http://twitter.com/share' rel='nofollow'/><br> <b:if cond='data:post.isFirstPost'><br> <script src='http://platform.twitter.com/widgets.js' type='text/javascript'/><br> </b:if><br> </div><br> <div class='addthis_toolbox addthis_default_style' style='margin: 10px 0 12px 85px;'><br> <a class='addthis_counter'/><br> <script src='http://s7.addthis.com/js/250/addthis_widget.js' type='text/javascript'/><br> </div><br> <div style='margin: 5px 5px;'><br> <su:badge layout='1'/><br> <script type='text/javascript'><br> (function () {<br> var li = document.createElement(&#39;script&#39;);<br> li.type = &#39;text/javascript&#39;;<br> li.async = true;<br> li.src = (&#39;https:&#39; == document.location.protocol ? &#39;https:&#39; : &#39;http:&#39;) + &#39;//platform.stumbleupon.com/1/widgets.js&#39;;<br> var s = document.getElementsByTagName(&#39;script&#39;)[0];<br> s.parentNode.insertBefore(li, s);<br> })();<br> </script><br> </div><br> </div><br> <div style='float: right; margin: -40px -5px 0 0;'><br> <div class='g-plusone' data-size='medium' expr:data-href='data:post.url'/><br> <script type='text/javascript'><br> (function () {<br> var po = document.createElement(&#39;script&#39;);<br> po.type = &#39;text/javascript&#39;;<br> po.async = true;<br> po.src = &#39;https://apis.google.com/js/plusone.js&#39;;<br> var s = document.getElementsByTagName(&#39;script&#39;)[0];<br> s.parentNode.insertBefore(po, s);<br> })();<br> </script><br> </div><br> <div style='margin-top: 20px;'><br> <iframe allowTransparency='true' frameborder='0' scrolling='no' src='http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2F<b id="ori4facebook">widgetforblogs</b>&amp;width=570&amp;colorscheme=light&amp; show_faces=true&amp;stream=false&amp;header=false&amp;height=180' style='border:none; overflow:hidden; width:570px; height:180px;'/><br> </div><br> </div><br> <span class='author-credit' style='font-family: Arial, Helvetica, sans-serif;'><a href='http://tecnohertzz.blogspot.com' target='_blank'> Blogger Widgets &#187;</a></span><br> </b:if><br> </div> <textarea id="textarea" cols="70" rows="20"></textarea> </div>
Widget Generator

Cool.......
ReplyDeleteTesting comment.