Header Ads

  • Breaking News

    Social Media i Rss Subscribe Widget za Blogger

    Još jedna super sprava za socijalne vode, imate i feedburner i follow buttons i email gotovo sve. Minimalizam u dizajnu je najbolje rešenje uvek. 

    Live Demo

    Evo kod, znate kako ali nema veze, "Add gadget-->HTML i ubacite sledeći kod.

    Prvo da kažem onima koji slučajno ne znaju, kako se koristi Syntax Highlighter, ni ja nisam znala do skoro, uvek kopirala brojeve pa mi je na kraju rezultat bio užas. Niko se naučen nije rodio. Ako želite lakše, kliknite <> i otvoriće vam se kompletan lep kod a ako želite teže ( šalim se ) evo vam pa pogledajte kako radi. Syntax Tutorial u 3 koraka

    <style>
    .subscribebtrix {
    border: 2px solid #000000;
    padding: 8px;
    width: 310px;
    -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;
    }
    .subscribebtrix: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;
    }
    .btrixsubmit {
    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;
    }
    .btrixsubmit:active {
    cursor: pointer;
    position: relative;
    top: 2px;
    }
    .btrixsubmit::-moz-focus-inner {
    border: 0;
    padding: 0;
    margin: 0;
    }
    </style>
    
    <br />
    <div class="subscribebtrix">
    <div style="color: #666666; font-weight: bold; font: 22px Oswald, cursive; margin: 0px 0px 10px 15px;">
    Free Updates to 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('http://feedburner.google.com/fb/a/mailverify?uri=?uri=', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" style="margin: 0pt;" target="popupwindow">
    <input name="uri" type="hidden" value="#" />
    <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="btrixsubmit" title="" type="submit" value="Subscribe" />
    </form>
    </div>
    <div style="border: none; color: #666666; font: 22px Oswald, cursive; margin: 25px 0 0 5px;">
    Follow us:</div>
    <div style="margin: -32px 0 0 120px;">
    <a href="http://www.facebook.com/VAŠ-URL" target="_blank" title="Join us on Facebook"><img alt="facebook" src="http://1.bp.blogspot.com/-dWQ4WAgFEd4/UaOIdmxIstI/AAAAAAAAHow/1ER9XAAtr9s/s1600/facebook_btrix.png" /></a>
    <a href="http://www.twitter.com/VAŠ-URL" rel="nofollow" target="_blank" title="Follow us on Twitter"><img alt="twitter" src="http://3.bp.blogspot.com/-iRgGtzjfUOo/UaOIe0vICII/AAAAAAAAHpM/yq0OufsX_Q0/s1600/twitter_btrix.png" /></a>
    <a href="https://plus.google.com/UserId" rel="nofollow" target="_blank" title="Follow us on Google+"><img alt="gplus" src="http://4.bp.blogspot.com/-rhZjMQqQSwc/UaOId555AQI/AAAAAAAAHo0/v9qrnoB9LRU/s1600/googleplus_btrix.png" /></a>
    <a href="http://www.pinterest.com/VAŠ-URL" rel="nofollow" target="_blank" title="Follow us on Pinterest"><img alt="pinterest" src="http://3.bp.blogspot.com/-MiOHuehf8Uo/UaOId1J8tjI/AAAAAAAAHo4/kCciO2il8R0/s1600/pinterest_btrix.png" /></a>
    <a href="http://feeds2.feedburner.com/ekWMe" rel="nofollow" target="_blank" title="Subscribe to RSS"><img alt="rss" src="http://1.bp.blogspot.com/--Oc6zcT_s9Y/UaOIen7YBwI/AAAAAAAAHpI/S8ut7PyNJHc/s1600/rss_btrix.png" /></a>
    </div>
    <div align="center">
    <a href="http://feeds.feedburner.com/ekWMe"><img alt="" height="26" src="http://feeds.feedburner.com/~fc/mixer?bg=FF9900&amp;fg=444444&amp;anim=1" style="border: 0;" width="88" /></a></div>
    </div>

    Samo još da zamenite VAŠ - URL sa vašim pravim adresama i to je sve. Srećan bloging.



    No comments

    Post Top Ad

    Post Bottom Ad