SELAMAT DATANG & ENJOY HERE ~~~~~~ FRIENDS BLOG SUPPORT : BLOG RTTF - BLORA BERSATU - CYBER BLORA - GOSIP SELEBRITI INDONESIA - BLOG JUAL BELI ONLINE - BERBAGI ILMU DESAIN

April 18, 2013

Cara Memasang Emoticon Di Kotak Komentar Blog 2013





Cara Memasang Emoticon Di Kotak Komentar Blog 2013- Selamat siang sobat Blog Agus,

Untuk melengkapi siang ini saya akan membagikan widget emoticon diatas kotak komentar. Widget ini memang sangat menarik rasanya tidak sabar untuk langsung memasangnya pada blog, gimana enggak, seolah -olah widget nya ngomong ayolah cepet pasang, keuntungan dari widget ini adalah mempercantik tampilan kotak komentar sekaligus manambah nilai sudut pandang pengunjung blog  kira - seperti blog ane tuh sobat. Nah yang gak tahan langsung ingin komentar menggunakan emoticon. langsung aja nih tutornya.
  • login ke blogger
  • pilih template >> edit html
  • lalu keluarlah seperti pada gambar di bawah 
 


  •  




  • cari kode </body> untuk mempermudah gunakan ctrl+f atau f3
  • copy paste kode ini tepat diatas kode </body>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<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>
  • kemudian cari kode ]]></b:skin>
  • copy paste kode ini tepat diatas ]]></b:skin>
.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;}
  •  langkah terakhir pratinjau template dan simpan template sobat, lalu lihat hasilnya
Demikian sedikit tips dan trik Cara Memasang Emoticon Di Kotak Komentar Blog 2013 Semoga bermanfaat bagi sobat Blog Agus 
Salam 

Artikel Menarik Lainnya

9 komentar :

Kreen pak tutorialnya,, kebetulan aku juga pake emoticon yang kyak gini cuman beda sedikit dengan emot ikon yang yg diblog saya,,, ditunggu kunjungan baliknya pak... salam Blogger

This comment has been removed by a blog administrator.

wah, mantap bgt nich, jadi rame ...jd pengen masang jg nich

kunjungi balik sob n bantu komen di sini ya,makasih

http://rispunya.blogspot.com/2013/04/hijaukan-bumi-dengan-kebun-karet.html

OK GAN TQ ATAS KUNJUNGANNYA SEGERA MELUNCUR SEBAGAI BALASAN cheer

DINA SHOP : Barang yang Kami Tawarkan Semuanya Barang Asli Original Garansi Resmi Distributor dan Garansi TAM .
Semua Produk Kami Baru dan Msh Tersegel dLm BOX_nya.
BERMINAT HUB-SMS:0896-9198-6257 ATAU KLIK WEBSET RESMI KAMI http://www.dina-shop7.blogspot.com/
BlackBerry>Samsung>Nokia>Apple>Acer>Dell>Nikon>DLL

Dijual

Ready Stock !
BlackBerry 9380 Orlando - Black Rp.900.000,-

Ready Stock !
BlackBerry Curve 8520 Gemini Rp.500.000,-

Ready Stock !
BlackBerry Bold 9780 Onyx 2 Rp.800.000,-

Ready Stock !
Blackberry Curve 9320 Rp.700.000,-

Ready Stock !
Samsung Galaxy Tab 2 (7.0) Rp. 1.000.000

Ready Stock !
Samsung Galaxy Nexus I9250 - Titanium Si Rp.1.500.000,-

Ready Stock !
Samsung Galaxy Note N7000 - Pink Rp.1.700.000

Ready Stock !
Samsung Galaxy Y S5360 GSM - Pure White Rp.500.000,-

Ready Stock !
Nokia Lumia 800 - Matt Black Rp.1.700.000,-

Ready Stock !
Nokia Lumia-710-white Rp. 900.000,-

Ready Stock !
Nokia C2-06 Touch & Type - Dual GSM Rp.450.000,-

Ready Stock !
Nokia Lumia 710 - Black Rp. 900.000,-

Ready Stock !
Apple iPhone 4S 16GB (dari XL) - Blackn Rp.1.200.000,-

Ready Stock !
Apple iPhone 4S 16GB (dari Telkomsel) Rp.1.200.000,-

Ready Stock !
Apple iPod Touch 4 Gen 8GB Rp.700.000

Ready Stock !
APPLE iPod Nano 8GB - Pink Rp.500.000,-

Ready Stock !
Acer Aspire 4752-2332G50Mn Core i3 Win7 Home Rp 1.300.000

Ready Stock !
Acer Aspire S3-951-2364G34iss Rp. 1.200.000,-

Ready Stock !
Acer Aspire 5951G Core i7 2630 Win 7 Rp. 2.500.000,-

Ready Stock !
Acer Aspire 4755G Core i5 2430 Win 7 Home Premium Green Rp. 2.500.000,-

Ready Stock !
Nikon D7000 kit 18-105mm Rp.1.700.000

Ready Stock !
Nikon D90 Kit 18-105mm Vr Rp 1.300.000

Ready Stock !
Nikon Coolpix L 120 Red Rp. 900.000

Ready Stock !
Nikon Coolpix P 500 Black Rp 1.000.000

mau tanya mas, pas di klik emoticonnya kok kodenya gak tampil ya ;(( ?? thank's infonya.. (o)

makasih infonya bang.... :)
semoga blognya maju terus.... :-b

Post a Comment

SILAHKAN TINGGALKAN JEJAK DI BLOG INI
Harap komentar yang sopan serta santun, itu merupakan cerminan pribadi !!!
Jadilah Blogger yang bermartabat dalam berkomentar, mohon maaf kalau ada komentar yg berbau promosi ADMIN berhak untuk menghapusnya.
Salam Blogger !!!