Cara Memasang Emotion Komentar Bergerak Di Blog

Cara memasang atau MEMBUAT EMOTION BERGERAK ke blog.

Apa keuntungannya kita memasang emotion itu ? Tentunya ada banyak manfaat yang sanggup kita peroleh dengan memasang script tersebut, antara lain :
1. Dapat mempercantik blog
2. Menarik pengunjung
3. Membuat pengunjung nyaman
4. menerima nilai lebih dimata search engine
5. Dan masih banyak lagi.

#1. Cara Pertama Baiklah, kita pribadi saja pada tutorial yang pertama. Hal pertama yang harus kita lakukan ialah :
1. Buka dasbor blog 
2. Klik Tema
3. Pilih Edit HTML 
4. Cari kode  ]]></b:skin> (Gunakan CTRL+F untuk memudahkan pencarian)
5. Masukan arahan dibawah ini sebelum kode ]]></b:skin> 

.emoWrap {   background-color:#fff;   border:2px solid#0B6138;border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;   padding:10px 14px;   color:black;   font:bold 12px Tahoma,Arial,Sans-Serif;   text-align:center; }  img.emo, input.emoKey {   display:inline-block; /* Penting! */   *display:inline;   vertical-align:middle; }  input.emoKey {   border:1px solid #ccc;   background-color:white;   font:bold 11px Arial,Sans-Serif;   padding:1px 2px;   margin:0px 0px 0px 2px;   color:black; }

6. Simpan Tema
7. Cari kode </head> (Gunakan kembali CTRL+F untuk memudahkan pencarian)
8. Simpan arahan di bawah ini sebelum </head>

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js' type='text/j4vascript'></script> Untuk anda yang sudah mempunyai atau menginstal script JQuery pada template anda maka langkah diatas abaikan saja! tambahkan lagi Script berikut dibawah script JQuery tadi <script type='text/j4vascript'> //<![CDATA[ var emoRange = "#comments p, div.emoWrap",     putEmoAbove = "iframe#comment-editor",     emoMessage = "To insert emoticon you must added at least one space before the code."; //]]> </script> <script src='https://tipstrikblogging.googlecode.com/files/EmoticonsKeren.js type='text/j4vascript'/>

9. Simpan Tema
10. Lihat hasilnya

#2. Cara Kedua
Jika cara pertama tidak berfungsi dengan baik, maka gunakan cara yang satu ini. Tapi pertama-pertama silahkan hapus dulu script arahan yang telah di pasang tadi. Karena jikalau tidak, akan sedikit memperlambat loading blog. Jika sudah :

1. Cari arahan ]]></b:skin> (Gunakan kembali CTRL+F untuk memudahkan pencarian)
2. Letakan script arahan dibawah ini sebelum kode ]]></b:skin>

.bukarahasiasmiley {background: none repeat scroll 0 0 #EFF5FB !important;font-size: small !important;padding: 5px !important;margin:auto !important;text-align: left !important;font-weight:bold !important;width:100% !important;-moz-background-clip: -moz-initial;-moz-background-origin: -moz-initial;-moz-background-inline-policy: -moz-initial;} .bukarahasiasmiley span {padding-right: 3px !important;}  img.brbsmly {height: auto !important;vertical-align: middle !important;width: auto !important;border:0px !important;}

P E R H A T I A N  : Jika ingin mengganti warna background, silahkan ubah arahan #EFF5FB yang telah saya kasih stabillo orange, dengan arahan warna yang kau inginkan. Jika tidak, biarkan saja.

4. Cari arahan <b:if cond='data:post.embedCommentForm'>. (Dalam sebuah template, biasanya terdapat dua arahan menyerupai itu, maka pilih yang kedua yang berdekatan dengan <b:include data='post' name='comment-form'/>. Contohnya menyerupai dibawah ini:

<b:if cond='data:post.embedCommentForm'><b:include data='post' name='comment-form'/>

5. Jika sudah ketemu..
6.  letakkan arahan dibawah ini sehabis arahan <b:if cond='data:post.embedCommentForm'>.

<div class='bukarahasiasmiley'> <img class='brbsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif'/> :)   <span><img class='brbsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/2.gif'/> :(</span> <span><img class='brbsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif'/> ;)</span> <span><img class='brbsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif'/> :D</span> <span><img class='brbsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/5.gif'/> ;;-)</span> <span><img class='brbsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/7.gif'/> :-/</span> <span><img class='brbsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/8.gif'/> :x</span> <span><img class='brbsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif'/> :P</span> <span><img class='brbsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/11.gif'/> :-*</span> <span><img class='brbsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/12.gif'/> =((</span> <span><img class='brbsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/13.gif'/> :-O</span> <span><img class='brbsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/14.gif'/> X(</span> <span><img class='brbsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/15.gif'/> :7</span> <span><img class='brbsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/16.gif'/> B-)</span> <span><img class='brbsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/17.gif'/> :-S</span> <span><img class='brbsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/18.gif'/> #:-S</span> <span><img class='brbsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/19.gif'/> 7:)</span> <span><img class='brbsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/20.gif'/> :((</span> <span><img class='brbsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif'/> :))</span> <span><img class='brbsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/22.gif'/> :|</span> <span><img class='brbsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/23.gif'/> /:)</span> <span><img class='brbsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif'/> =))</span> <span><img class='brbsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/25.gif'/> O:-)</span> <span><img class='brbsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/26.gif'/> :-B</span> <span><img class='brbsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/27.gif'/> =;</span> <span><img class='brbsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/101.gif'/> :-c</span> <span><img class='brbsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/100.gif'/> :)]</span> <span><img class='brbsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/102.gif'/>  X(</span> <span><img class='brbsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/103.gif'/> :-h</span> <span><img class='brbsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/104.gif'/> :-t</span> <span><img class='brbsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/105.gif'/> 8-7</span> <span><img class='brbsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/28.gif'/> I-)</span> <span><img class='brbsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/29.gif'/> 8-|</span> <span><img class='brbsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/29.gif'/> L-)</span> <span><img class='brbsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/31.gif'/> :-a</span> <span><img class='brbsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/32.gif'/> :-$</span> <span><img class='brbsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/33.gif'/> [-(</span> <span><img class='brbsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/34.gif'/> :O)</span> <span><img class='brbsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/35.gif'/> 8-}</span> <span><img class='brbsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/36.gif'/> 2:-P</span> <span><img class='brbsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/37.gif'/> (:|</span> <span><img class='brbsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/38.gif'/> =P </span> <span><img class='brbsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/39.gif'/> :-?</span> <span><img class='brbsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/40.gif'/> #-o</span> <span><img class='brbsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/41.gif'/> =D7</span> <span><img class='brbsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/42.gif'/> :-SS</span> <span><img class='brbsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/43.gif'/> @-)</span> <span><img class='brbsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/44.gif'/> :^o</span> <span><img class='brbsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/45.gif'/> :-w</span> <span><img class='brbsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/47.gif'/> 7:P</span> <span><img class='brbsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/48.gif'/> 2):)</span> <span><img class='brbsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/109.gif'/> X_X</span> <span><img class='brbsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/110.gif'/> :!!</span> <span><img class='brbsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/111.gif'/> \m/</span> <span><img class='brbsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/112.gif'/> :-q</span> <span><img class='brbsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/113.gif'/> :-bd</span> <span><img class='brbsmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/114.gif'/> ^#(^</span> <span><img class='brbsmly' src='http://l.yimg.com/a/i/us/msg/emoticons/pirate_2.gif'/> :ar!</span> <span><a href='http://buka-rahasia.blogspot.com'><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvr9ky881syqqVzVb9LgB_RPwxwU-oMNyxdD2NGk2hu4YJEQI8iuRgI-brXEFQmyCt93KkwwqO9ryUg3b54dHsi7iavyDZuOSQ0uQkcR5hndpw8wOulDVIcy7MtGv-sm_Ihc2r6L3mHuaZ/s1600/smileys.gif' /></a></span></div>

7. Letakan arahan di bawah ini sebelum </body>

<script src=' https://sites.google.com/site/bukarahasiahost/blogger-comment-smileys/bukarahasiablogspot-ysmileys-bloggercomments.txt' type='text/j4vascript'></script>

8. Simpan Tema
9. Lihat Hasilnya

Nah, itulah tutorial singkat cara menciptakan emotion komentar bergerak pada blog. Terima kasih sudah berkunjung ke blog ini.. Sampai jumpa kembali di lain waktu..

Sumber http://belajarseokompleks.blogspot.com