Blogger မွာ Funny icon ထည့္နည္း

ဒီ post ကေတာ့ Blogger မွာ Funny ပံု ထည့္နည္းပါ။
တခ်ိဳ႕ကလဲ တျခားပံုေတြကိုလဲ အသံုးျပဳၾကတယ္။ ကို ၾကိဳက္တဲ့ ပံုကိုထည့္သံုးနိုင္ပါတယ္။
လုပ္နည္းကေတာ့
 

Step 1.  Template  ›  Edit HTML

Step 2.   Expand Widget Templates  

Step 3.   Search (CTRL+F) For this piece of code:

</body>   </body>  ရဲ႕အေပၚမွာ ေအာက္က Code ကိုထည့္လိုက္ပါ။

<!--kolobok-smileys-->

<script
src='http://helplogger.googlecode.com/svn/trunk/[helplogger.blogspot.com]smileys.js'
type='text/javascript'/><noscript><a
href='http://www.itahmattaya.org/2013/02/blogger-funny-icon.html'
target='_blank'><span style='font-size: x-small;'>Add
emoticons</span></a></noscript>

<!--kolobok-smileys-->

Step 4.
<b:loop values='data:post.comments' var='comment'> အဲဒီ Code ကိုရွာပါ။

ေတြျပီးဆိုရင္ သူရဲ႕ အေပၚမွာ ေအာက္က Code ကိုထည့္ေပးလိုက္ပါ။

<div id='smileys'>

Step 5.

</b:loop> 

ဒီ Code ကို  Step 4 . ရဲ႕ ေအာက္မွာ လိုက္ရွာပါ ေတြျပီးဆိုရင္ အဲဒီ
            Code ရဲ႕ ေနာက္ဆံုးမွာ ေအာက္က Code ကိုထည့္ေပးလိုက္ပါ။

</div>

Step 6. <data:blogTeamBlogMessage/> ဒီ Code ကိုလိုက္ရွာပါ ေတြျပီးဆိုလ်ွင္
            ေအာက္က Code ကို သူရဲ႕ ေအာက္မွာ ထည့္ေပးလိုက္ပါ။

<script type='text/javascript'>

//<![CDATA[

function moreSmilies() {

    document.getElementById('smiley-more').style.display = 'inline';

    document.getElementById('smiley-toggle').innerHTML = '<a
href="javascript:lessSmilies()"><div style="font-size:small;
font-weight:bold;color:#000000;">Hide Emoticons /<a
href="http://www.itahmattaya.org/2013/02/blogger-funny-icon.html">Add
Emoticons</div></a></span>';

}

function lessSmilies() {

    document.getElementById('smiley-more').style.display = 'none';

    document.getElementById('smiley-toggle').innerHTML = '<a
href="javascript:moreSmilies()"><div style="font-size:small;
font-weight:bold;">Show Emoticons</div></a>';

}

//]]>

</script>

<div class='emoticons'>

<span id='smiley-more' style='display: none;'>

<img src='http://i1065.photobucket.com/albums/u389/treeofwisdom4/Smileys/smile3.gif'/>:)

<img src='http://i1065.photobucket.com/albums/u389/treeofwisdom4/Smileys/sad3.gif'/>:(

<img src='http://i1065.photobucket.com/albums/u389/treeofwisdom4/Smileys/laugh.gif'/>:))

<img src='http://i1065.photobucket.com/albums/u389/treeofwisdom4/Smileys/cray-1.gif'/>:((

<img src='http://i1065.photobucket.com/albums/u389/treeofwisdom4/Smileys/rofl-1.gif'/>=))

<img src='http://i1065.photobucket.com/albums/u389/treeofwisdom4/Smileys/suicide-1.gif'/>=D&gt;

<img src='http://i1065.photobucket.com/albums/u389/treeofwisdom4/Smileys/biggrin2.gif'/>:D

<img src='http://i1065.photobucket.com/albums/u389/treeofwisdom4/Smileys/blum.gif'/>:P

<img src='http://i1065.photobucket.com/albums/u389/treeofwisdom4/Smileys/shok.gif'/>:-O

<img src='http://i1065.photobucket.com/albums/u389/treeofwisdom4/Smileys/eusa_think.gif'/>:-?

<img src='http://i1065.photobucket.com/albums/u389/treeofwisdom4/Smileys/unsure.gif'/>:-SS

<img src='http://i1065.photobucket.com/albums/u389/treeofwisdom4/Smileys/flowers1-1.gif'/>:-f

<img src='http://i1065.photobucket.com/albums/u389/treeofwisdom4/Smileys/doh-1.gif'/>d(

<img src='http://i1065.photobucket.com/albums/u389/treeofwisdom4/Smileys/air_kiss3.gif'/>:-*

<img src='http://i1065.photobucket.com/albums/u389/treeofwisdom4/Smileys/threaten-1.gif'/>b-(

<img src='http://i1065.photobucket.com/albums/u389/treeofwisdom4/Smileys/help2.gif'/>h-(

<img src='http://i1065.photobucket.com/albums/u389/treeofwisdom4/Smileys/good-1.gif'/>g-)

<img src='http://i1065.photobucket.com/albums/u389/treeofwisdom4/Smileys/beee-1.gif'/>5-p

<img src='http://i1065.photobucket.com/albums/u389/treeofwisdom4/Smileys/yahoo2-1.gif'/>y-)

<img src='http://i1065.photobucket.com/albums/u389/treeofwisdom4/Smileys/crazy3-1.gif'/>c-)

<img src='http://i1065.photobucket.com/albums/u389/treeofwisdom4/Smileys/spiteful.gif'/>s-)

<img src='http://i1065.photobucket.com/albums/u389/treeofwisdom4/Smileys/drinks-1.gif'/>d-)

<img src='http://i1065.photobucket.com/albums/u389/treeofwisdom4/Smileys/cheer-1.gif'/>w-)

<img src='http://i1065.photobucket.com/albums/u389/treeofwisdom4/Smileys/hi-1.gif'/>:-h

<img src='http://i1065.photobucket.com/albums/u389/treeofwisdom4/Smileys/give_heart-1.gif'/>:X

</span>

<span id='smiley-toggle'><a
href='javascript:moreSmilies()'><div
style='font-size:small;font-weight:bold;'>Show Emoticons <img
src='http://i1065.photobucket.com/albums/u389/treeofwisdom4/Smileys/smile3.gif'/></div></a></span>

</div>

Step 7. ]]></b:skin>  ကိုလိုက္ရွာပါ။ ေတြျပီးဆိုရင္
           ]]></b:skin> သူရဲ႕ အေပၚမွာ ေအာက္က Code ကိုထည့္ေပးလိုက္ပါ။

.emoticons {-moz-background-clip: -moz-initial;-moz-background-origin:
-moz-initial;-moz-background-inline-policy: -moz-initial;text-align:
left;width:400px;}

.emoticons a, .emoticons a:hover {margin-left: 20px;text-decoration:none;} 

မွတ္ခ်က္ ။    ။ အနီ နွင့္ ျပထာတဲ့ေနရာမွာ size ကို ေျပာင္နိုင္ပါတယ္။
                    ။ Step တစ္ခု ဆိုရင္ Save  တစ္ေခၚက္လုပ္ပါ။
                    ။ Template ကိုေတာ့ Backup လုပ္ထာပါ။