Home / Arsip Untuk 2017

Senin, 11 September 2017

Cara Membuat Staff List Keren Seperti Animeindo.co

1 Komentar
Hasil yang akan kalian buat
Biljabbaradnan's blog - Hallo guys bertemu lagi dengan saya biljabbar adnan yang sudah sangat jarang sekali muncul di permukaan perbloggeran :v eak..
wkwk ada beberapa alasan juga kenapa saya jarang ngeblog.. yah salah satunya males :v (jangan ditiru yah gan).

Loh terus apa sebabnya saya kembali ngeblog lagi??
Awalnya saya ngeblog lagi karena disuruh sama ketua eskul saya untuk buat blog khusus eskul pramuka dan rohis sekolah gua :3 yah mau gamau gua kerjain deh..

dan ternyata asik juga :v rasa ini lah yang sudah lama hilang dari diri ini :v sehingga saya memutuskan untuk kembali lagi menjadi kamenrider :3..

Maka dari itu izinkan saya disini untuk memulai langkah awal saya untuk menuliskan suatu tutorial Cara Membuat Staff List Keren Seperti Animeindo.co

 Siapa sih yang gak kenal dengan website animeindo?
Mungkin sebagian orang sudah tidak asing lagi dengan animeindo, apalagi jika kalian adalah anime lovez seperti saya :v pasti sangat mengenalnya wkwkw..

yapz Animeindo adalah salah satu website streaming anime gratis yang memiliki banyak macam judul anime di dalamnya, saya sangat sering sekali menonton anime favorite saya disitu.

Tampilannya yang elegan beserta layout websitenya yang keren membuat saya jatuh hati dengan Animeindo :*

Salah satu tampilan animeindo yang membuat saya kagum adalah di bagian staff list nya ..
Karena disana staff listnya sangat terstruktur  mulai dari bigboss hingga sampai para moderatornya yang bertugas disana..

Sehingga saya berinisiatif membuat tutorial tentang
Cara Membuat Staff List Keren Seperti Animeindo.Co yang belum ada tutorialnya di google manapun.

 Yok guys silahkan disimak.

Cara Membuat Staff List Keren Seperti Animeindo.co

1. Login ke blogger -> tema/template -> edit html

Tema - Edit Html

2. Cari kode <b:skin dengan ctrl+f

Search <b:skin

3. Copas kode css berikut ini setelah kode <b:skin atau sebelum </style



/*Staff List Animeindo*/
.grid4{float:left;width:13.33%;}
.stafflist{background:#eee;float:left;overflow:hidden;width:33%;margin:0px 0px 20px;position:relative;}
.coverstaff{height:170px;overflow:hidden;}
.coverstaff img{height:auto;width:100%;min-height:100%;}
.avastaff{position:absolute;margin:-50px 60px;height:90px;width:90px;overflow:hidden;border:3px solid #fff;border-radius:100px;background:#fff;}
.avastaff img{width:auto;height:150%;min-width:100%;}
.descstaff{padding:50px 10px 20px;height:150px;background:url('http://animeindo.co/wp-content/uploads/2015/11/staffbg1.jpg'); }
.descstaff h3{font-family:Ubuntu;text-align:center;color:#FF6347;margin-bottom:0px;font-size:18px;}
.descstaff h5{font-family:Calibri;text-align:center;color:#212a30;font-size:16px;padding-bottom:5px;}
.descstaff p{text-align:center;font-family:Ubuntu;font-size:12px;color:#555;font-style:italic;}
.staffsocial{position:absolute;bottom:0;left:0;padding:4px 10px;}
.staffsection{width:102%;display:inline-block;margin:0 -2% 0 0;}
.staffsocial a{display:inline-block;}
.staffsocial img{height:15px;width:auto;}'

4. Buat post baru di laman

Buat Laman Baru

5. Copas kode html berikut di laman baru, jangan lupa gunakan mode html sebelum ngepost




<div class="grid4">
<div class="stafflist boxs">
<div class="coverstaff">
<img src="Url Image Cover"/>
</div>
<a href="Link Profile Admin (bisa sosmed atau chatago)" ">
<div class="avastaff">
<img src="Url Foto Profile Admin" alt/>
</div>
</a>
<div class="descstaff">
<a href="Link Profile Admin (bisa sosmed atau chatago)" "><h3>Nama Admin</h3></a>
<h5>Admin/Tugas Admin</h5>
<p>"Moto Hidup/catatan dari Admin"</p>
</div>
<br>
<div class="staffsocial">
<a href="LINK FACEBOOK ADMIN"><img border="”0?" src="http://animeindo.co/wp-content/themes/animeindoco/images/fblogo.png"></a>
<a href="LINK CHATAGO ADMIN"><img border="”0?" src="http://animeindo.co/wp-content/themes/animeindoco/images/chatango.png"></a>
</div>
</div>
</div>


<div class="grid4">
<div class="stafflist boxs">
<div class="coverstaff">
<img src="Url Image Cover"/>
</div>
<a href="Link Profile Admin (bisa sosmed atau chatago)" ">
<div class="avastaff">
<img src="Url Foto Profile Admin" alt/>
</div>
</a>
<div class="descstaff">
<a href="Link Profile Admin (bisa sosmed atau chatago)" "><h3>Nama Admin</h3></a>
<h5>Admin/Tugas Admin</h5>
<p>"Moto Hidup/catatan dari Admin"</p>
</div>
<br>
<div class="staffsocial">
<a href="LINK FACEBOOK ADMIN"><img border="”0?" src="http://animeindo.co/wp-content/themes/animeindoco/images/fblogo.png"></a>
<a href="LINK CHATAGO ADMIN"><img border="”0?" src="http://animeindo.co/wp-content/themes/animeindoco/images/chatango.png"></a>
</div>
</div>
</div>

<div class="staffsection"> <!--Pengatur Jarak-->
<div class="grid4">
<div class="stafflist boxs">
<div class="coverstaff">
<img src="Url Image Cover"/>
</div>
<a href="Link Profile Admin (bisa sosmed atau chatago)" ">
<div class="avastaff">
<img src="Url Foto Profile Admin" alt/>
</div>
</a>
<div class="descstaff">
<a href="Link Profile Admin (bisa sosmed atau chatago)" "><h3>Nama Admin</h3></a>
<h5>Admin/Tugas Admin</h5>
<p>"Moto Hidup/catatan dari Admin"</p>
</div>
<br>
<div class="staffsocial">
<a href="LINK FACEBOOK ADMIN"><img border="”0?" src="http://animeindo.co/wp-content/themes/animeindoco/images/fblogo.png"></a>
<a href="LINK CHATAGO ADMIN"><img border="”0?" src="http://animeindo.co/wp-content/themes/animeindoco/images/chatango.png"></a>
</div>
</div>
</div>

<div class="grid4">
<div class="stafflist boxs">
<div class="coverstaff">
<img src="Url Image Cover"/>
</div>
<a href="Link Profile Admin (bisa sosmed atau chatago)" ">
<div class="avastaff">
<img src="Url Foto Profile Admin" alt/>
</div>
</a>
<div class="descstaff">
<a href="Link Profile Admin (bisa sosmed atau chatago)" "><h3>Nama Admin</h3></a>
<h5>Admin/Tugas Admin</h5>
<p>"Moto Hidup/catatan dari Admin"</p>
</div>
<br>
<div class="staffsocial">
<a href="LINK FACEBOOK ADMIN"><img border="”0?" src="http://animeindo.co/wp-content/themes/animeindoco/images/fblogo.png"></a>
<a href="LINK CHATAGO ADMIN"><img border="”0?" src="http://animeindo.co/wp-content/themes/animeindoco/images/chatango.png"></a>
</div>
</div>
</div>

<div class="grid4">
<div class="stafflist boxs">
<div class="coverstaff">
<img src="Url Image Cover"/>
</div>
<a href="Link Profile Admin (bisa sosmed atau chatago)" ">
<div class="avastaff">
<img src="Url Foto Profile Admin" alt/>
</div>
</a>
<div class="descstaff">
<a href="Link Profile Admin (bisa sosmed atau chatago)" "><h3>Nama Admin</h3></a>
<h5>Admin/Tugas Admin</h5>
<p>"Moto Hidup/catatan dari Admin"</p>
</div>
<br>
<div class="staffsocial">
<a href="LINK FACEBOOK ADMIN"><img border="”0?" src="http://animeindo.co/wp-content/themes/animeindoco/images/fblogo.png"></a>
<a href="LINK CHATAGO ADMIN"><img border="”0?" src="http://animeindo.co/wp-content/themes/animeindoco/images/chatango.png"></a>
</div>
</div>
</div>

<div class="grid4">
<div class="stafflist boxs">
<div class="coverstaff">
<img src="Url Image Cover"/>
</div>
<a href="Link Profile Admin (bisa sosmed atau chatago)" ">
<div class="avastaff">
<img src="Url Foto Profile Admin" alt/>
</div>
</a>
<div class="descstaff">
<a href="Link Profile Admin (bisa sosmed atau chatago)" "><h3>Nama Admin</h3></a>
<h5>Admin/Tugas Admin</h5>
<p>"Moto Hidup/catatan dari Admin"</p>
</div>
<br>
<div class="staffsocial">
<a href="LINK FACEBOOK ADMIN"><img border="”0?" src="http://animeindo.co/wp-content/themes/animeindoco/images/fblogo.png"></a>
<a href="LINK CHATAGO ADMIN"><img border="”0?" src="http://animeindo.co/wp-content/themes/animeindoco/images/chatango.png"></a>
</div>
</div>
</div>

<div class="grid4">
<div class="stafflist boxs">
<div class="coverstaff">
<img src="Url Image Cover"/>
</div>
<a href="Link Profile Admin (bisa sosmed atau chatago)" ">
<div class="avastaff">
<img src="Url Foto Profile Admin" alt/>
</div>
</a>
<div class="descstaff">
<a href="Link Profile Admin (bisa sosmed atau chatago)" "><h3>Nama Admin</h3></a>
<h5>Admin/Tugas Admin</h5>
<p>"Moto Hidup/catatan dari Admin"</p>
</div>
<br>
<div class="staffsocial">
<a href="LINK FACEBOOK ADMIN"><img border="”0?" src="http://animeindo.co/wp-content/themes/animeindoco/images/fblogo.png"></a>
<a href="LINK CHATAGO ADMIN"><img border="”0?" src="http://animeindo.co/wp-content/themes/animeindoco/images/chatango.png"></a>
</div>
</div>
</div>

<div class="grid4">
<div class="stafflist boxs">
<div class="coverstaff">
<img src="Url Image Cover"/>
</div>
<a href="Link Profile Admin (bisa sosmed atau chatago)" ">
<div class="avastaff">
<img src="Url Foto Profile Admin" alt/>
</div>
</a>
<div class="descstaff">
<a href="Link Profile Admin (bisa sosmed atau chatago)" "><h3>Nama Admin</h3></a>
<h5>Admin/Tugas Admin</h5>
<p>"Moto Hidup/catatan dari Admin"</p>
</div>
<br>
<div class="staffsocial">
<a href="LINK FACEBOOK ADMIN"><img border="”0?" src="http://animeindo.co/wp-content/themes/animeindoco/images/fblogo.png"></a>
<a href="LINK CHATAGO ADMIN"><img border="”0?" src="http://animeindo.co/wp-content/themes/animeindoco/images/chatango.png"></a>
</div>
</div>
</div>

<div class="grid4">
<div class="stafflist boxs">
<div class="coverstaff">
<img src="Url Image Cover"/>
</div>
<a href="Link Profile Admin (bisa sosmed atau chatago)" ">
<div class="avastaff">
<img src="Url Foto Profile Admin" alt/>
</div>
</a>
<div class="descstaff">
<a href="Link Profile Admin (bisa sosmed atau chatago)" "><h3>Nama Admin</h3></a>
<h5>Admin/Tugas Admin</h5>
<p>"Moto Hidup/catatan dari Admin"</p>
</div>
<br>
<div class="staffsocial">
<a href="LINK FACEBOOK ADMIN"><img border="”0?" src="http://animeindo.co/wp-content/themes/animeindoco/images/fblogo.png"></a>
<a href="LINK CHATAGO ADMIN"><img border="”0?" src="http://animeindo.co/wp-content/themes/animeindoco/images/chatango.png"></a>
</div>
</div>
</div>

<div class="grid4">
<div class="stafflist boxs">
<div class="coverstaff">
<img src="Url Image Cover"/>
</div>
<a href="Link Profile Admin (bisa sosmed atau chatago)" ">
<div class="avastaff">
<img src="Url Foto Profile Admin" alt/>
</div>
</a>
<div class="descstaff">
<a href="Link Profile Admin (bisa sosmed atau chatago)" "><h3>Nama Admin</h3></a>
<h5>Admin/Tugas Admin</h5>
<p>"Moto Hidup/catatan dari Admin"</p>
</div>
<br>
<div class="staffsocial">
<a href="LINK FACEBOOK ADMIN"><img border="”0?" src="http://animeindo.co/wp-content/themes/animeindoco/images/fblogo.png"></a>
<a href="LINK CHATAGO ADMIN"><img border="”0?" src="http://animeindo.co/wp-content/themes/animeindoco/images/chatango.png"></a>
</div>
</div>
</div>

<div class="grid4">
<div class="stafflist boxs">
<div class="coverstaff">
<img src="Url Image Cover"/>
</div>
<a href="Link Profile Admin (bisa sosmed atau chatago)" ">
<div class="avastaff">
<img src="Url Foto Profile Admin" alt/>
</div>
</a>
<div class="descstaff">
<a href="Link Profile Admin (bisa sosmed atau chatago)" "><h3>Nama Admin</h3></a>
<h5>Admin/Tugas Admin</h5>
<p>"Moto Hidup/catatan dari Admin"</p>
</div>
<br>
<div class="staffsocial">
<a href="LINK FACEBOOK ADMIN"><img border="”0?" src="http://animeindo.co/wp-content/themes/animeindoco/images/fblogo.png"></a>
<a href="LINK CHATAGO ADMIN"><img border="”0?" src="http://animeindo.co/wp-content/themes/animeindoco/images/chatango.png"></a>
</div>
</div>
</div>

<div class="grid4">
<div class="stafflist boxs">
<div class="coverstaff">
<img src="Url Image Cover"/>
</div>
<a href="Link Profile Admin (bisa sosmed atau chatago)" ">
<div class="avastaff">
<img src="Url Foto Profile Admin" alt/>
</div>
</a>
<div class="descstaff">
<a href="Link Profile Admin (bisa sosmed atau chatago)" "><h3>Nama Admin</h3></a>
<h5>Admin/Tugas Admin</h5>
<p>"Moto Hidup/catatan dari Admin"</p>
</div>
<br>
<div class="staffsocial">
<a href="LINK FACEBOOK ADMIN"><img border="”0?" src="http://animeindo.co/wp-content/themes/animeindoco/images/fblogo.png"></a>
<a href="LINK CHATAGO ADMIN"><img border="”0?" src="http://animeindo.co/wp-content/themes/animeindoco/images/chatango.png"></a>
</div>
</div>
</div>

<div class="staffsection"><!--Pengatur Jarak-->
<div class="grid4">
<div class="stafflist boxs">
<div class="coverstaff">
<img src="Url Image Cover"/>
</div>
<a href="Link Profile Admin (bisa sosmed atau chatago)" ">
<div class="avastaff">
<img src="Url Foto Profile Admin" alt/>
</div>
</a>
<div class="descstaff">
<a href="Link Profile Admin (bisa sosmed atau chatago)" "><h3>Nama Admin</h3></a>
<h5>Admin/Tugas Admin</h5>
<p>"Moto Hidup/catatan dari Admin"</p>
</div>
<br>
<div class="staffsocial">
<a href="LINK FACEBOOK ADMIN"><img border="”0?" src="http://animeindo.co/wp-content/themes/animeindoco/images/fblogo.png"></a>
<a href="LINK CHATAGO ADMIN"><img border="”0?" src="http://animeindo.co/wp-content/themes/animeindoco/images/chatango.png"></a>
</div>
</div>
</div>

<div class="grid4">
<div class="stafflist boxs">
<div class="coverstaff">
<img src="Url Image Cover"/>
</div>
<a href="Link Profile Admin (bisa sosmed atau chatago)" ">
<div class="avastaff">
<img src="Url Foto Profile Admin" alt/>
</div>
</a>
<div class="descstaff">
<a href="Link Profile Admin (bisa sosmed atau chatago)" "><h3>Nama Admin</h3></a>
<h5>Admin/Tugas Admin</h5>
<p>"Moto Hidup/catatan dari Admin"</p>
</div>
<br>
<div class="staffsocial">
<a href="LINK FACEBOOK ADMIN"><img border="”0?" src="http://animeindo.co/wp-content/themes/animeindoco/images/fblogo.png"></a>
<a href="LINK CHATAGO ADMIN"><img border="”0?" src="http://animeindo.co/wp-content/themes/animeindoco/images/chatango.png"></a>
</div>
</div>
</div>

<div class="grid4">
<div class="stafflist boxs">
<div class="coverstaff">
<img src="Url Image Cover"/>
</div>
<a href="Link Profile Admin (bisa sosmed atau chatago)" ">
<div class="avastaff">
<img src="Url Foto Profile Admin" alt/>
</div>
</a>
<div class="descstaff">
<a href="Link Profile Admin (bisa sosmed atau chatago)" "><h3>Nama Admin</h3></a>
<h5>Admin/Tugas Admin</h5>
<p>"Moto Hidup/catatan dari Admin"</p>
</div>
<br>
<div class="staffsocial">
<a href="LINK FACEBOOK ADMIN"><img border="”0?" src="http://animeindo.co/wp-content/themes/animeindoco/images/fblogo.png"></a>
<a href="LINK CHATAGO ADMIN"><img border="”0?" src="http://animeindo.co/wp-content/themes/animeindoco/images/chatango.png"></a>
</div>
</div>
</div>

<div class="grid4">
<div class="stafflist boxs">
<div class="coverstaff">
<img src="Url Image Cover"/>
</div>
<a href="Link Profile Admin (bisa sosmed atau chatago)" ">
<div class="avastaff">
<img src="Url Foto Profile Admin" alt/>
</div>
</a>
<div class="descstaff">
<a href="Link Profile Admin (bisa sosmed atau chatago)" "><h3>Nama Admin</h3></a>
<h5>Admin/Tugas Admin</h5>
<p>"Moto Hidup/catatan dari Admin"</p>
</div>
<br>
<div class="staffsocial">
<a href="LINK FACEBOOK ADMIN"><img border="”0?" src="http://animeindo.co/wp-content/themes/animeindoco/images/fblogo.png"></a>
<a href="LINK CHATAGO ADMIN"><img border="”0?" src="http://animeindo.co/wp-content/themes/animeindoco/images/chatango.png"></a>
</div>
</div>
</div>

<div class="grid4">
<div class="stafflist boxs">
<div class="coverstaff">
<img src="Url Image Cover"/>
</div>
<a href="Link Profile Admin (bisa sosmed atau chatago)" ">
<div class="avastaff">
<img src="Url Foto Profile Admin" alt/>
</div>
</a>
<div class="descstaff">
<a href="Link Profile Admin (bisa sosmed atau chatago)" "><h3>Nama Admin</h3></a>
<h5>Admin/Tugas Admin</h5>
<p>"Moto Hidup/catatan dari Admin"</p>
</div>
<br>
<div class="staffsocial">
<a href="LINK FACEBOOK ADMIN"><img border="”0?" src="http://animeindo.co/wp-content/themes/animeindoco/images/fblogo.png"></a>
<a href="LINK CHATAGO ADMIN"><img border="”0?" src="http://animeindo.co/wp-content/themes/animeindoco/images/chatango.png"></a>
</div>
</div>
</div>

<div class="grid4">
<div class="stafflist boxs">
<div class="coverstaff">
<img src="Url Image Cover"/>
</div>
<a href="Link Profile Admin (bisa sosmed atau chatago)" ">
<div class="avastaff">
<img src="Url Foto Profile Admin" alt/>
</div>
</a>
<div class="descstaff">
<a href="Link Profile Admin (bisa sosmed atau chatago)" "><h3>Nama Admin</h3></a>
<h5>Admin/Tugas Admin</h5>
<p>"Moto Hidup/catatan dari Admin"</p>
</div>
<br>
<div class="staffsocial">
<a href="LINK FACEBOOK ADMIN"><img border="”0?" src="http://animeindo.co/wp-content/themes/animeindoco/images/fblogo.png"></a>
<a href="LINK CHATAGO ADMIN"><img border="”0?" src="http://animeindo.co/wp-content/themes/animeindoco/images/chatango.png"></a>
</div>
</div>
</div>

<div class="grid4">
<div class="stafflist boxs">
<div class="coverstaff">
<img src="Url Image Cover"/>
</div>
<a href="Link Profile Admin (bisa sosmed atau chatago)" ">
<div class="avastaff">
<img src="Url Foto Profile Admin" alt/>
</div>
</a>
<div class="descstaff">
<a href="Link Profile Admin (bisa sosmed atau chatago)" "><h3>Nama Admin</h3></a>
<h5>Admin/Tugas Admin</h5>
<p>"Moto Hidup/catatan dari Admin"</p>
</div>
<br>
<div class="staffsocial">
<a href="LINK FACEBOOK ADMIN"><img border="”0?" src="http://animeindo.co/wp-content/themes/animeindoco/images/fblogo.png"></a>
<a href="LINK CHATAGO ADMIN"><img border="”0?" src="http://animeindo.co/wp-content/themes/animeindoco/images/chatango.png"></a>
</div>
</div>
</div>

<div class="grid4">
<div class="stafflist boxs">
<div class="coverstaff">
<img src="Url Image Cover"/>
</div>
<a href="Link Profile Admin (bisa sosmed atau chatago)" ">
<div class="avastaff">
<img src="Url Foto Profile Admin" alt/>
</div>
</a>
<div class="descstaff">
<a href="Link Profile Admin (bisa sosmed atau chatago)" "><h3>Nama Admin</h3></a>
<h5>Admin/Tugas Admin</h5>
<p>"Moto Hidup/catatan dari Admin"</p>
</div>
<br>
<div class="staffsocial">
<a href="LINK FACEBOOK ADMIN"><img border="”0?" src="http://animeindo.co/wp-content/themes/animeindoco/images/fblogo.png"></a>
<a href="LINK CHATAGO ADMIN"><img border="”0?" src="http://animeindo.co/wp-content/themes/animeindoco/images/chatango.png"></a>
</div>
</div>
</div>

<div class="grid4">
<div class="stafflist boxs">
<div class="coverstaff">
<img src="Url Image Cover"/>
</div>
<a href="Link Profile Admin (bisa sosmed atau chatago)" ">
<div class="avastaff">
<img src="Url Foto Profile Admin" alt/>
</div>
</a>
<div class="descstaff">
<a href="Link Profile Admin (bisa sosmed atau chatago)" "><h3>Nama Admin</h3></a>
<h5>Admin/Tugas Admin</h5>
<p>"Moto Hidup/catatan dari Admin"</p>
</div>
<br>
<div class="staffsocial">
<a href="LINK FACEBOOK ADMIN"><img border="”0?" src="http://animeindo.co/wp-content/themes/animeindoco/images/fblogo.png"></a>
<a href="LINK CHATAGO ADMIN"><img border="”0?" src="http://animeindo.co/wp-content/themes/animeindoco/images/chatango.png"></a>
</div>
</div>
</div>

6. Simpan, jangan lupa di kasih judul

Selamat kalian sudah berhasil membuat Staff List yang seperti Animeindo :D

Silahkan klik Link di bawah ini untuk melihat hasil Demo
Demo

Ok saya kira cukup sekian dari saya..
Semoga tutorialnya dapat bermanfaat ..

Kalau ada pertanyaan silahkan komentar saja yah gan :) jangan ragu nanti akan saya jawab secepat mungkin :D



Keyword
Cara membuat staff list yang keren, cara membuat staff list simple & responsive, cara membuat staff list seperti animeindo,
cara membuat staff list part 2, 3, 4, 5, 6, 7, 8, 10, cara membuat staff list keren, staff list berwarna, terstruktur, cara membuat staff list seperti fanshare, fansub, seperti website streaming dan download anime,
Baca selengkapnya

Jumat, 10 Maret 2017

Ada UPK di Sekolahku, Kenapa Harus UPK?

Komentar
SMK Bisa, Via Google


Biljabbaradnan's blog - Hallo sobatku tercinta kali ini saya akan membagikan suatu artikel yang bersifat berita.
Yapz saya akan membagikan berita tentang Ujian Praktik Kejuruan atau yang biasa disingkat UPK, kenapa saya menulis berita tentang UPK?

Alasannya :
Karena pada tanggal 23-24 Febuari 2017, SMK N 10 Kab.Tangerang baru saja melaksanakan UPK.
Adapun kelas yang diujikan pada UPK kali ini adalah kelas 12 dengan jurusan :
  • Airframe Powerplan 
  • Administrasi Perkantoran 
  • dan Multimedia

UPK adalah salah satu ujian praktik yang dilaksanakan oleh seluruh SMK di Indonesia.
Tujuan UPK dilaksanakan adalah :
  • Mengetahui kualitas para siswa
  • Sebagai ajang pembuktian diri siswa
  • Syarat standar mengikuti ujian nasional.
    karena di SMK sebelum melakukan ujian nasional kita harus mengikuti upk sebagai syarat standar mengikuti ujian nasional.
  • Membiasakan diri bagi para siswa untuk kreatif, kerja keras dan cepat dalam menyelesaikan ujian yang diberikan.

Kenapa saya katakan seperti itu?
Karena Ujian Praktik Kejuruan diselenggarakan hanya dalam 2 hari saja.
Dalam waktu tersebut para siswa dituntut dapat menyelesaikan ujian yang diberikan.

Seperti misalkan dari kejuruan Multimedia memiliki tema ujian "Iklan Pendek" yang artinya para siswa harus membuat iklan (pendek) yang berdurasi 2 menit.
Dalam pembuatan iklan tersebut siswa ditugaskan sebagai produser, pengusung ide, editor, eksekutif, atau yang bertugas dibelakang layar, sedangkan pemain filmnya dilakukan oleh teman-temannya.

Kira-kira gambaran mengenai alur Ujian Praktik Kejuruan sebagai berikut.

Alur Kerja Praktik di SMKN 10 Kab.Tangerang

Ujian Praktik Kejuruan di SMKN 10 Kab.Tangerang berjalan dengan lancar. Khusus UPK tahun ini diketuai oleh Muhammad Kallam Royhan yang dikoordinasikan oleh Moch. Indra Irawan.

Menurut Ketua pelaksana UPK, ujian kali ini diselenggarakan dalam waktu yang lebih cepat.
Karena kegiatan UPK idealnya diselenggarakan selama tiga hari, mengingat tingkat kesulitan soal yang diujikan, namun dengan persiapan yang cukup matang, maka kegiatan UPK dapat dilangsungkan selama 2 hari dengan rancangan kegiatan sebagai berikut :

Jadwal Ujian Praktik Kejuruan Multimedia
Menurut saya pribadi dengan diselenggarakannya UPK di setiap SMK adalah sebagai suatu bentuk kegiatan positif, karena menurut sejarah terciptanya Sekolah Menengah Kejuruan adalah terciptanya generasi muda yang siap menghadapi persaingan industri dunia, baik itu dalam pekerjaan ataupun wirausaha.

Karena kita semua tau di era globalisasi kali ini sangatlah ketat persaingan, bila tidak mempersiapkan diri sejak dini kita akan semakin tertinggal.
Maka dari itu mari kita memperbaiki diri dan berbuat semaksimal mungkin mulai dari sekarang bukan esok atau lusa.

Sekian
Terima kasih
Wassalamualaikum.wr.wb
Baca selengkapnya

Kamis, 09 Maret 2017

Kenapa Banyak Masalah Saat UTS Berlangsung di Sekolahku?

Komentar
Kegiatan Ulangan Tengah Semester di SMKN 10 Kab.Tangerang

Siswa dan Siswi SMK N 10 Kab.Tangerang baru saja melaksanakan Ulangan Tengah Semester yang dilangsungkan selama 1 minggu terhitung mulai dari hari Senin (6/3/2017) hingga Sabtu (11/03/2017).

UTS adalah suatu kegiatan yang diadakan dengan tujuan untuk mengetahui kemampuan siswa dan siswi selama menempuh kegiatan pembelajaran yang telah berlangsung.
Serta sebagai bahan evaluasi para guru untuk menentukan proses pembalajarann agar lebih baik lagi.

Pelaksanaan UTS kali ini tidak terbilang cukup lancar karena masih ada sedikit kendala, seperti ada sebagian para siswa yang belum memiliki kartu legitimasi padahal kartu tersebut adalah salah satu syarat untuk mengikuti kegiatan ulangan tengah semester.

Dari hasil wawancara yang saya lakukan penyebab para siswa tidak memiliki kartu legitimasi karena ada sebagian kartu legitimasi yang tidak tercetak oleh pihak sekolah, akibatnya para siswa harus menggunakan "kartu legitimasi sementara" yang untuk mendapatkannya harus membayar sekitar tigaribu rupiah dan kartu tersebut hanya bisa digunakan pada hari itu saja.

Jadi pada hari berikutnya mau tidak mau para siswa harus membayar kembali tigaribu rupiah agar dapat melaksanakan ulangan tengah semester.

Selain kendala kartu legitimasi yang tidak tercetak oleh pihak sekolah, ada lagi kendala yang muncul saat ulangan sedang berlangsung.

Seperti misalkan ada sebagian siswa yang mengerjakan ulangannya di luar ruangan karena datang terlambat dan tidak lengkap atribut sekolah yang digunakan seperti dasi, bet sekolah dan sebagainya.

Para Siswa yang Mengerjakan Ulangan di Luar Ruangan.
Kira-kira seperti itulah permsalahan yang terjadi saat ujian tengah semester berlangsung di SMKN 10 Kab.Tangerang.

dan kayanya kurang afadal kalau kita hanya membahas tentang kekurangan yang terjadi saat UTS berlangsung.
Jadi sebagai gantinya saya akan menampilkan beberapa potretan yang saya dapatkan selama ujian berlangsung sebagai berikut :

Sedang Liat Apa Bro di Belakang?
Ko Mukanya di Tutupin? Malu yah :D

Ekspresi fokus para siswa saat sedang mengerjakan ulangan :D

Ada kesempatan dalam kesempitan
Selama masih ada kesempatan buat ngisi jangan dilewatkan :v
Ehh tangannya megang apa tuh tong :v?
Keadaan tenang saat di dalam ruangan ujian

Walaupun ujian masih sempat eksis yah bro :D

Waktu istirahat setelah ulangan

Selama masih ada waktu yang tersisa manfaatkan sebaik mungkin :v

Ayok ayok kerjakan soalnya yang bener :D

Lagi istirahat setelah ulangan

Pelaksanaan UTS di SMK N 10 Kab.Tangerang masih terdapat banyak kekurangan, tapi kekurangan tersebut dapat terselesaikan hanya dalam beberap hari saja.

Seperti permasalahan kartu legitimasi yang selesai hanya dalam 2 hari saja.

Buat teman-temanku yang sedang melaksanakan UTS tetap semangat menghadapi ujiannya yah.

Jangan terlalu memikirkan bagaimana nanti hasilnya, tapi bersikaplah jujur dan lakukan sebaik mungkin terlebih dahulu.
Insya Allah usaha tidak akan menghianati kita :)

Sekian dari saya
Wassalamualaikum.wr.wb
Baca selengkapnya

Rabu, 08 Maret 2017

30 Lagu Nightcore Rekomendasi Terbaik Yang Enak di Dengar

1 Komentar
Nightcore Wallpaper, Via Google
Biljabbaradnan's blog - Halo sobatku tercinta kali ini saya akan membagikan suatu artikel yang berisi tentang lagu-lagu terbaik nightcore yang pernah saya dengar dari yusuf :v dan saya rangkum menjadi suatu artikel :D.

Alasan saya membuat artikel kali ini karena saat saya sedang memainkan komputer baik itu untuk mengerjakan tugas, ngeblog, ngegame ataupun saat santai, saya selalu menyempatkan menyetel lagu Nightcore favorit saya yang akan saya bahas nanti.

Emangnya apa sih enaknya Lagu Nightcore?
Menurut saya Nightcore sangat enak didengar saat kalian butuh ketenangan dan konsentrasi yang tinggi.

Loh katanya butuh ketenangan ko malah dengerin musik?

Maksud saya ketenangan di sini adalah tidak terganggu dengan suara yang ada di sekitar kita ataupun di luar ruangan seperti suara knalpot motor yang lewat dan sebagainya.

Dengan mendengarkan musik secara tidak langsung kita dapat merasakan beberapa manfaat seperti meningkatkan suasana hati agar semakin rileks, meningkatkan kemampuan visual, verbal dan kecerdasaan dalam berpikir.

Jadi kata siapa belajar sambil dengerin musik itu tidak efektif?
Justru cara tersebutlah yang terbilang sangat efektif dan telah digunakan oleh negara maju seperti finlandia.

Jadi kalian masih meragukan manfaat dari mendengarkan musik saat belajar?
atau kalian menganggap hal itu sangat menganggu?
Yasudah itu sih hak pendapat kalian masing-masing aja :v

Btw ko pembahasannya malah jadi di luar topik yah :v?
Yasudahah mari kita balik lagi ke laptop :v, sebelum membagikan lagu-lagu Nightcore saya akan sharing sedikit info tentang pengertian dan asal mulanya Nightcore tercipta :)

Apa itu Nightcore?

Nightcore adalah sejenis musik yang telah diubah sedemikian rupa dari versi lagu aslinya hingga menjadi suatu jenis musik yang bernama "remix". 

Nightcore memiliki tempo (kecepatan ketukan) dan pitch (tinggi rendahnya nada) yang sangat tinggi.

Nightcore ini tercipta atas pengubahan tempo musik dan pitch vocal 20% - 30% lebih cepat sehingga para pendengar mendapatkan sensasi yang berbeda seperti suara yang ada di Anime.

dan inilah yang membuat nightcore selalu identik dengan "Anime" karena perubahan tempo dan pitch yang terjadi.

Sejarah Nightcore

Pada awalnya Nightcore adalah sebuah band loh sobat, yapz band tersebut dibuat oleh dua pemuda yang berasal dari Alta, Norway pada tahun 2002.

Band tersebut berhasil mengeluarkan 5 buah album yang memiliki tempo dan pitch yang sangat tinggi.

Sayangnya album tersebut tidak terkenal dan ada sebagian lagu yang entah kenapa alasannya tidak sampai ke Internet :'(.

Setelah Youtube berdiri ada seseorang (tidak diketahui namanya) mengupload lagu dengan tempo dan pitch yang sama seperti Nightcore.

Perlahan tapi pasti lagu Nightcore mulai dikenal oleh masyarakat luar dan populer hingga saat ini.


Setelah sampai di sini, kalian telah mengetahui lebih dalam tentang Nightcore.
Jadi tanpa basa-basi lagi mari kita dengarkan Lagu Nightcore Terbaik Versi Biljabbaradnan's blog

Lagu Nightcore Terbaik


1. Nightcore - Heroes


2. Nightcore - Untouchable



3. Nightcore - Centuries



4. Nightcore - Come Right Out And Say It



5. Nightcore - Gravity
6. Nightcore - Try



7. Nightcore - Demons



8. Nightcore - Angel With A Shotgun



9. Nightcore - God Is A Girl



10. Nightcore - Runnin'



11. Nightcore - Radioactive



12. Nightcore - Warriors



13. Nightcore - Get Out Alive



14. Nightcore - My Songs Know What You Did In The Dark



15. Nightcore - Thanks For The Memories



16. Nightcore - This Is War



17. Nightcore - The Phoenix



18. Nightcore - Courtesy Call



19. Nightcore - Closer「Switching Vocals」



20. Nightcore - Armor



21. Nightcore - Battlefield



22. Nightcore - Faded



23. Nightcore - Any Other Way



24. Nightcore - Castle of Glass



25. Nightcore - See You Again



26. Nightcore - Hall of Fame



27. Nightcore - Hey Soul Sister


28. Nightcore - A Thousand Years


29. Nightcore - Let Her Go



30. Nightcore - All of Me



Berakhirlah sudah artikel kita kali ini yang berjudul "Lagu Nightcore Terbaik Yang Enak di Dengar".

Bisa kita tarik kesimpulan dari artikel kita kali ini bahwa mendengarkan musik itu baik untuk kesehatan jiwa seperti merilekskan diri, dan membuat kita lebih berkonsentrasi.

Namun setiap hal yang ada di dunia ini pasti ada yang namanya kebaikan dan keburukan. 

Keburukan yang ada dalam mendengarkan musik adalah dapat membuat kita lebih mengabaikan dunia luar karena terlalu asik dengan musik yang kita dengar.
dan satu hal lagi selama kalian mendengarkan musik hindari penggunaan headset dan suara yang berlebih karena dapat merusak telinga kalian.

Sekiranya sobat ada yang ingin menambahkan lagu nightcore favorit kalian bisa cantumkan di kolom komentar :)

Sekian dari saya
Wasalamulaikum.wr.wb

Keyword
Apa itu Nightcore ?, Sejarah terciptanya Nightcore, Sejarah terbuatnya Nighcore, Pengertian dan Contoh Musik NightCore, Lagu Nightcore, Lagu Nightcore terbaik yang enak di dengar saat santai, ngeblog, main game, ngegame, manfaat mendengarkan musik nightcore, dengerin musik top nightcore, 100,90,80,70,60,50,40,30,20,10,5, Lagu nightcore terbaik yang enak di dengar versi biljabbaradnan's blog, lagu nightcore yang enak di dengar, lagu nightcore yang enak, lagu yang cocok di dengar saat santai, lagu yang cocok di dengar saat malam hari, Top 30 Nightcore songs, Lagu nightcore rekomendasi terbaik, nightcore paling rekomendasi, nightcore rekomendasi untuk di dengar,
Baca selengkapnya

Selasa, 24 Januari 2017

1000+ Kode Warna CSS

Komentar
Mbanya cakep yah :v
Keyword
1000+ Kode Warna CSS, Kode warna css terlengkap, kode warna css lengkap, kode warna, kode warna untuk desain, kode warna untuk website/blog, kode warna, kode warna untuk css, warna css hexadecimal, kode warna css hexadecimal, hexadecimal, kode hexadecimal, warna hexadecimal, color picker online, 1000 + Colour Code CSS, color codes css complete, color codes css full, color code, color code for a design review, code color for a review website / blog, color code, color code for review css, color css hexadecimal color codes css hexadecimal , hexadecimal, hexadecimal code, hexadecimal color, color picker online
Baca selengkapnya

Yamanga For Manga Template - Free Download Responsive

8 Komentar
Yamanga Blogger Template


Deskripsi
Yamanga adalah sebuah template blogger buatan team Cmonfrozen yang sangat responsive baik dari tampilan maupun seo. Yamanga mengusung tampilan cerah nan simple dengan perpaduan warna putih, merah dan hitam yang membuatnya elegan tapi simple :). Template ini di rancang sedemikian rupa untuk website Baca Manga/baca Komik, jadi bagi kalian yang ingin membuat website Manga Online sangat di sarankan menggunakan template yang satu ini.

Instructions: Template Setting / How to Install a Blogger Template
Name: Yamanga Blogger Template
Type: Blogger
Publish: 2015
Color: Light (dominant), Red and Black
Design: Frozen
Desaigner URL: http://cmonfrozen.blogspot.com
Thanks to: Eric Meyer, DTE, Colourlovers, Viljamis, 9bitstudios
License: This work is licensed under the Creative Commons Attribution 4.0 International License.
To view a copy of this license, visit http://creativecommons.org/licenses/by/4.0/.
For more specific details about the license, you may visit the URL below: //creativecommons.org/licenses/by/3.0/
Price: Free

Features Availability
For Manga True
Responsive True
Font Awesome Icons True
SEO Friendly True Cek
Genre List True
Manga List True
Setting Post True

Silahkan klik Link di bawah ini untuk Demo atau Download
Demo Download Tutorial Sumber

Keyword
Yamanga For Manga Template - Free Download Responsive, Template Blogger Gratis Seo Friendly dan Responsive, Template Blogger Gratis, Free Template blogger, Template anime keren, Template Manga, Manga template blogger, Yamanga Usagilabs, Yamanga Kaizentemplate, Yamanga bloggertplates, Template untuk/buat baca komik/manga online, template blogger baca komik/manga online, template download manga/komik, download manga/komik, yamanga download manga, download template yamanga gratis, download yamanga, template anime gratis, rekomendasi, template 2 coloumn, template fast loading, template ageka dengan loading yang cepat,
template blogger gratis, template rekomendasi 2010, 2011, 2012, 2013, 2014, 2016, 2017, 2018, 2019, 2020.
Baca selengkapnya

Jumat, 06 Januari 2017

Manga Sēbu v1.1 Blogger Template for Fanshare/Fansub Manga

Manga Sēbu v1.1 Blogger Template

 Deskripsi
Manga Sēbu adalah sebuah template yang khusus di buat untuk website manga atau komik. dan juga memiliki tampilan desain yang simple dengan perpaduan warna terang (light) seperti putih hijau dan kuning

Instructions: Template Setting / How to Install a Blogger Template
Name: Manga Sēbu v1.1
Type: Blogger
Publish: 14 Desember 2016
Color: Light (dominant), Green and Yellow
Design: Aka321
Desaigner URL: http://aka321.blogspot.com
Thanks to: Aka321
License: This work is licensed under the Creative Commons Attribution 4.0 International License.
To view a copy of this license, visit http://creativecommons.org/licenses/by/4.0/.
For more specific details about the license, you may visit the URL below: //creativecommons.org/licenses/by/3.0/
Price: Free

Features Availability
Responsive True
Font Awesome Icons v4.7.0. True
SEO Friendly True Cek

Silahkan klik Link di bawah ini untuk Demo atau Download
Demo Download Tutorial Sumber

PASSWORD: AKA321

Keyword
Manga Sēbu v1.1 Blogger Template, Manga Sebu, Template Manga Sebu, Template blogger manga sebu, template blogger untuk baca manga, baca komik, template blogger untuk website fanshare/fansub manga dan komik, template blogger keren, responsive, seo friendly, desain simple, berwarna terang, manga sebu aka321, template blogger gratis yang keren, template blogger terbaru yang keren 2016, template 2016, template desember 2016, free blogger template awesome, cool, free new template blogger, template blogger to read manga, read comics, template blogger for the website fanshare / fansub manga and comics, blogger templates cool, responsive, seo friendly, simple design, bright, manga sebu aka321, template free blogger cool, template blogger latest cool 2016, 2016 template, template december 2016
Baca selengkapnya

AGEKA DARK RESPONSIVE BLOGGER TEMPLATE

Ageka Dark Responsive Blogger Template

Deskripsi
Ageka Dark adalah sebuah template blogger buatan Rhinokage Rio yang sangat responsive baik dari tampilan maupun seo. Sesuai namanya Ageka "Dark" yang berarti gelap, tampilan themplate ini sangat gelap sekali dari luar maupun dalam. Template ini di rancang sedemikian rupa untuk website fansub/fanshare anime, jadi bagi kalian yang ingin membuat website fansub/fanshare sangat di sarankan menggunakan template yang satu ini. Berikut kelebihan Features yang akan kalian dapatkan

Instructions: Template Setting / How to Install a Blogger Template
Name: Ageka Dark
Type: Blogger
Publish: 17 Januari 2016
Color: Dark
Design: Rhinokage Rio
Desaigner URL: http://idblanter.com
Thanks to: Rhinokage Rio
License: This free Blogger template is licensed under the Creative Commons Attribution 3.0 License,
which permits both personal and commercial use. However, to satisfy the 'attribution' clause of the license,
you are required to keep the footer links intact which provides due credit to its authors.
For more specific details about the license, you may visit the URL below: //creativecommons.org/licenses/by/3.0/
Price: Free


Features Availability
Responsive True
Google Testing Tool Validator True Cek
SEO Friendly True
Image Body Background True Cek
Top Menu Navigation with Social Media True
Responsive Dropdown Menu True
Fast Loading True
Footer 3 Column True
Simple Menu in Footer True
Threaded Comment Idblanter True
2 Column True
Auto Read More with Thumbnail True
Breadcrumbs True
Search Box True
Social Share Button True
Simple Back To Top True
All CSS Compressed True
And Much More... True

Silahkan klik Link di bawah ini untuk Demo atau Download
Demo Download Tutorial Sumber

Keyword
Ageka Template, Ageka Dark Responsive Template, Ageka Dark Tampilan Responsive dan Seo Friendly, Template Blogger Gratis Seo Friendly dan Responsive, Template Blogger Gratis, Free Template blogger. Template anime keren, template anime gratis, rekomendasi, template color dark, template berwarna hitam, template 2 coloumn, template fast loading, template ageka dengan loading yang cepat,
template blogger gratis, template rekomendasi 2010, 2011, 2012, 2013, 2014, 2016, 2017, 2018, 2019, 2020.
Baca selengkapnya
Langganan: Postingan (Atom)