Monday, May 27, 2013

Membuat Smilies di Blog

Membuat Smilies di Blog

Smilies adalah sebuah emoticon lucu dan unik yang bisa anda sisipkan pada saat membuat komentar ataupun menulis sebuah komentar pada suatu artikel yang sebelumnya anda baca, kali ini saya akan menjelaskan atau lebih tepatnya berbagi ilmu bagaimana cara memasang smilies pada blog anda, oke langsung saja liat tutorialnya dibawah ini:

Membuat Smilies di Blog

1. Masuk ke dalam akun blogger anda terlebih dahulu
2. Masuk ke Template -> EDIT HTML, lalu cari kode seperti yang terlihat dibawah:

<div class='post-footer-line post-footer-line-3'>

3. setelah ketemu kode diatas, turunka scroll ke bawah, maka anda akan ketemu dengan kode dibawah ini:

</div>

</b:includable> 

4. lalu sisipkan kode dibawah ini kedalam kode no.3,

Sintaknya adalah:
</div>
Code disini
</b:include> 

berikut ini adalah kode yang harus dipastekan kedalah script no.3

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style=' width: auto; text-align: left; border: 4px double #0084ce;background: #FFFFFF; padding: 10px; color:#000000; font-weight:bold; margin-left:40px;'><h3 style='text-align: center;'>
<a style='color: #3d85c6;'>Kode Smiley Untuk Komentar </a></h3><br/>
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqhJS6HHgh4zNwpIcj8yCgloz22fBAOIGd_eF274ePNNi0QlwDycIOy3VXsHK4Jd_fKRy-QUhQ_iyfFUXlvWIsYc_fzuZInMdBv32RueEujQ87NP-4howe8J0B7Ohyphenhyphenvyzy_tfoDk8E-rrI/s1600/seociyus.blogspot.com_015.gif'/> :a
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhikIXXcYCCznRcX4n5SKA_n8HmAmmiFm3_i3HjVnxlblntLAdN2FiznhobfCWe39fmTLodaB84tdHSiiwvGI-ZAfjHLhLhGi1OfYj-zFwktw64ULMMKI6IiouOEOWWlgx5_hRdUY_lJIJ4/s1600/seociyus.blogspot.com_016.gif'/> :b
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsfWs0ZOH4dM4Ly2RwnitnGQ4F48ar7U0L378t0l7WuQ9vB1MhgpuFHuM5GeAqX7VMw0r_t7EIFZyqTSplzXI-0OLSyLOv5C-PHLUjlniJTT9YBydW1gzSPQhqex65vKPPpbV7QSPcL8pK/s1600/seociyus.blogspot.com_017.gif'/> :c
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZXz0kyvv3FaTb51TWv7lCJ4bStleHj34qD97uI56-cwmMwWit9tABDYf0TeUNAXfGynUY9oHHX42R68xMbcL6PSyFPDY3ZkNVH9tETigRAsey_eGZ0MC4VkcL75qdfOc8bZWQHD77ss2q/s1600/seociyus.blogspot.com_018.gif'/> :d
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiv-nTNTvms1yUt3ePPVf6JJQCRyo9NJCmKjz095Ek3IN8nw-ggfxgbRggcJ4cRhNd4_WLzd202PmMiNFD8-wLk-jzxQIiS9QhHQYfsMTmcSfX_PGxm1d4SWTNNEO-6nGG92Bl0jqKJPr7c/s1600/seociyus.blogspot.com_022.gif'/> :e
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDq0UyXe2p4niGgw6uw6JM64IxbdOV-cGFnOmVGj7jbSS6O6TI_jdhNU9iJyRDsMmzVkEAlsD5fWAy8wTXUqqovU_wSBkakih-Zq3zcB9AhTLjMqa_QnP4h0Aiov1NOG8lqN1XEzo61TFA/s1600/seociyus.blogspot.com_025.gif'/> :f
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAz89GdXgadvm0zdggNhqW7PxpTOi7K0fxF2JMS5E1HF8YJmDHdTiQ-A3-geUfu7byo5HmaZFs_5i3IrHFD976Y7kjjvlQl9S0hldXTipNPpKZ1fekMApd-dyXsG_CPRIDwTVCgzAppu5t/s1600/seociyus.blogspot.com_027.gif'/> :g
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUBDk6c3RJVzB9B-DFKbv4tzB4jGHKeFmvl7xACUmLN21h1JJAPRji80zno2uDfhVRlu3mUjwKrS1P8pbjlWt65rZXveWDIwNfJ4SpLb9WQd7vAZY6UJOxxiEXRjASHwK6VOIHlxtMaMq_/s1600/seociyus.blogspot.com_028.gif'/> :h
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhaFioUwZBYrUnXjrG4eKi55Qwqyih2NQZ5kKXPSks1S1VGCR5-TnxyP46OuX23NQ6_0CGpBhPfbsGGy3RoqRi7M5OjYnRDoDBCExmyqeWvLThT37HrR7HOQBu_LE3s_1oiF4Fbb2S0JuFv/s1600/seociyus.blogspot.com_029.gif'/> :i
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiiWTJriFQ2yyivvqEdYELFw9Smfh2xIkhs2A8hC3Nz6RY4zzXXtBCmXgNaUNb1oK-_XTAEYWv5n3PGznfaOXdRPaN_qf6GUoRntGA07iPeLmwZPVXzDZ1KOvZQkby_p6BbrWknwTh8VBOk/s1600/seociyus.blogspot.com_031.gif'/> :j
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxHYWG2iode3xDT6xnolJMQnKjw8JaqRFQNUFpPRn_COagHf196D2aAD6e-UwidIQv2PxLcy3YuDkU48qB9xqtQShyphenhyphenOoGK61tOK58Z1-zjSP1E1iF0ThiN_p35lI6-91wqW-ha1Lhruu4W/s1600/seociyus.blogspot.com-chick-smiley-01.gif'/> :k
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8hYNBterGV9_j6VrwfH-89aZA30eYZZF6jAjG_WJgul7dWFcI7nlVGa0Zsx-3QHfE0ILxbfoOITp2gzJ0KU1qAowke1mFhthVIjVeZ30DYrHQcnf9evQ-WF0x_Fd7x7oXyDfQslOAwA1y/s1600/seociyus.blogspot.com-chick-smiley-05.gif'/> :l
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjW2gpg8TolohSvubHI6FXG1tXg9DOxW4loiHwOaI6_lLG-Ag7WkG5q_0qk-h7DddE6Jx69eoux6aBknk7_OxNlvLXWXACW3QB_fSDLhunoKTDJ6Hq8AJIRPD-HtNGpUUEFSOXL6rjJiDUp/s1600/seociyus.blogspot.com_042.gif'/> :m
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUtGy3Ljlhk6g4uwSg4vHJUB5rTHsz-ZZgcTIrs1FHobYast0G_g8Isv7z9HxDVxIoMYhotvEx2QvrlBoY_W332gDkSyl_bbMGsXpLO-j8WjMy_p6X1nVe5az6O66jUOXj5LmDQpOvlFfN/s1600/seociyus.blogspot.com_040.gif'/> :n
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjC_tKzMhvvcVTs09UrAODBm6BAXHZp3pV13ZfY7UJChNsOjPoSxIpEsuKBjEoD8-vXqCT5zHwHHV3K60QYdP_ktynRCBi6uZHjDeJi5SDj_NDtcSqbAz15tEk1FETX3ouZWZLZFRt3mqUb/s1600/seociyus.blogspot.com-girl-emoticon-11.gif'/> :o
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUJh3y-MjSMi5iqDzJDDefRKR3KT_mnh7XBmaMi2K8gq-hPB1GyMC9kxy2QnmUhSNZ7i4iAODL0MiL81C8aAXdnzeC85RMzfHrJUiVzABRWD4I-h2LPdwakOmNiyn3CE8F-MTZ2042BhiM/s1600/seociyus.blogspot.com-girl-emoticon-19.gif'/> :p
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsubwvO_SR08Rz7Jev7BEeE1QOZh02ihMepXydnbi5VjKEG0zLy58M_EPUXHy46ABeXBA_rbeuehXrOTFTBk-Eaa4QnHn5zPuZ_ULDkj1mKn5Ei6mgjMwV3iv1ff6mmn5mo97Sm6K7sv3e/s1600/seociyus.blogspot.com-girl-emoticon-18.gif'/> :q
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjB0V-xcFPEAB7_Truoc8xuSXh8CkiMKZkoiu2b-KlQVb7fONJa3JfrNre0p347uium-i1SFqdy45uFBAwOg7I1ILwWNTHnWff9A2xwLL1lcRl9DLBOt7kr4LQLudX1BlrzeBSJYIBe2ovl/s1600/seociyus.blogspot.com-glass-leaf-emoticon.gif'/> :r
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiW13pN9OxEUJI-ji9R8vNN3ibrFY3aa5wKwWxHtBHk5_eOldh9l-wRIS_OEQlDM0MkFeqIEzJEkWtbEd-lMkVSUW7xQoUL4uHjIbifFfe5S7hxBIF1tiUOih885EzviRMAYLTPv7aeC5S-/s1600/seociyus.blogspot.com-laugh-leaf-emoticon.gif'/> :s
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPev2R_E-OcGeqV0FqfUmenv3EaTtZNbBobHg-G4d9kegNV4K2mB4RIHdYKMHjf0WPWg8Lc9By3TkO6jqEXUWXqdeR_z2s3twXCMyqpO1lGfTTH4IfVwqzNVIfuzL4t35NvJ0nmdGYN5RO/s1600/seociyus.blogspot.com-sign-leaf-emoticon.gif'/> :t
&#160;
<img border='0' src='http://chibi-cyber.com/images/smile/ciyus.gif'/> :u
&#160;
<img border='0' src='http://chibi-cyber.com/images/smilies/gatling.gif'/> :v
&#160;
<img border='0' src='http://chibi-cyber.com/images/smilies/new/wawa.gif'/> :w
&#160;
<img border='0' src='http://chibi-cyber.com/images/smilies/new/ngakak.gif'/> :x
&#160;
<img border='0' src='http://chibi-cyber.com/images/smilies/new/gg.gif'/> :y
&#160;
<img border='0' src='http://chibi-cyber.com/images/smile/enalan.gif'/> :z
&#160;
<img border='0' src='http://chibi-cyber.com/images/smilies/new/suram.gif'/> :1
&#1601;
<img border='0' src='http://chibi-cyber.com/images/smilies/new/wow.gif'/> :2
&#160;
<img border='0' src='http://chibi-cyber.com/images/smilies/new/hore.gif'/> :3
&#160;
<img border='0' src='http://chibi-cyber.com/images/smile/niceinfo.gif'/> :4
&#160;
<img border='0' src='http://chibi-cyber.com/images/smilies/semangat.gif'/> :5
&#160;
<div style='text-align: right;'>
</div></div></b:if>
5. Setelah berhasil menyisipkan kode, cari kode </body>,  lalu masukan script dibawah ini tepat diatas kode </body> :
 <script src='http://nama-projek-saya.googlecode.com/files/SmiliesC32.js' type='text/javascript'/> 

 6. Terakhir adalah simpan template, lalu lihat hasil yang didapat.

Download Artikel ini di -> Membuat Smilies di Blog

Demikian tutorial cara membuat smilies pada blog, semoga bermanfaat.

Referensi : http://tankrank-city.blogspot.com/2013/05/cara-pasang-smilies-dikomentar-blog.html

No comments:

Post a Comment