ඔබේ බ්ලොග් අඩවියටත් smiles,emotions දාගමු .

බ්ලොග් කෙරුවාව කරන  කවුරුත් ආස කරන දෙයක් අරගෙන ඔන්න මම ආයෙත් ආවා .ඔයාල කවුරුත්
කැමතියිනෙ ඔයාලගෙ බ්ලොග් එකේ comments වලටත් smiles,emotions දාගන්න ?අනිව කැමති ඇති. මේ ඉමෝශන්ස් වලින් අපිට පුලුවන් වැඩි කමෙන්ට්ස් ප්‍රමාණයක් ලබාගන්නත්,ඒ වගේම තමනගෙ හිතේ තියන දේ බොක්කෙන්කියන්නත්  :) මම පහල දාලා තියන පියවර නිවැරදිව අනුගමනය කලොත් ඔයාට පුලුවන් සාර්ථකව ස්මයිල්ස් ටිකක් ඔයාගෙ බ්ලොග් එකටත්  දාන්න මොකක් හරි අව්ලක් ගියොත්මගෙන් අහන්න .මීටකලින් අපේ template එක බාගෙනම ඉන්න එක ඇගට ගුනයි මොකදමොකක් හරිවෙලා කෙල කරවගත්තොත් කිසිගේමක්නැතුව පරණ templateඑකම දාගත්තැහැකි !

මුලින්ම බ්ලොග් එකේ template ගිහින් edit html යන්න .

ctrl+f ක්ලික් කරපුවාම එන search box eඑකේ පහල code එක සච් කරන්න 

</body>

සච් කරල ඒකට ඉහලින් හරි පහලින් හරි මෙන්න මේ code ටික දාගන්න 

<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>

ඊට පස්සෙ මේක search කරන්න 

]]></b:skin>

සච් කරල ඒකට ඉහලින් හරි පහලින් හරි මෙන්න මේ code ටික දාගන්න 

.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; }

ඊට පස්සෙ මේක search කරන්න 

</head>

සච් කරල ඒකට ඉහලින් හරි පහලින් හරි මෙන්න මේ code ටික දාගන්න 

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js' type='text/javascript'/>

සුභ පැතුම් ඔයා නිවැරදිව කලානම් ලස්සනට ස්මයිල්ස් ඔයාගෙ බ්ලොග් එකේ ඇති !