Kako da dodate Smileys/Emoticons u blog

Odmah se vaš blog popravlja u očima drugih, prvo jer je kreativno i lepo, obojeno a ne sivo a drugo, označava neku emociju koju imate da iskažete u tom trenutku. Kako se dodaje, pokazaću vam i vrlo je lako na ovaj način. Kao i uvek, prvo demo.







Klikni na ovo gde piše crvenom bojom:  DEMO



1.  Idi na Blogger Dashboard  --> Template
2.  Klikni Edit HTML
4.  Koristi Ctrl+F da nadješ </body>
5.  Onda kopiraj i paste kod koji je ispod odmah, iznad ovog  </body> 

Evo koda koji ćeš da postaviš iznad </body> taga

<b:if cond='data:blog.pageType == "item"'><script type='text/javascript'>//<![CDATA[ jQuery(document).ready(function () {emoticonx({ emoRange:"#comments p, div.emoWrap", putEmoAbove:"iframe#comment-editor", topText:"Click to see the code!", emoMessage:"To insert emoticon you must added at least one space before the code." }) }); //]]></script><script src='https://boyz.googlecode.com/svn/JS/emoticonnya.js' type='text/javascript'/></b:if>

Sad nadji ]]></b:skin> i dodaj sledeći kod iznad njega:

.emoWrap { position:relative; padding:10px; margin-bottom:7px; background:#fff; /* IE10 Consumer Preview */ background-image: -ms-linear-gradient(right, #FFFFFF 0%, #FFF9F2 100%); /* Mozilla Firefox */ background-image: -moz-linear-gradient(right, #FFFFFF 0%, #FFF9F2 100%); /* Opera */ background-image: -o-linear-gradient(right, #FFFFFF 0%, #FFF9F2 100%); /* Webkit (Safari/Chrome 10) */ background-image: -webkit-gradient(linear, right top, left top, color-stop(0, #FFFFFF), color-stop(1, #FFF9F2)); /* Webkit (Chrome 11+) */ background-image: -webkit-linear-gradient(right, #FFFFFF 0%, #FFF9F2 100%); /* W3C Markup, IE10 Release Preview */ background-image: linear-gradient(to left, #FFFFFF 0%, #FFF9F2 100%); border:3px solid #860000; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; box-shadow:0 4px 6px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.3); -moz-box-shadow:0 4px 6px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.3); -webkit-box-shadow:0 4px 6px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.3); box-shadow:0 2px 6px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.3); font-weight:normal; color:#333; } .emoWrap:after { content:""; position:absolute; bottom:-10px; left:10px; border-top:10px solid #860000; border-right:20px solid transparent; width:0; height:0; line-height:0; }


Ako nemaš na blogu ajax....itd dodaj ovo iznad </head>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js' type='text/javascript'/>
Sad konačno klikni save i pogledaj rezultat. To je sve.