Monday, July 29, 2013

Subscription and social sharing widget below Posts: V1 - See more at: http://www.tecnohertzz.com/2012/10/subscription-and-social-sharing-widget_26.html#sthash.Gxv8pyaa.dpuf

<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">
&lt;b:if cond='data:blog.pageType == &amp;quot;item&amp;quot;'&gt;<br>
&lt;style&gt;<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 &amp;quot;trebuchet ms&amp;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>
&lt;/style&gt;<br>
&lt;link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'/&gt;<br>
&lt;div class='tbibox'&gt;<br>
&lt;div class='tbisubscribe'&gt;<br>
&lt;div style='color: #666666; font-weight: bold; font: 22px Oswald, cursive; margin: 0px 0px 10px 15px;'&gt;Get Free Updates in your Inbox&lt;/div&gt;<br>
&lt;div style='margin: 10px 0 0 6px;'&gt;<br>
&lt;form action='http://feedburner.google.com/fb/a/mailverify' class='emailform' method='post' onsubmit='window.open(&amp;apos;http://feedburner.google.com/fb/a/mailverify?uri=<b id="ori1feedburner">widgetforblogs</b>&amp;apos;, &amp;apos;popupwindow&amp;apos;, &amp;apos;scrollbars=yes,width=550,height=520&amp;apos;);return true' style='margin: 0pt;' target='popupwindow'&gt;<br>
&lt;input name='uri' type='hidden' value='<b id="ori2feedburner">widgetforblogs</b>'/&gt;<br>
&lt;input name='loc' type='hidden' value='en_US'/&gt;<br>
&lt;input class='tbimailbox' name='email' onblur='if (this.value == &amp;quot;&amp;quot;) {this.value = &amp;quot;Enter your email...&amp;quot;;}' onfocus='if (this.value == &amp;quot;Enter your email...&amp;quot;) {this.value = &amp;quot;&amp;quot;}' type='text' value='Enter your email...'/&gt;<br>
&lt;input alt='' class='tbisubmit' title='' type='submit' value='Subscribe'/&gt;<br>
&lt;/form&gt;<br>
&lt;/div&gt;<br>
&lt;div style='border: none; color: #666666; font: 22px Oswald, cursive; margin: 25px 0 0 5px;'&gt;Follow us on:&lt;/div&gt;<br>
&lt;div style='margin: -32px 0 0 120px;'&gt;<br>
&lt;a href='https://www.facebook.com/<b id="ori3facebook">widgetforblogs</b>' target='_blank' title='Join us on Facebook'&gt;&lt;img alt='facebook' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbETImF7qFKUsF_3F0FdaFuxqtFj1jLSN4pxyQXU3uBRoNjbsVQAF5hFGh50fW_7G_3eJkcfjQqTxFX021G1WfpvLqTyQPiyqKSxmpOmqyCWWKne5NfjSxvgwSJq22z9fEG2B8FwPnJ-I/s32/facebook500.png'/&gt;&lt;/a&gt;<br>
&lt;a href='http://twitter.com/<b id="oritwitter">leadingdynasty</b>' rel='nofollow' target='_blank' title='Follow us on Twitter'&gt;&lt;img alt='twitter' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3EMEcdKnoUQ5kdnQLY8spNh0Xj9J-VUGA1boA7PkFP5b59H06_AoB5j-t-ZwQuUvRzY1dTVFbmEtqSS1J4E3G5GvweE0mty15mp1rRF2OtLYPzkeGgMDHRfgAVGUnrwDo77g5Hjvw1yw/s32/twitter.png'/&gt;&lt;/a&gt;<br>
&lt;a href='https://plus.google.com/<b id="origoogleplus">115162060316012321705</b>' rel='nofollow' target='_blank' title='Follow us on Google+'&gt;&lt;img alt='gplus' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEuj8C4hIItAL_-UkWvow0hipZJMcVTMUfdV3fyxy39wl5_cIX8MmsnjQ0ky9fKJlP3sbdSwhpVs1xTBC7JNOwHZQIOZm3ycITATlED-PVzwJF8TaqolYOqBDGi0l_c4dzQvaRkc9p9bI/s32/googleplus-revised.png'/&gt;&lt;/a&gt;<br>
&lt;a href='http://pinterest.com/<b id="oripinterest">widgetforblogs</b>' rel='nofollow' target='_blank' title='Follow us on Pinterest'&gt;&lt;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'/&gt;&lt;/a&gt;<br>
&lt;a href='http://feeds.feedburner.com/<b id="ori0feedburner">widgetforblogs</b>' rel='nofollow' target='_blank' title='Subscribe to RSS'&gt;&lt;img alt='rss' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqBzUluK31VISY_YaDcbtUf4YpVNiuJrwtg2rd3Aw6xdWjyF5fMxjl46QcXaP1ow-IJ_UQnF5fLN019g_VJaB427987gwwYo1zdFSQDkX-aMJ1XvqVZMeBTtjuAwZ2cjUwbceyhhrGFmk/s32/rss.png'/&gt;&lt;/a&gt;<br>
&lt;/div&gt;<br>
&lt;/div&gt;<br>
&lt;div class='tbisharebox'&gt;<br>
&lt;script type='text/javascript'&gt;<br>
var switchTo5x = true;<br>
&lt;/script&gt;<br>
&lt;script src='http://w.sharethis.com/button/buttons.js' type='text/javascript'/&gt;<br>
&lt;script type='text/javascript'&gt;<br>
stLight.options({<br>
onhover: false<br>
});<br>
&lt;/script&gt;<br>
&lt;div style='margin: 5px 5px;'&gt;<br>
&lt;span class='st_fblike_hcount' displaytext=''/&gt;<br>
&lt;/div&gt;<br>
&lt;div style='margin: -30px -20px 0 0; float: right;'&gt;<br>
&lt;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'/&gt;<br>
&lt;b:if cond='data:post.isFirstPost'&gt;<br>
&lt;script src='http://platform.twitter.com/widgets.js' type='text/javascript'/&gt;<br>
&lt;/b:if&gt;<br>
&lt;/div&gt;<br>
&lt;div class='addthis_toolbox addthis_default_style' style='margin: 10px 0 12px 85px;'&gt;<br>
&lt;a class='addthis_counter'/&gt;<br>
&lt;script src='http://s7.addthis.com/js/250/addthis_widget.js' type='text/javascript'/&gt;<br>
&lt;/div&gt;<br>
&lt;div style='margin: 5px 5px;'&gt;<br>
&lt;su:badge layout='1'/&gt;<br>
&lt;script type='text/javascript'&gt;<br>
(function () {<br>
var li = document.createElement(&amp;#39;script&amp;#39;);<br>
li.type = &amp;#39;text/javascript&amp;#39;;<br>
li.async = true;<br>
li.src = (&amp;#39;https:&amp;#39; == document.location.protocol ? &amp;#39;https:&amp;#39; : &amp;#39;http:&amp;#39;) + &amp;#39;//platform.stumbleupon.com/1/widgets.js&amp;#39;;<br>
var s = document.getElementsByTagName(&amp;#39;script&amp;#39;)[0];<br>
s.parentNode.insertBefore(li, s);<br>
})();<br>
&lt;/script&gt;<br>
&lt;/div&gt;<br>
&lt;/div&gt;<br>
&lt;div style='float: right; margin: -40px -5px 0 0;'&gt;<br>
&lt;div class='g-plusone' data-size='medium' expr:data-href='data:post.url'/&gt;<br>
&lt;script type='text/javascript'&gt;<br>
(function () {<br>
var po = document.createElement(&amp;#39;script&amp;#39;);<br>
po.type = &amp;#39;text/javascript&amp;#39;;<br>
po.async = true;<br>
po.src = &amp;#39;https://apis.google.com/js/plusone.js&amp;#39;;<br>
var s = document.getElementsByTagName(&amp;#39;script&amp;#39;)[0];<br>
s.parentNode.insertBefore(po, s);<br>
})();<br>
&lt;/script&gt;<br>
&lt;/div&gt;<br>
&lt;div style='margin-top: 20px;'&gt;<br>
&lt;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;amp;width=570&amp;amp;colorscheme=light&amp;amp; show_faces=true&amp;amp;stream=false&amp;amp;header=false&amp;amp;height=180' style='border:none; overflow:hidden; width:570px; height:180px;'/&gt;<br>
&lt;/div&gt;<br>
&lt;/div&gt;<br>
&lt;span class='author-credit' style='font-family: Arial, Helvetica, sans-serif;'&gt;&lt;a href='http://tecnohertzz.blogspot.com' target='_blank'&gt; Blogger Widgets &amp;#187;&lt;/a&gt;&lt;/span&gt;<br>
&lt;/b:if&gt;<br>
</div>
<textarea id="textarea" cols="70" rows="20"></textarea>
</div>

Widget Generator



Subscription Widget Generator V1
Settings









1 comment: