B Tutoriale

#3. Efectul Arata/Ascunde

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3FAIPuuLCLh3E6fgtAVNJbFQSlZtiBOlCTuMKkWfynXVlTYO535w3O8S4QnrcpskWhcUg2eodPwfp2Hxex5mlAfqS-UpgB98UwGFKX-WJUsmb0j1t8SdgiSpYEk37Vi3qZPxquPhaKPo/s1600/show-hide.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3FAIPuuLCLh3E6fgtAVNJbFQSlZtiBOlCTuMKkWfynXVlTYO535w3O8S4QnrcpskWhcUg2eodPwfp2Hxex5mlAfqS-UpgB98UwGFKX-WJUsmb0j1t8SdgiSpYEk37Vi3qZPxquPhaKPo/s1600/show-hide.png" /></a></div><div class="separator" style="clear: both; text-align: center;"><span style="background-color: white; color: #504945; font-family: tahoma, 'century gothic', Arial, verdana, sans-serif; font-size: 13px; line-height: 20px; text-align: justify;">Acest </span><b style="background-color: white; color: #504945; font-family: tahoma, 'century gothic', Arial, verdana, sans-serif; font-size: 13px; line-height: 20px; margin: 0px; padding: 0px; text-align: justify;">efect arata / ascunde</b><span style="background-color: white; color: #504945; font-family: tahoma, 'century gothic', Arial, verdana, sans-serif; font-size: 13px; line-height: 20px; text-align: justify;"> este foarte usor de implementat si poate fi folosit pentru a arata / ascunde text, imagini, link-uri, etc.</span></div><span style="background-color: white; color: #504945; font-family: tahoma, 'century gothic', Arial, verdana, sans-serif; font-size: 13px; line-height: 20px; text-align: justify;">Apasa pe butoanele de mai jos pentru a vedea cum functioneaza: </span><br />
<div class="separator" style="clear: both; text-align: center;"><span style="background-color: white; color: #504945; font-family: tahoma, 'century gothic', Arial, verdana, sans-serif; font-size: 13px; line-height: 20px; text-align: justify;"><br />
</span></div><br />
<center><div id="hide" style="display: none;"><img src="http://goo.gl/odWCG" /></div><button onclick="if(document.getElementById('hide') .style.display=='none') {document.getElementById('hide') .style.display=''}else{document.getElementById('hide') .style.display='none'}" title="Arata/Ascunde continut" type="button">Imagine ascunsa</button></center><br />
<div class="line alt1" style="background-color: rgb(255, 255, 255) !important; background-image: none !important; border: 0px !important; bottom: auto !important; color: #504945; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace; font-size: 13px; height: auto !important; left: auto !important; line-height: 14.296875px; margin: 0px !important; min-height: inherit !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><br />
<table style="background-image: none !important; border-collapse: collapse !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><tbody style="background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<tr style="background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><td class="number" style="background-image: none !important; border: 0px !important; bottom: auto !important; color: rgb(141, 140, 141) !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: top !important; width: 3em !important;"><code style="background-image: none !important; border: 0px !important; bottom: auto !important; display: block !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; padding: 0px 0.3em 0px 0px !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; width: 2.7em !important;"><span style="font-size: 1em; line-height: 1.1em;">1</span></code></td><td class="content" style="background-image: none !important; border-left-color: rgb(108, 226, 108) !important; border-left-style: solid !important; border-width: 0px 0px 0px 3px !important; bottom: auto !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; padding: 0px 0px 0px 0.5em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: top !important; width: auto !important;"><code class="plain" style="background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><</code><code class="keyword" style="background-image: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 102, 153) !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; font-weight: bold !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">div</code> <code class="color1" style="background-image: none !important; border: 0px !important; bottom: auto !important; color: rgb(128, 128, 128) !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">id</code><code class="plain" style="background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">=</code><code class="string" style="background-image: none !important; border: 0px !important; bottom: auto !important; color: blue !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">"hide"</code> <code class="color1" style="background-image: none !important; border: 0px !important; bottom: auto !important; color: rgb(128, 128, 128) !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">style</code><code class="plain" style="background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">=</code><code class="string" style="background-image: none !important; border: 0px !important; bottom: auto !important; color: blue !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">"display:none"</code><code class="plain" style="background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">></code></td></tr>
</tbody></table></div><div class="line alt2" style="background-color: rgb(248, 248, 248) !important; background-image: none !important; border: 0px !important; bottom: auto !important; color: #504945; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace; font-size: 13px; height: auto !important; left: auto !important; line-height: 14.296875px; margin: 0px !important; min-height: inherit !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><table style="background-image: none !important; border-collapse: collapse !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><tbody style="background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<tr style="background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><td class="number" style="background-image: none !important; border: 0px !important; bottom: auto !important; color: rgb(141, 140, 141) !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: top !important; width: 3em !important;"><code style="background-image: none !important; border: 0px !important; bottom: auto !important; display: block !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; padding: 0px 0.3em 0px 0px !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; width: 2.7em !important;">2</code></td><td class="content" style="background-image: none !important; border-left-color: rgb(108, 226, 108) !important; border-left-style: solid !important; border-width: 0px 0px 0px 3px !important; bottom: auto !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; padding: 0px 0px 0px 0.5em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: top !important; width: auto !important;"><code class="plain" style="background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">CONTINUTUL CARE VREI SA FIE ASCUNS</code></td></tr>
</tbody></table></div><div class="line alt1" style="background-color: rgb(255, 255, 255) !important; background-image: none !important; border: 0px !important; bottom: auto !important; color: #504945; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace; font-size: 13px; height: auto !important; left: auto !important; line-height: 14.296875px; margin: 0px !important; min-height: inherit !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><table style="background-image: none !important; border-collapse: collapse !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><tbody style="background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<tr style="background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><td class="number" style="background-image: none !important; border: 0px !important; bottom: auto !important; color: rgb(141, 140, 141) !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: top !important; width: 3em !important;"><code style="background-image: none !important; border: 0px !important; bottom: auto !important; display: block !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; padding: 0px 0.3em 0px 0px !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; width: 2.7em !important;">3</code></td><td class="content" style="background-image: none !important; border-left-color: rgb(108, 226, 108) !important; border-left-style: solid !important; border-width: 0px 0px 0px 3px !important; bottom: auto !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; padding: 0px 0px 0px 0.5em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: top !important; width: auto !important;"><code class="plain" style="background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"></</code><code class="keyword" style="background-image: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 102, 153) !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; font-weight: bold !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">div</code><code class="plain" style="background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">></code></td></tr>
</tbody></table></div><div class="line alt2" style="background-color: rgb(248, 248, 248) !important; background-image: none !important; border: 0px !important; bottom: auto !important; color: #504945; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace; font-size: 13px; height: auto !important; left: auto !important; line-height: 14.296875px; margin: 0px !important; min-height: inherit !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><table style="background-image: none !important; border-collapse: collapse !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><tbody style="background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<tr style="background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><td class="number" style="background-image: none !important; border: 0px !important; bottom: auto !important; color: rgb(141, 140, 141) !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: top !important; width: 3em !important;"><code style="background-image: none !important; border: 0px !important; bottom: auto !important; display: block !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; padding: 0px 0.3em 0px 0px !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; width: 2.7em !important;">4</code></td><td class="content" style="background-image: none !important; border-left-color: rgb(108, 226, 108) !important; border-left-style: solid !important; border-width: 0px 0px 0px 3px !important; bottom: auto !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; padding: 0px 0px 0px 0.5em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: top !important; width: auto !important;"><code class="plain" style="background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><</code><code class="keyword" style="background-image: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 102, 153) !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; font-weight: bold !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">button</code> <code class="color1" style="background-image: none !important; border: 0px !important; bottom: auto !important; color: rgb(128, 128, 128) !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">title</code><code class="plain" style="background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">=</code><code class="string" style="background-image: none !important; border: 0px !important; bottom: auto !important; color: blue !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">"Arata/Ascunde continut"</code> <code class="color1" style="background-image: none !important; border: 0px !important; bottom: auto !important; color: rgb(128, 128, 128) !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">type</code><code class="plain" style="background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">=</code><code class="string" style="background-image: none !important; border: 0px !important; bottom: auto !important; color: blue !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">"button"</code><code class="color1" style="background-image: none !important; border: 0px !important; bottom: auto !important; color: rgb(128, 128, 128) !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">onclick</code><code class="plain" style="background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">=</code><code class="string" style="background-image: none !important; border: 0px !important; bottom: auto !important; color: blue !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">"if(document.getElementById('hide') .style.display=='none') {document.getElementById('hide') .style.display=''}else{document.getElementById('hide') .style.display='none'}"</code><code class="plain" style="background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">>Arata/Ascunde</</code><code class="keyword" style="background-image: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 102, 153) !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; font-weight: bold !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">button</code><code class="plain" style="background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">></code></td></tr>
</tbody></table></div>

#3. Efectul Arata/Ascunde

Acest efect arata / ascunde este foarte usor de implementat si poate fi folosit pentru a arata / ascunde text, imagini, link-uri, etc. Apa...

Aflați mai multe »

#2. Adauga formular de contact

<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://dflzqrzibliy5.cloudfront.net/images3/contact-form-generator.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="229" src="http://dflzqrzibliy5.cloudfront.net/images3/contact-form-generator.png" width="320" /></a></div>
<div class="separator" style="background-color: white; border: 0px; clear: both; color: #5b5b5b; font-family: 'PT Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; font-size: 14px; line-height: 20px; margin: 0px; padding: 0px; text-align: center; vertical-align: baseline;">
<br /></div>
<div class="separator" style="background-color: white; border: 0px; clear: both; color: #5b5b5b; font-family: 'PT Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; font-size: 14px; line-height: 20px; margin: 0px; padding: 0px; text-align: center; vertical-align: baseline;">
<br /></div>
<h2 style="background-color: #f9f9f9; border: none; color: #333333; font-family: 'Istok Web', sans-serif; font-size: 2em; font-weight: normal; line-height: 20px; list-style: none; margin: 0px; outline: none; padding: 0px; text-align: center; vertical-align: baseline;">
<span style="border: none; color: orange; font-family: inherit; font-size: 28px; font-style: inherit; font-weight: inherit; list-style: none; margin: 0px; outline: none; padding: 0px; vertical-align: baseline;">Adauga formular de contact</span></h2>
<div style="background-color: white; border: 0px; color: #5b5b5b; font-family: 'PT Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; font-size: 14px; line-height: 20px; margin: 0px; padding: 0px; text-align: justify; vertical-align: baseline;">
<span style="border: none; color: orange; font-family: inherit; font-style: inherit; font-weight: inherit; list-style: none; margin: 0px; outline: none; padding: 0px; vertical-align: baseline;"><br /></span></div>
<div style="background-color: white; border: 0px; color: #5b5b5b; font-family: 'PT Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; font-size: 14px; line-height: 20px; margin: 0px; padding: 0px; text-align: justify; vertical-align: baseline;">
<span style="border: none; color: orange; font-family: inherit; font-style: inherit; font-weight: inherit; list-style: none; margin: 0px; outline: none; padding: 0px; vertical-align: baseline;"><span style="background-color: #f9f9f9; border: none; color: #38761d; font-family: 'Istok Web', sans-serif; font-style: inherit; font-weight: inherit; list-style: none; margin: 0px; outline: none; padding: 0px; vertical-align: baseline;"><b>Pasul 1. </b></span><span style="background-color: #f9f9f9; border: 0px; color: #333333; font-family: 'Istok Web', sans-serif; font-style: inherit; font-weight: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Du-te pe <a href="http://adf.ly/bckzt" target="_blank">FoxyForm</a></span><span style="background-color: #f9f9f9; border: 0px; color: #333333; font-family: 'Istok Web', sans-serif; font-style: inherit; font-weight: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"> </span></span></div>
<div class="separator" style="clear: both; text-align: left;">
<img border="0" height="48" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_JupJzd1sTUbSUxJbVhv52hHPQ8wc9qovMgE8IR2huJCpS10u1CAs10-NIKdeSkZ2oXXBaDWUH83zSeShfCyWlyNi7s8YmAWzri7tST1Bq7wzzZM7hRCNcpflWML6pKlFc9_DUkUcBfg/s640/foxyform1.png" width="640" /></div>
<div class="separator" style="background-color: white; border: 0px; clear: both; color: #5b5b5b; font-family: 'PT Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; font-size: 14px; line-height: 20px; margin: 0px; padding: 0px; text-align: center; vertical-align: baseline;">
<br /></div>
<div class="separator" style="background-color: white; border: 0px; clear: both; color: #5b5b5b; font-family: 'PT Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; font-size: 14px; line-height: 20px; margin: 0px; padding: 0px; text-align: center; vertical-align: baseline;">
<br /></div>
<div class="separator" style="background-color: white; border: 0px; clear: both; color: #5b5b5b; font-family: 'PT Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; font-size: 14px; line-height: 20px; margin: 0px; padding: 0px; vertical-align: baseline;">
<span style="background-color: #f9f9f9; border: none; color: #38761d; font-family: 'Istok Web', sans-serif; font-style: inherit; font-weight: inherit; list-style: none; margin: 0px; outline: none; padding: 0px; vertical-align: baseline;"><b>Pasul 2. </b></span><span style="background-color: #f9f9f9; border: 0px; color: #333333; font-family: 'Istok Web', sans-serif; font-style: inherit; font-weight: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Alege-ti optiunile pe care le doresti la formular. Eu recomand cele din imagine</span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7mVWnVl8SemRHNAxDLe0NnN0bZMufbdhsE7HJLvoYcRxREkCVMaaxt5zGTs9t__oJLCj1HJRvvcqOiVpLltC4tb433HeKeKjLVDRRaZU0yuzhizuoSbStSA5fdAFxYmp5QZHeumjNUMQ/s1600/foxyform2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7mVWnVl8SemRHNAxDLe0NnN0bZMufbdhsE7HJLvoYcRxREkCVMaaxt5zGTs9t__oJLCj1HJRvvcqOiVpLltC4tb433HeKeKjLVDRRaZU0yuzhizuoSbStSA5fdAFxYmp5QZHeumjNUMQ/s640/foxyform2.png" width="307" /></a></div>
<div class="separator" style="background-color: white; border: 0px; clear: both; color: #5b5b5b; font-family: 'PT Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; font-size: 14px; line-height: 20px; margin: 0px; padding: 0px; vertical-align: baseline;">
<span style="background-color: #f9f9f9; border: 0px; color: #333333; font-family: 'Istok Web', sans-serif; font-style: inherit; font-weight: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><br /></span></div>
<div style="background-color: white; border: 0px; font-family: 'PT Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; font-size: 14px; line-height: 20px; margin: 0px; padding: 0px; text-align: justify; vertical-align: baseline;">
<span style="border: none; color: orange; font-family: inherit; font-style: inherit; font-weight: inherit; list-style: none; margin: 0px; outline: none; padding: 0px; vertical-align: baseline;"><span style="background-color: #f9f9f9; border: 0px; color: #333333; font-family: 'Istok Web', sans-serif; font-style: inherit; font-weight: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><br /></span></span><span style="border: none; font-family: inherit; font-style: inherit; list-style: none; margin: 0px; outline: none; padding: 0px; vertical-align: baseline;"><span style="background-color: #f9f9f9; border: none; color: #990000; font-family: 'Istok Web', sans-serif; font-style: inherit; font-weight: inherit; list-style: none; margin: 0px; outline: none; padding: 0px; vertical-align: baseline;"><b>Nota:</b></span><span style="background-color: #f9f9f9; border: 0px; color: #333333; font-family: 'Istok Web', sans-serif; font-style: inherit; font-weight: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">  De preferabil </span><span style="background-color: #f9f9f9; border: 0px; font-family: 'Istok Web', sans-serif; font-style: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><b style="color: #38761d;">FONT SIZE  </b>sa fie pe SMALL . Pentru un aspect placut</span></span></div>
<br style="background-color: white; color: #5b5b5b; font-family: 'PT Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; font-size: 14px; line-height: 20px; text-align: justify;" />
<span style="background-color: #f9f9f9; border: none; color: #38761d; font-family: 'Istok Web', sans-serif; font-size: 14px; line-height: 20px; list-style: none; margin: 0px; outline: none; padding: 0px; text-align: justify; vertical-align: baseline;"><b>Pasul 3.</b></span><span style="background-color: #f9f9f9; border: 0px; color: #333333; font-family: 'Istok Web', sans-serif; font-size: 14px; line-height: 20px; margin: 0px; padding: 0px; text-align: justify; vertical-align: baseline;">  La finalizare , primim un cod de genul :</span><br />
<blockquote class="tr_bq">
<br />
<blockquote class="tr_bq">
<br />
<a id="foxyform_embed_link_509704" href="http://www.foxyform.com/">foxyform</a><br />
<script type="text/javascript"><br />
(function(d, t){<br />
   var g = d.createElement(t),<br />
       s = d.getElementsByTagName(t)[0];<br />
   g.src = "http://www.foxyform.com/js.php?id=509704&sec_hash=e16059b45b6&width=350px";<br />
   s.parentNode.insertBefore(g, s);<br />
}(document, "script"));<br />
</script><br />
</blockquote>
</blockquote>
<div class="separator" style="background-color: white; border: 0px; clear: both; color: #5b5b5b; font-family: 'PT Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; font-size: 14px; line-height: 20px; margin: 0px; padding: 0px; text-align: center; vertical-align: baseline;">
<br /></div>
<div class="separator" style="background-color: white; border: 0px; clear: both; color: #5b5b5b; font-family: 'PT Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; font-size: 14px; line-height: 20px; margin: 0px; padding: 0px; text-align: center; vertical-align: baseline;">
<br /></div>
<div class="separator" style="background-color: white; border: 0px; clear: both; color: #5b5b5b; font-family: 'PT Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; font-size: 14px; line-height: 20px; margin: 0px; padding: 0px; vertical-align: baseline;">
<span style="background-color: #f9f9f9; border: none; color: #38761d; font-family: 'Istok Web', sans-serif; font-style: inherit; font-weight: inherit; list-style: none; margin: 0px; outline: none; padding: 0px; vertical-align: baseline;"><b><br /></b></span></div>
<div class="separator" style="background-color: white; border: 0px; clear: both; color: #5b5b5b; font-family: 'PT Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; font-size: 14px; line-height: 20px; margin: 0px; padding: 0px; vertical-align: baseline;">
<span style="background-color: #f9f9f9; border: none; color: #38761d; font-family: 'Istok Web', sans-serif; font-style: inherit; font-weight: inherit; list-style: none; margin: 0px; outline: none; padding: 0px; vertical-align: baseline;"><b>Pasul 4. </b></span><span style="background-color: #f9f9f9; border: 0px; color: #333333; font-family: 'Istok Web', sans-serif; font-style: inherit; font-weight: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"> Intram in pagina cu pricina , alegem HTML si un simplu CTRL+V. Si va aparea de genul acesta:</span></div>
<div class="separator" style="background-color: white; border: 0px; clear: both; color: #5b5b5b; font-family: 'PT Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; font-size: 14px; line-height: 20px; margin: 0px; padding: 0px; vertical-align: baseline;">
<span style="background-color: #f9f9f9; border: 0px; color: #333333; font-family: 'Istok Web', sans-serif; font-style: inherit; font-weight: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><br /></span></div>
<center>

<a href="http://www.foxyform.com/" id="foxyform_embed_link_509704"></a>
<script type="text/javascript">
(function(d, t){
   var g = d.createElement(t),
       s = d.getElementsByTagName(t)[0];
   g.src = "http://www.foxyform.com/js.php?id=509704&sec_hash=e16059b45b6&width=350px";
   s.parentNode.insertBefore(g, s);
}(document, "script"));
</script>
</center>

#2. Adauga formular de contact

Adauga formular de contact Pasul 1. Du-te pe FoxyForm Pasul 2. Alege-ti optiunile pe care le doresti la formular. Eu...

Aflați mai multe »

#1. Adauga buton de like sub posturi

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgl5NH73SuTVzVnBH84WynS23OaaleA0NJcH_Jk4mYnqXNWJDgs4YJ6Z3NxHytMRoNnyavkW_TOdo92HL0m6gPgEjoUIQSF0-u_bRJ-iNeQnCDPQNscbDljXe3G2w5as4Tre3ty-XKVu8zI/s200/how+to+add+facebook+like+button+for+blogger+just+under+below+blogger+blogspot+titles.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgl5NH73SuTVzVnBH84WynS23OaaleA0NJcH_Jk4mYnqXNWJDgs4YJ6Z3NxHytMRoNnyavkW_TOdo92HL0m6gPgEjoUIQSF0-u_bRJ-iNeQnCDPQNscbDljXe3G2w5as4Tre3ty-XKVu8zI/s200/how+to+add+facebook+like+button+for+blogger+just+under+below+blogger+blogspot+titles.jpg" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<h2 style="background-color: #f9f9f9; border: none; color: #333333; font-family: 'Istok Web', sans-serif; list-style: none; margin: 0px; outline: none; padding: 0px; text-align: center;">
<span style="border: none; color: orange; list-style: none; margin: 0px; outline: none; padding: 0px;">Adauga buton de like sub fiecare post </span></h2>
<div>
<span style="border: none; color: orange; list-style: none; margin: 0px; outline: none; padding: 0px;"><br /></span></div>
<div>
<span style="border: none; color: orange; list-style: none; margin: 0px; outline: none; padding: 0px;"><span style="background-color: #f9f9f9; border: none; color: #38761d; font-family: 'Istok Web', sans-serif; font-size: 14px; list-style: none; margin: 0px; outline: none; padding: 0px;"><b>Pasul 1. </b></span><span style="background-color: #f9f9f9; color: #333333; font-family: 'Istok Web', sans-serif; font-size: 14px;">Du-te la </span><a href="https://www.blogger.com/home" style="background-color: #f9f9f9; border: none; color: #0088b2; font-family: 'Istok Web', sans-serif; font-size: 14px; list-style: none; margin: 0px; outline: none; padding: 0px; text-decoration: none;">Blogger Dashboard</a><span style="background-color: #f9f9f9; color: #333333; font-family: 'Istok Web', sans-serif; font-size: 14px;"> > </span><b style="background-color: #f9f9f9; color: #333333; font-family: 'Istok Web', sans-serif; font-size: 14px;">Template</b><span style="background-color: #f9f9f9; color: #333333; font-family: 'Istok Web', sans-serif; font-size: 14px;"> > </span><b style="background-color: #f9f9f9; color: #333333; font-family: 'Istok Web', sans-serif; font-size: 14px;">Edit HTML </b><span style="background-color: #f9f9f9; color: #333333; font-family: 'Istok Web', sans-serif; font-size: 14px;">(click pe </span><b style="background-color: #f9f9f9; color: #333333; font-family: 'Istok Web', sans-serif; font-size: 14px;">Proceed</b><span style="background-color: #f9f9f9; color: #333333; font-family: 'Istok Web', sans-serif; font-size: 14px;"> daca e nevoie)</span></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgpNy1MgJb2ec1UEl2ZGe0OKjcmLF5qs_sfpm5adcAWzcbZwDdzamg75d6WQqkfjNM4AVW_n56tNbANjw9nRdBziiDyiiD1qWnZgoFuxHF0sn7EYhg_TDYutUcdxUK0BPTSYsk_coRhjC6/s320/blogger_blogspot_template_edit_html_tutorial.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgpNy1MgJb2ec1UEl2ZGe0OKjcmLF5qs_sfpm5adcAWzcbZwDdzamg75d6WQqkfjNM4AVW_n56tNbANjw9nRdBziiDyiiD1qWnZgoFuxHF0sn7EYhg_TDYutUcdxUK0BPTSYsk_coRhjC6/s320/blogger_blogspot_template_edit_html_tutorial.png" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="background-color: #f9f9f9; border: none; color: #38761d; font-family: 'Istok Web', sans-serif; font-size: 14px; list-style: none; margin: 0px; outline: none; padding: 0px; text-align: start;"><b>Pasul 2. </b></span><span style="background-color: #f9f9f9; color: #333333; font-family: 'Istok Web', sans-serif; font-size: 14px; text-align: start;">Apasa click oriunde in zona codurilor </span><span class="IL_AD" id="IL_AD8" style="background-attachment: scroll !important; background-color: #f9f9f9; background-image: none !important; background-position: 0% 50%; background-repeat: repeat repeat !important; border-bottom-color: rgb(224, 127, 0) !important; border-bottom-style: dotted !important; border-bottom-width: 1px !important; border-left-style: none; border-right-style: none; border-top-style: none; color: rgb(224, 127, 0) !important; cursor: pointer !important; display: inline !important; float: none !important; font-family: 'Istok Web', sans-serif; font-size: 14px; list-style: none; margin: 0px; outline: none; padding: 0px 0px 1px !important; position: static; text-align: start;">si cauta</span><span style="background-color: #f9f9f9; color: #333333; font-family: 'Istok Web', sans-serif; font-size: 14px; text-align: start;"> - folosind CTRL + F  - aceast cod:</span></div>
<blockquote class="tr_bq">
<div style="text-align: center;">
<span style="background-color: #f9f9f9; color: #333333; font-family: Georgia, 'Times New Roman', Times, serif; font-size: large; font-style: italic; line-height: 20px; text-align: start;"> <data:post.body/></span></div>
</blockquote>
<div>
<span style="border: none; color: orange; list-style: none; margin: 0px; outline: none; padding: 0px;"><span style="background-color: #f9f9f9; color: #333333; font-family: 'Istok Web', sans-serif; font-size: 14px;"><br /></span></span>
<span style="border: none; color: orange; list-style: none; margin: 0px; outline: none; padding: 0px;"><span style="background-color: #f9f9f9; border: none; color: #990000; font-family: 'Istok Web', sans-serif; font-size: 14px; list-style: none; margin: 0px; outline: none; padding: 0px;"><b>Nota:</b></span><span style="background-color: #f9f9f9; color: #333333; font-family: 'Istok Web', sans-serif; font-size: 14px;"> Acest cod il vei gasi de cel putin 3 ori , opreste-te la cel de-al doilea (sau al treilea in cazul in care nu apare pe blog)</span></span></div>
<br />
<span style="background-color: #f9f9f9; border: none; color: #38761d; font-family: 'Istok Web', sans-serif; font-size: 14px; list-style: none; margin: 0px; outline: none; padding: 0px;"><b>Pasul 3.</b></span><span style="background-color: #f9f9f9; color: #333333; font-family: 'Istok Web', sans-serif; font-size: 14px;">  Imediat dupa acest cod , copiati urmatorul cod:</span><br />
<span style="background-color: #f9f9f9; color: #333333; font-family: 'Istok Web', sans-serif; font-size: 14px;"><br /></span>
<br />
<blockquote class="tr_bq">
<span style="background-color: #f9f9f9; color: #333333; font-family: Georgia, 'Times New Roman', Times, serif; font-style: italic; line-height: 20px;"><span style="font-size: large;"><p><iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=button_count&amp;show_faces=false&amp;width=100&amp; action=like&amp;font=arial&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:100px; height:20px;'/></p></span></span></blockquote>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwiMOApaLlKvJ8WADwe3upYtRsC2_d71DnJaWs8lW9wf6H4KK3-69M5T5eRJtHhFjED4R0J7D_0FSRwwCARy0jlg1ziB8gmT8V8GwF2mPzyiW1JNBnZmYzPgcH9sRpxpjvoFPzOkeVLWwK/s400/how-to-add-facebook-button-below-blogger-post-titles.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="162" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwiMOApaLlKvJ8WADwe3upYtRsC2_d71DnJaWs8lW9wf6H4KK3-69M5T5eRJtHhFjED4R0J7D_0FSRwwCARy0jlg1ziB8gmT8V8GwF2mPzyiW1JNBnZmYzPgcH9sRpxpjvoFPzOkeVLWwK/s320/how-to-add-facebook-button-below-blogger-post-titles.png" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="background-color: #f9f9f9; border: none; color: #38761d; font-family: 'Istok Web', sans-serif; font-size: 14px; list-style: none; margin: 0px; outline: none; padding: 0px;"><b>Pasul 4. </b></span><span style="background-color: #f9f9f9; color: #333333; font-family: 'Istok Web', sans-serif; font-size: 14px;"> Salveaza templeat-ul si esti gata!</span></div>

#1. Adauga buton de like sub posturi

Adauga buton de like sub fiecare post Pasul 1. Du-te la Blogger Dashboard > Template > Edit HTML (click pe Proceed ...

Aflați mai multe »