Cara menampilkan Yahoo Oppi pada HTML5

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





Hallo



Nah kali ini saya akan ajarkan pada menampilkan yahoo opi di HTML5, cara gampang sekali lumayan menyalin link dari yahoo sendiri dan masukkan yahoo opi sahabat, oke seketika saja, teman teman dapat salinkan scriptnya dibawah sini :



<head>
<meta charset=UTF-8>
<title>Menampilkan Yahoo Opi di 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;>Source Code Aplikasi</span> Ingin Dapat Membangun Blog Keren, Yo gabung bersama kami Informasi Lebih dapat klik dibawah sini</p>
<a href=ymsgr:sendIM?Id_yahoo_Anda><img src=http://opi.yahoo.com/online?u=Id_yahoo_Andaamp;m=gamp;t=2amp;l=us/></a>
</article>
</body>


bila telah lalu save dan jalankan dibrowsernya, Lumayan gampang yah, amat gampang, teman teman  dapat kreasikan sendiri pada format apapun sesuai keinginan teman teman, oke lumayan demikianlah panduan mengenai Bagaimana Cara menampilkan Yahoo Oppi di HTML5, hingga jumpa dan selamat mencoba ..



bila mau mengkreasikan format gambar dari yahoo oppi sendiri teman teman dapat memasukkan link ini :



Hallo



#KeepLearn



#IsmetMA




Sumber https://kursuswebsite.org

Popular posts from this blog

Cara Menghapus Isi Dari Form Input Menggunakan Javascript

Membuat Form Menarik Menggunakan HTML dan CSS