Assalamualaikum wr.wb. halo teman-teman jagocoding semua, pada kesempatan kali ini saya akan menulis tutorial tentang mengubah text menjadi emotion menggunakan php native, seperti halnya di facebook, pada saat kita melakukan chatting/ update status ataupun komen di facebook, kadang kita mengetikkan beberapa text-t...

Mengubah text menjadi Emoticon.

Assalamualaikum wr.wb.

halo teman-teman jagocoding semua, pada kesempatan kali ini saya akan menulis tutorial tentang mengubah text menjadi emotion menggunakan php native, seperti halnya di facebook, pada saat kita melakukan chatting/ update status ataupun komen di facebook, kadang kita mengetikkan beberapa text-text tertentu seperti “ :D , , :v , :’( “ dan ketika kita kirim ke facebook maka hasilnya berubah menjadi emoticon, bagaimana cara membuatnya ? nah disini akan saya bahas tapi dengan cara yang sangat sederhana, masih di native php. hehe

Ok langsung saja ke tutorial.

Pertama siapkan dulu gambar emoticonnya,

Download disini

download yang free saja, jangan yang berbayar.

kemudian letakkan dalam suatu folder.

 

Setelah itu kita langsung saja buat codingnya, sangat-sangat sederhana, disini kita hanya menggunakan fungsi str_replace.

Str_replace sesuai dengan namanya yaitu berfungsi mengganti suatu “string/text” dengan “string/text lain” nah disini kita akan mengganti string/text tertentu dengan path emoticon, jadi ketika  terdapat text-text tertentu maka akan diganti dengan emoticon.

 

str_replace(“string awal”,”string pengganti”,”sumber string”);

ok langsung saja codingnya.

 

 

<?php
//buat variabel string kosong dulu.
$text=””;
//masukkan text-text yang akan diganti ke dalam array
$text_ganti=array(":D",":3",":p",":(",":)");
//masukkan juga path masing-masing emoticon ke dalam array
$emoticon=array("
				<img src='../tutorial/emoticon/ketawa.png'>",
				"<img src='../tutorial/emoticon/marah.png'>",
				"<img src='../tutorial/emoticon/mewek.png'>",
				"<img src='../tutorial/emoticon/sedih.png'>",
				"<img src='../tutorial/emoticon/senyum.png'>");
//lakukan pengubahan
$ganti_ke_emoticon=str_replace($text_ganti,$emoticon,$text);
echo $ganti_ke_emoticon;

 

ok kita coba isi variabel $text dengan kata-kata yang mengandung text_ganti (" :D "," :3 "," :p "," :( "," :) ")
misal :

$text="senyum donk :)";

hasilnya.

 

Yups… sudah berhasil.
text “:)” sudah berubah menjadi emoticon smile.png
tetapi gambarnya terlalu besar.
kita kecilkan, tambahkan css pada bagian atas

<style>
img{
	height:40px;
	width:40px
}
</style>

 

 

Kita coba dengan string lain.


$text="nyoba emoticon lain, :D ketawa";

 

$text=":( kamu lagi sedih ya?";

 

 

FULL CODE

<style>
img{
	height:40px;
	width:40px
}
</style>
<?php
$text=":( kamu lagi sedih ya?";
$text_ganti=array(":D",":3",":p",":(",":)");
$emoticon=array("
				<img src='../tutorial/emoticon/ketawa.png'>",
				"<img src='../tutorial/emoticon/marah.png'>",
				"<img src='../tutorial/emoticon/mewek.png'>",
				"<img src='../tutorial/emoticon/sedih.png'>",
				"<img src='../tutorial/emoticon/senyum.png'>");
				
$ganti_ke_emoticon=str_replace($text_ganti,$emoticon,$text);
echo $ganti_ke_emoticon;

 

sederhana sekali bukan,
sekian, semoga bermanfaat.
trima kasih.
Wassalamualaikum wr.wb.

 

 

 

 

 

 

 


About Author

d-newbie

Adalah seorang ninja dari Coding Gakure, Menguasai jurus HTML no jutsu, CSS no jutsu, Javascript no jutsu, PHP no jutsu, dan MySQL no jutsu, jurus andalan adalah KageLooping no jutsu, yg bisa memperbanyak output sekali coding , ninja yang berasal dari TIM W3, dan diasuh oleh petapa genit yang suka menjilat-jilat situs yaitu google.com. :D #xixixi


Comment & Discussions

  • Baronk
    mantap gan

  • Please LOGIN before if you want to give the comment.