Cara menampilkan Yahoo Oppi pada HTML5

Hallo teman teman balik lagi dengan saya Ismet Maulana kali ini saya ingin berbagi pengetahuan tentang Bagaimana Cara menampilkan Yahoo Oppi pada HTML5, teman teman pernah yah melihat sebuah website yang terdapat gambar seperti ini, :

Nah kali ini saya akan ajarkan dalam menampilkan yahoo opi pada HTML5, cara mudah sekali cukup menyalin link dari yahoo sendiri dan masukkan yahoo opi anda, oke langsung saja, teman teman bisa salinkan scriptnya dibawah sini :

<head>
	<meta charset="UTF-8">
	<title>Menampilkan Yahoo Opi pada Sintag HTML5</title>
</head>
<style>
	article {width: 500px; height: 250px; border:1px solid orange; padding: 15px; margin: auto;}
	article .satu {float: left; padding-right: 10px; border-radius: 50%; width: 100px;}
	article img {width: 300px;}
</style>
<body>
	<article>
		<img src="images.jpg" class="satu">
		<p>Hallo I'm <span style="font-weight: bold; font-size: 20px; color: blue;">Dumet School</span> Ingin Bisa Membuat Website Keren, Yo gabung bersama kami Informasi Lebih bisa klik dibawah sini</p>
		<a href="ymsgr:sendIM?Id_yahoo_Anda"><img src="http://opi.yahoo.com/online?u=Id_yahoo_Anda&amp;m=g&amp;t=2&amp;l=us"/></a>
	</article>
</body>

jika sudah lalu save dan jalankan dibrowsernya, Cukup mudah yah, sangat mudah, teman teman  bisa kreasikan sendiri dalam bentuk apapun sesuai keinginan teman teman, oke cukup sekian tutorial tentang Bagaimana Cara menampilkan Yahoo Oppi pada HTML5, sampai jumpa dan selamat mencoba ..

jika mau mengkreasikan bentuk gambar dari yahoo oppi sendiri teman teman bisa memasukkan link ini :

#KeepLearn

#IsmetMA