18.04.2015.

Kako dodati "Pracenje imejlom"

Pracenje imejlom na vasem blogu

pracenje-imejlom

U ovom postu cu pokazati i navesti par primera kako da postavite widzet "Pracenje imejlom".


Kao sto je u prethodnim postovima objasnjeno, uradite sledece:

Izgled > Dodaj gadzet > HTML/JavaScript


<style>
.tbisubscribe {
border: 1px solid #D3D3D3;
padding: 8px;
width: 300px;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.tbisubscribe:hover {
-moz-box-shadow: inset 1px 1px 10px 1px rgba(249, 215, 126, 1);
-webkit-box-shadow: inset 1px 1px 10px 1px rgba(249, 215, 126, 1);
box-shadow: inset 1px 1px 10px 1px rgba(249, 215, 126, 1);
}
.tbimailbox {
border: 1px solid #D3D3D3;
-webkit-border-radius: 4px;
border-radius: 4px;
-moz-box-shadow: 1px 1px 1px 1px rgba(255, 172, 84, 0.4) inset;
-webkit-box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.4) inset;
box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.4) inset;
color: #666;
font: 14px "trebuchet ms", sans-serif;
padding: 7px 15px;
width: 160px;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.tbimailbox:hover {
-webkit-box-shadow: none;
box-shadow: none;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.tbisubmit {
font: bold 12px Tahoma, Geneva, sans-serif;
font-style: normal;
color: #ffffff;
background: #ff5714;
border: 0px solid #ffffff;
text-shadow: 0px -1px 1px #222222;
box-shadow: 2px 2px 5px #000000;
-moz-box-shadow: 2px 2px 5px #000000;
-webkit-box-shadow: 2px 2px 5px #000000;
border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
padding: 8px 15px;
cursor: pointer;
margin: 0 auto;
}
.tbisubmit:active {
cursor: pointer;
position: relative;
top: 2px;
}
.tbisubmit::-moz-focus-inner {
border: 0;
padding: 0;
margin: 0;
}
</style>
<link href='' rel='stylesheet' type='text/css' />
<div class='tbisubscribe'>
<div style='color: #666666; font-weight: bold; font: 22px Oswald, cursive; margin: 0px 0px 10px 15px;'>Get Free Updates in your Inbox</div>
<div style='margin: 10px 0 0 6px;'>
<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=labstrike&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true'
style='margin: 0pt;' target='popupwindow'>
<input name='uri' type='hidden' value='labstrike' />
<input name='loc' type='hidden' value='en_US' />
<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...' />
<input alt='' class='tbisubmit' title='' type='submit' value='Subscribe'/>
</form>
</div>
<div style='border: none; color: #666666; font: 22px Oswald, cursive; margin: 25px 0 0 5px;'>Follow us on:</div>
<div style='margin: -32px 0 0 120px;'>
<a href='FACEBOOK URL' target='_blank' title='Join us on Facebook'><img src='http://1.bp.blogspot.com/-7BFnvcwztPI/UDvPdyfwRdI/AAAAAAAALEI/JIvOf_6qVvs/s1600/facebook500.png' alt='facebook'/></a>
<a href='TWITTER URL' rel='nofollow' target='_blank'
title='Follow us on Twitter'><img src='http://4.bp.blogspot.com/-whgSYuUXFK4/UDvPif88foI/AAAAAAAALEk/o1h9AQUEN48/s1600/twitter.png' alt='twitter'/></a>
<a href='GOOGLE+ URL' rel='nofollow' target='_blank'
title='Follow us on Google+'><img src='http://3.bp.blogspot.com/-CKC8VpnLV4E/UDvPe3F-JeI/AAAAAAAALEM/CfdjTmmDbHU/s1600/googleplus-revised.png' alt='gplus'/></a>
<a href='PINTEREST URL' rel='nofollow' target='_blank'
title='Follow us on Pinterest'><img src='http://1.bp.blogspot.com/-W-z8yV2MJAo/UDvPgCvvFaI/AAAAAAAALEU/EM36zCqtyNE/s1600/pinterest.png' alt='pinterest'/></a>
<a href='RSS URL' rel='nofollow' target='_blank'
title='Subscribe to RSS'><img src='http://3.bp.blogspot.com/-0kc9eDAEfVY/UDvPhDm2DuI/AAAAAAAALEg/xTrMT70Lutw/s1600/rss.png' alt='rss'/></a>
</div>
</div>

<div style="background-color: #f2f2f2; border: .1em solid #B4BBCD; height: 140px; width: 280px; padding-top:5px;">
 <center>Subscribe Free Email Updates<br />
  <form  action="http://feedburner.google.com/fb/a/mailverify" method="post" target="_blank">
 <table>
 <tr>
 <td>
 <img src="http://austintech.org/wp-content/uploads/2009/10/email.png" alt="RSS" />
 </td>
 <td>
 <input type="text" name="email" style="width: 160px;"/>
 
 </td>
 <td>
 
 
 <input type="submit" value="GO" style="background-color: white; color: black; border: .05em solid #b4bbcd;"/>
 <input type="hidden" value="FEEDBURNER FEEDNAME" name="uri"/><input type="hidden" name="loc" value="en_US"/>
 
 </td>
 </tr>
 </table>
 </form>
 
 
 <hr />
          <table>
          <tr>                                                                                                              

          
          <td>
          <a href="FACEBOOK LINK" target="_blank"> 
          <img src="https://lh3.googleusercontent.com/--aTW_4YmHbk/T_yu9ZmBKEI/AAAAAAAABrE/hLWFEFD3F2I/s32/facebook.png" alt="Blogger" />
           </a> 
          </td>
          
          <td>
          <a href="TWITTER LINK" target="_blank"> 
          <img src="https://lh3.googleusercontent.com/-Gg_IJB2sbVE/T_yu-GqyWrI/AAAAAAAABrg/GRtQKt3AK28/s32/twitter.png" alt="RSS" />
          </a>
          </td>
          <td>
           <a href="LINKEDIN LINK" target="_blank">
          <img src="https://lh5.googleusercontent.com/-6r13o8xhyv0/T_yu9e7TrUI/AAAAAAAABrQ/LqvIIwG1ues/s32/linkedin.png" alt="RSS" />
          </a>
          </td>
          
          <td>
          <a href="GOOGLE+ LINK" target="_blank"> 
          <img src="http://4.bp.blogspot.com/-q9Jm0AMZfHA/T9Ed22wmtbI/AAAAAAAAC8c/S2Uscm61Sbo/s000/gplus.png" alt="RSS" />
          </a>
          </td>          
          
          <td>
          <a href="RSS LINK" target="_blank"> 
          <img src="https://lh6.googleusercontent.com/-I2i3uUO1C_U/T_yu-NrBarI/AAAAAAAABrU/dJgHgJ2aYvs/s32/rss.png" alt="RSS" />
          </a>
          </td>
               

          </tr>
          </table>
 </center>
 
 </div>


<style> .NNBTsocial_box-email{ background:Fff no-repeat 0px 12px ; width:270px;float:center;font-size:1.4em;font-weight:bold;margin:2px 20px 0px 10px;color:#686B6C; } .NNBTsocial_box-emailsubmit{ background:#0084CE;cursor:pointer; color:#fff; border:none;padding:3px;margin:0 0 0px 0;text-shadow:0 -1px 1px rgbaundefined0,0,0,0.25); -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; font:12px sans-serif; } .NNBTsocial_box-emailsubmit:hover{ background:#E98313; } .textarea{ padding:2px; margin:0px 2px 0px 2px; background:#f9f9f9; border:1px solid #ccc; resize:none; box-shadow:inset 1px 1px 1px rgbaundefined0,0,0,0.1); -moz-box-shadow:inset 1px 1px 1px rgbaundefined0,0,0,0.1); -webkit-box-shadow:inset 1px 1px 1px rgbaundefined0,0,0,0.1); font-size:13px; width:200px; height:20px;color:#666;} #socialboxNBT { text-align:center;font-weight:bold;padding:5px;border:1px solid black;width:300px; -moz-box-shadow: 0px 0px 8px #000000;-webkit-box-shadow: 0px 0px 8px #000000;box-shadow: 0px 0px 8px #000000;} </style> <br /> <div id="socialboxNBT"> <a href="FEED LINK" imageanchor="1" rel="nofollow" style="float: center; margin-left: .5em; margin-right: 1em;" target="blank"><img border="0" src="http://2.bp.blogspot.com/-Me9LxF5fd88/UftVNgkTeQI/AAAAAAAAAMc/86ydsLiCHvw/s1600/NNBT-rss.png" /></a> Submit your Email Address to Get Free latest Articles Directly to your Inbox <br /> <div class="NNBTsocial_box-email"> <form action="http://feedburner.google.com/fb/a/mailverify" id="feedform" method="post" onsubmit="window.openundefined'http://feedburner.google.com/fb/a/mailverify?uri=NBTLab', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow"> <input class="textarea" gtbfieldid="3" name="email" onblur="if undefinedthis.value == &quot;&quot;) {this.value = &quot;Enter email address here&quot;;}" onfocus="if undefinedthis.value == &quot;Enter email address here&quot;) {this.value = &quot;&quot;;}" type="text" value="Enter email address here..." /> <input name="uri" type="hidden" value="FEED USERNAME" /><input name="loc" type="hidden" value="en_US" /> <input class="NNBTsocial_box-emailsubmit" type="submit" value="Submit" /> </form> </div> <style class="text/css"> table {border-bottom: 0px solid #E6E6E6;float: center;width: 300px;margin:-8px 0 0 0px;} .subicons {border-right: 0px solid #E6E6E6;} .Fadeout {filter:alphaundefinedopacity=100);opacity: 1.0;border:0; } .Fadeout:hover{filter:alphaundefinedopacity=80);opacity: 0.8;border:0; } </style> <br /><div class="table"><table> <tbody><tr> <td><div class="subicons"> <a class="Fadeout" href="FACEBOOK LINK" imageanchor="1" rel="nofollow" target="_blank"><img border="0" src="http://3.bp.blogspot.com/-NoRUNi2o45s/UftVLmpT6PI/AAAAAAAAAMI/nlKQi-I9WuA/s1600/NNBT-facebook-icon.png" /></a></div> </td><td><div class="subicons"> <a class="Fadeout" href="TWITTER LINK" imageanchor="1" rel="nofollow" target="_blank"><img border="0" src="http://3.bp.blogspot.com/-MAFru3zy4EE/UftVOQ1B8kI/AAAAAAAAAMk/SUA-OcvzwH4/s1600/NNBT-twitter-icon.png" /></a></div> </td> <td><div class="subicons"> <a class="Fadeout" href="FEED LINK" imageanchor="1" rel="nofollow" target="_blank"><img border="0" src="http://2.bp.blogspot.com/-UoedrevjRAY/UftVMZJgx0I/AAAAAAAAAMU/TZk4VCS-5ms/s1600/NNBT-rss-icon.png" /></a></div> </td> <td><a class="Fadeout" href="PINTEREST LINK" imageanchor="1" rel="nofollow" target="_blank"><img border="0" src="http://3.bp.blogspot.com/-t1WD_pp9gGA/UftVLqu0oSI/AAAAAAAAAME/cDcPZn0Dp9o/s1600/NNBT-Pinterest-icon.png" /></a></td> </tr></tbody></table></div></div>
<small>
<a style='align:center;' href='http://www.bloggerisanje.blogspot.com' target='_blank'>Subscription</a></small>

0 komentara:

Постави коментар