 |
| skill internet |
Adelina Sofyan's Skills:
HTML90%
80%
99%
60%
Kegunaan lain adalah biasanya dengan mempresentasikan skill kita, orang akan lebih mudah memberi penilaian untuk merekrut kita dalam mengerjakan proyek proyek tertentu di internet.
Tentu saja itu hanya dasar. Dan penerapanya lagi lagi sebagai penulis kalian harus mahir bukan hanya menggunakan opsi penulisan melalui opsi "compose" namun juga opsi "HTML" dan itu tentu saja mudah di lakukan karena memang telah tersedia di dasbor blogger.
Yang kita perlukan hanyalah menerapkan HTML dan CSS ke dalam opsi penulisan "HTML"
Perhatikan kode kodenya:
<style>Kode CSS berwarna biru, sedangkan HTML yang berwarna merah. Cara meletakannya sama dengan tutuorial saya sebelumnya terkait penggunaan opsi "HTML" pada penulisan blogger.
* {box-sizing: border-box}
.container {
width: 100%;
background-color: #ddd;
}
.skills {
text-align: right;
padding-top: 10px;
padding-bottom: 10px;
color: white;
}
.html {width: 90%; background-color: #4CAF50;}
.css {width: 80%; background-color: #2196F3;}
.js {width: 99%; background-color: #f44336;}
.php {width: 60%; background-color: #808080;}
</style>
</head>
<body>
<h2>Adelina Sofyan:</h2>
<td><img alt="Avatar" class="avatar" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgY7FFi-3U8IYKwq7uowbMneQ9gsmSjQdnSTqtPYLFrr1msq2xTHG6xfgmgq-eVr-RRrevbR_DPc7lc_YWw5gXa9CnaocCdrEe9bdS1IMlA4zQn_fDGwjq9Zxb0iaZ2KjZkZGD9rdE7_TM/s113/Adelina+Sufyan.jpeg" />
<p>HTML</p>
<div class="container">
<div class="skills html">90%</div>
</div>
<p>CSS</p>
<div class="container">
<div class="skills css">80%</div>
</div>
<p>JavaScript</p>
<div class="container">
<div class="skills js">99%</div>
</div>
<p>PHP</p>
<div class="container">
<div class="skills php">60%</div>
</div>