Sabtu, 05 Oktober 2013


Lama rasanya gak bikin tutorial pembuatan widget di blog ini. Mumpung lagi ada waktu luang kali ini gw bakal share cara pasang emoticon campuran keren di blog gan. Postingan ini terilhami dari tutorial gw sebelumnya tentang cara memasang emo onion head gan. Gak nyangka aja ternyata postingan gw tersebut banyak yang ngeshare.






Untuk yang sekarang emoticonnya sengaja gw campur biar lebih menarik gan. Emoticon-emoticon ini walaupun gak sengetop si onion head tapi banyak juga di gunain di beberapa forum gan. Gw yakin kalau loe pasang emoticon ini bakal bikin blog tambah menarik dan berwarna. Selain itu bakal banyak juga yang komen di blog loe karena ingin nyobain emoticon campuran ini.

Udah gak sabar pengen pasang emoticon campuran ini gan? Baiklah kalau begitu langsung aja kita ke cara pasangnya gan. Silahkan disimak biar gak salah pasang. Soalnya kalau salah pasang nanti emoticonnya gak mau muncul gan. Kalau gak muncul ntar gw yang di komplain lagi, cek it dot gan...

Note : Inget selalu di back up atau di download template blognya sebelun edit HTML untuk menghindari hal-hal yang gak di inginkan gan.



Pasang Emoticon Campuran Keren Di Komentar Blogmu







  • Yang pertama loe lakuin masuk ke Dashboard blog lalu pilih Template lalu klik Edit HTML gan. Lalu loe cari kode <div class='post-footer-line post-footer-line-3'> atau <p class='post-footer-line post-footer-line-3'> ini gan. Kalau gak ngerti cara nyarinya tinggal teken Ctrl+F di keyboard terus bakal muncul kotak search di kanan atas. Nah loe tinggal pastein kodenya disana lalu tekenEnter, ntar bakal ketemu kodenya gan. Kalau udah ketemu loe scroll kebawah sampai nemuin kode di bawah ini gan.




</div>

</b:includable>




  • Lanjut sekarang loe copy paste kode yang gw kasi di bawah ini di tengah-tengah kode tadi gan.




Contoh:


</div>



Paste kodenya disini gan.

</b:includable>




<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/AVvXsEjiMQWHWcb0fV8d_pk8P30yxHhI3SRTfk1Is3URAGCWZ5Zkn3UT3Aso5LlUIC9OtM5lQ-l2Ija8O_HHsalqgikgmMsOj-FtzuyPNsSQknzxICDxRF8UWaQJHP_duw53AeD-UcFYhpnracHp/s1600/seociyus.blogspot.com_015.gif'/> :a
&#160; 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1yVKPFfA4isPb7y2QOzIXPQ3bClSeoxtQ_d9izzvjc4lrt4JH6vBh9Ve2OoLIR772s1Cz2lD-uXxhTMds-hMoXg083vvWEY4a63i3MKyERcB7Hkq8pSiixS__-aD3foUA5R2f5ED_tAYl/s1600/seociyus.blogspot.com_016.gif'/> :b
&#160; 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjvfic-lHfKwooXb5xeKmMNeyyuX_0Yh7i_nmbVj0g7k6Fv1q4n9TAEN1IpPwv4i6HaGI3KVLWCognVd6nYMbAu4pd-Jwk-BeFJfb5RTCOwC7KQR7YUpI-SBXz-0xGMtJIw-5VcEK0MmgN/s1600/seociyus.blogspot.com_017.gif'/> :c
&#160; 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjj0-beO_n91LORX5IZmVe6pM9ALBeQFkYhUU41dmJTIECxDVTVMPQObZ1bZm1qnb-Nf8s1CEYf3iAYUP7vRD2_6z6RmCAa8HaBgKeFIyn2nE9nVmHykcTXVg8JbVFntF3DNxz31SS4PK3Y/s1600/seociyus.blogspot.com_018.gif'/> :d
&#160; 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhEeFshZy0HK0rlt7bpcBh5jUpcfy732eIrNtNJHIf4y-NVSbgS6jIVsIsWPb11pkyfvpIssULrXUIQL1Pksdb2w9NEvZQWcj4xsU0i9GE9APAMk7AGUfgBqJaYIjsMUsVAuMp1u9cvFrm/s1600/seociyus.blogspot.com_022.gif'/> :e
&#160; 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgd9ABOOrj8iK10F-1D07cDLuXhOgJXWn2IZRASYbp-ABgH2WzuvN8aQoHP8APs5MxOrgBnV6xMRzzT3nN52rrsH2drAHBtC3_ICcCTc3uMf3u8uV6RWzyeWCKekZIniXT0po_weVZKWLj3/s1600/seociyus.blogspot.com_025.gif'/> :f
&#160; 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgh9PRG5QF99TQDH8YQOLHukiqUVpqeXvEUDt4_ueEasI5c1CajfVXchtJO6N3_bn51lYYX_9PZ8s-sQPi-wjm3skLirKfJZuapVnO3atQ0RTnI_oQR8AL1iybv-oWGmsWN0iBveHfF5NbL/s1600/seociyus.blogspot.com_027.gif'/> :g
&#160; 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEix_PQW_tdhPulb5dUgF3BecmKFkGoIGBluW_jJX-frAEF8NFV4NCSgwAQLpIjSeOCePhbi4AShGsWql7zhEH2_GcKuYZkMRL0NcyYWAX4TmUiJiGkeZzXqAq5NgBxtG_lutXxkapln3Kcr/s1600/seociyus.blogspot.com_028.gif'/> :h
&#160; 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_kUXnteo-IEL-STjAEX6wA_xxjDLuD0wcaBPEhoEyHP8-Un7R7YZvVpdH5-BOZgUfuEAuJKZeC80-INji8Hrnz3moPL2HsjULtetV8dcPOAKCKtf5BdYoXL9Mv8JrEC7r86ld9SRX8Kma/s1600/seociyus.blogspot.com_029.gif'/> :i
&#160; 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1oxPDZP7Qdsk3S6z0bTgOUq7YQxt67tUzypgNb9QfIlsuM23l7GwtavSwVnzfaUplvuJJ1HSyFut1m1RHeXvNkhIL8YAADy_GTLnWpzlJgnv3mVYjjutiDc-6VIEzpsn2XKI86CqL-rzg/s1600/seociyus.blogspot.com_031.gif'/> :j
&#160; 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHdH4mmz3ZifQyGQvccf9k05_w22eG1yNFNBMWQbsA36feZpEUIH03vz797dBLO17enn2qe6Fkr8LeEUoiickqgKzOXO8mke8MWRWf5PDghNZP-LhVfsDJD2yVg1s3FWN8WrrXizXawGUQ/s1600/seociyus.blogspot.com-chick-smiley-01.gif'/> :k
&#160; 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhipZTXtWySKIhkoCUHZtVTajBf8UDLwXZqDVqln_GrixXbbZEDeowJKqIsUshOZiIvCgQPBigTieNlyZvyCSsL4UGT-JmEbaUsucRWv6aQu8DWehAyKizXq8uv1MyNQ6bL7JY5OgtuYdgQ/s1600/seociyus.blogspot.com-chick-smiley-05.gif'/> :l
&#160; 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3TSM14-o9dYeSPy4TgTI25lOP9saH8oaaR_QybR8BHI3IDxkrtdlPDC8jKXNRrmuAzYIpLPm4yjFChucYo2CPCOUnbrm-7SnK9-4GXyS27XMI5Fado8XVt00a4isgNiH70wm7Ctwz5KyO/s1600/seociyus.blogspot.com_042.gif'/> :m
&#160; 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgm4R-xsLHCs2hdSqy0jO3OjH_zjf_GxDYh7lxe4NAsF8pVCsreCh5tzGTUBnRNrDLUZ_fgbxHP3KZejTI3m2lY8mcp3P_uh3S6zeNCOPX2RwsFeRvitib3QEM0ohTG_dgsIbbDiOGmbf2u/s1600/seociyus.blogspot.com_040.gif'/> :n
&#160; 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLCEYFEw8NZhZZMiIBAAIBto1CrsmcKctUlSeVDcOTpUexDZ_AWYIhsJKuzUoxI6aspdBqATpoClbnb18ILqZdborXX4K8x9PNtXr3I8XXvoqSwQCPbjvYj2aSdrwlIQ9fxyc12kMMKtZk/s1600/seociyus.blogspot.com-girl-emoticon-11.gif'/> :o 
&#160; 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnz1UNLES4FmEtBExeDa3uHFtGCIPXCiMGcheOQICakkwGJLOs_E2_Zxt0eir6uN61E0N3sdhyphenhyphenaQFYN-OYjxfsQ5AzEgtYG7J2Th6sba3AaNK3tJzMsgD44RUAlyRNk7YeJOo0IqqyT1wG/s1600/seociyus.blogspot.com-girl-emoticon-19.gif'/> :p
&#160; 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjp1Dugpe0DGvLisZChmQ1aU_8PXpz2ItDe5-KJj30QQ3KcvFmsb7hRluNmQOrANNJ-z0n0ulBALzKYNQu_Hj3T_1RzY87bVENbbnz6WoA0yNpKVOpsQizpkWn9XwI3ItNnGiMGuUIafvVW/s1600/seociyus.blogspot.com-girl-emoticon-18.gif'/> :q
&#160; 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioJJOubn40pEh4pCjvCZ1DK6gLUb-MH7A_t8j9XxC1QspCPkZUdAE-zefsKgAjT9bXIC_wk7x15XNeIbCnrHTRh_bnYJvCj35Qm1VLQZLe-KEHjIG-TMd5iP5ZokPeUiNbTvbSn1APYi07/s1600/seociyus.blogspot.com-glass-leaf-emoticon.gif'/> :r
&#160; 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkhfg_So8vuITWvBFIC8JIY5VgJG4wp-0qUHmLetuMjrwqHaBIwxeMdZ_VieJQqInpgtqPXQ6BaWulL6YM5gfDiA5e22rlR7FRZ5HiumC8iBSNzOfcWTLUhEklsapzWI7UGnGZipVg8oaL/s1600/seociyus.blogspot.com-laugh-leaf-emoticon.gif'/> :s
&#160; 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRjTxOTeyEfOjsrEgw62fiw4R7mBQ_cEEMJj6tp4s7T4PuP-d-OxssVIsrRXFkKsjLt7hogIJQkuUF0lCuDTMGIeW-wsszNM9Rg0QhPkYEK1ZoDAn7VuaIv8_qV8xkCKLoPq3wC_Y21M20/s1600/seociyus.blogspot.com-sign-leaf-emoticon.gif'/> :t
&#160; 
<div style='text-align: right;'>
<a href='http://seociyus.blogspot.com/2013/04/pasang-emoticon-campuran-keren-di-komentar-blog.html' target='_blank' style='color: #1e7ab7; font-size: x-small;'> Dapatkan emoticon ini!</a></div></div></b:if>




  • Kalau udah beres sekarang ke langkah selanjutnya gan. Sekarang loe cari kode </body> di template blog dan copy paste kode Javascript di bawah ini di atasnya gan.




<script src='https://sites.google.com/site/seociyussite/file/seo_ciyus_smiley_komentar_bloggerV2.js' type='text/javascript'/>




  • Dua langkah di atas beres berarti sekarang blog loe udah ada emoticon campuran kerennya gan. Tinggal di preview dulu kalau gak ada masalah baru di Save template gan. Coba di buka blognya pasti udah ada emoticonnya, selamat gan dan jangan lupa bilang terima kasih.



Sekarang tinggal di edit aja kalau loe mungkin gak suka sama warna dan style bordernya atau ukuran kotaknya gan. Caranya tinggal ganti aja warna sama style border dan ganti juga ukuranwidth sesuka loe gan. Terus buat posisi kotak emoticonnya loe bisa atur sesuai keinginan, tinggal dirubah aja angka di margin-left semakin besar maka semakin ke kanan kotaknya gan. Kalau loe pengen kotak emoticonnya ada tombol buka tutupnya silahkan di cek tutorialnya disini.

Note : Tolong jangan di hapus link ke postingan ini ya gan. kalau loe gak suka ada linknya silahkan di isi rel nofollow gak kenapa ok gan.


Sekian yang bisa gw share tentang cara pasang emoticon campuran keren di komentar blog gan. Semoga aja loe suka sama emoticon ini, kalau ada pertanyaan silahkan di tanyain dan jangan lupa ninggalin komentar gan.

Tidak ada komentar:

Posting Komentar