Script HTML untuk web Profile

Hai , kali ini SiiCoder mau membagikan Script HTML yang saya dapatkan dari SGB TEAM official webnya yaitu http://sgb.or.id/ . Saya mendapatkan script ini sudah sekitar 1 bulan yang lalu, Saya share ini karena mungkin banyak orang yang membutuhkannya.
Langkahnya yaitu download/copy Script nya
lalu upload ke hosting/cpanel kalian

ini dia linknya : https://pastebin.com/CcNtjz2j
untuk demo hasil script disini
Oke sekian terimakasih, Sertakan sumber apabila kalian ingin merepost artikel ini :)

cara menampilkan gambar pada HTML

pHai SiiCoder fans, di post ini SiiCoder akan membahas apa itu tag img beserta fungsi dan cara menggunakannya.

Tag img ( <img> ) merupakan tag single (tanpa penutup) , tag tersebut berfungsi untuk menampilkan gambar di halaman HTML. Tag img memiliki beberapa atribut yaitu src,border,width,height,align,alt. 

fungsi atribut src pada tag img yaitu untuk memanggil gambar yang ingin ditampilkan, atribut ini sangat dan harus dipakai dalam menggunakan tag img. Dibawah ini merupakan script penggunaan tag img pada html.

<html>
   <head>
       <title>SiiCoder.xyz</title>
   </head>
   <body>
       <img src="https://preview.ibb.co/cgR8pJ/1532135503_picsay.jpg">
    </body>
</html>

Maka hasilnya akan seperti ini

selanjutnya ada atribut border ,atribut ini berfungsi membuat border pada sisi - sisi gambar tersebut dengan warna default hitam. Dibawah ini merupakan contoh cara menggunakan atribut border pada tag img.

<html>
   <head>
       <title>SiiCoder.xyz</title>
   </head>
   <body>
       <img src="https://preview.ibb.co/cgR8pJ/1532135503_picsay.jpg" border="5">
    </body>
</html>

maka hasilnya akan seperti ini.



maka terdapat border berwarna hitam di setiap sisi gambar tersebut.

Selanjutnya atribut width dan height, atribut ini berfungsi untuk mengatur besarnya gambar yg ingin ditampilkan.Width untuk mengatur lebar gambar, dan height untuk mengatur tinggi gambar yang dinyatakan dengan ukuran px (pixel)  atau % (persen).Dibawah ini merupakan contoh script penggunaan width dan height.

<html>
   <head>
       <title>SiiCoder.xyz</title>
   </head>
   <body>
       <img src="https://preview.ibb.co/cgR8pJ/1532135503_picsay.jpg" border="5" height="200px" width="400px">
    </body>
</html>

Maka hasilnya akan seperti ini.



terlihat ukuran gambar diatas berbeda dengan ukuran gambar sebelumnya.

sepanjutnya yaitu atribut align, atribut ini berfungsi untuk mengatur letak gambar yang ingin ditampilkan. Ada beberapa value untuk mengisi atribut align yaitu center,right,left. center membuat gambar berada di bagian tengah, right membuat gambar berada dibagian kanan, left membuat gambar berada dibagian kiri. Dibawah ini contoh script penggunaan atribut align dengan value right.

<html>
   <head>
       <title>SiiCoder.xyz</title>
   </head>
   <body>
       <img src="https://preview.ibb.co/cgR8pJ/1532135503_picsay.jpg" border="5" height="100px" width="100px" align="right">
    </body>
</html>

Maka hasilnya akan seperti ini.









terlihat gambar diatas berada dibagian kanan.

selanjutnya ada atribut alt, sebenernya atribut ini SiiCoder juga belum mengetahui pasti apa fungsinya, tapi beberapa kali SiiCoder melakukan percobaan, ternyata fungsinya untuk menampilkan sesuatu tulisan atau nama jika gambar gagal ditampilkan. Dibawa ini merupakan contoh script penggunaannya.

<html>
   <head>
       <title>SiiCoder.xyz</title>
   </head>
   <body>
       <img src="https://preview.ibb.co/cgR8pJ/503_picsy.jpg" alt="siicoder">
    </body>
</html>

berhubung link diatas SiiCoder sengaja membuatnya salah agar gambar tersebut tidak ditampilkan, maka hasilnya akan seperti ini.



terlihat diatas hanya terdapat tulisan siicoder dan tidak menampilkan gambar karena alamat gambar sengaja SiiCoder salahkan.

Tag img bisa menampilkan file-file gambar yaitu .png , .jpg , .gif , dll

Sertakan sumber apabila ingin menggunakan post ini untuk sesuatu kepentingan kalian

Follow SiiCoder & Share It  :) .

15 Tag HTML single tanpa penutup

Hai SiiCoder fans, di post ini SiiCoder mau bahas tentang 15 Tag HTML yang single atau tidak punya penutup. Ternyata bukan cuma kalian yang single, tapi Tag HTML pun ada yang single haha :D

1. Tag <area>
2. Tag <base>
3. Tag <br>
4. Tag <col>
5. Tag <embed>
6. Tag <hr>
7. Tag <img>
8. Tag <input>
9. Tag <keygen>
10. Tag <link>
11. Tag <meta>
12. Tag <param>
13. Tag <source>
14. Tag <track>
15. Tag <wbr>

Nah itu merupakan 15 Tag yang tidak memiliki penutup atau single bhh iyha :D
Untuk fungsi dari masing-masing Tag tersebut akan dijelaskan fungsinya pada post berikutnya.
Follow SiiCoder & Share It. :)

Share script PHP prank call tokopedia

Hai SiiCoder fans, SiiCoder mau share Script Prank call dari tokopedia. Jadi nanti ada nomor yang menelpon nomor target yaitu dari tokopedia.

Nah , untuk demo bisa cek di http://tools.siicoder.xyz/tokped.php
Mau Scriptnya ? Download Disini
Cara pakai? Upload scriptnya ke hosting kalian , gada hosting ? banyak penyedia hosting gratis kok.
Oke sekian makasih, apabila link download mati/gabisa silahkan berkomentar
Follow SiiCoder & Share It :).

Share script + software folder locker bahasa VB.Net

Jika kamu mecari software atau pun script yang berfungsi untuk mengunci folder, kamu benar datang ke blog ini, di post ini saya mau share script VB.net + software folder locker.

Apa fungsinya? software tersebut dapat mengunci folder agara folder di laptop/komputer kalian tidak bisa dibuka, software ini memiliki 2 jenis penguncian, yaitu dengan password dan tidak dengan password. untuk lebihnya bisa di download di bawah ini :
- SOFTWARE :  Disini
- Script VB.Net : Disini

Apabila link mati atau sejenisnya, silahkan berkomentar dibawah.
Follow Blog kami & Share It :) .

Share script ucapan selamat ulang tahun HTML

Hai , disini Saya akan share script HTML untuk ucapan selamat ulang tahun buat doi :v

nah mau demo nya? cek di http://x.yaelahfal.com/hbd/
Menarik bukan?
mau Scriptnya ? Download dibawah ini


upload scriptnya ke hosting kalian, gapunya hosting? banyak hosting gratis kok :v btw nama file mila.html ganti ya sma nama pacar kalian atau jadi yang lain:v kata-kata juga edit sesuai yang kalian ingin ucapkan.

Oke sekian terimakasih , Follow  & Share It :)

Share script bom sms jd.id

Hai SiiCoder fans, kali ini SiiCoder mau share script untuk bom sms dari jd.id . Cara menggunakannya sangat mudah, kalian bisa langsung upload di hosting atau dijalankan di xampp server kalian.

oke langsung aja download disini atau disini
Demo : http://tools.siicoder.xyz/
tinggalkan komentar apabila link tidak bisa diakses :) Follow SiiCoder & Share It. :)

Cara membuat list pada HTML

Hai SiiCoder fans, di post sebelumnya SiiCoder sudah membahas bagaimana cara membuat teks berjalan, di post ini Siicoder akan membahas bagamana cara membuat list pada HTML.

List atau yang kita kenal dengan daftar berurutan  merupakan fungsi dalam HTML yang digunakan untuk menampilkan data secara berurutan ke bawah. Dalam HTML penulisan list menggunakan tag <li> dan ditutup dengan  </li> . Dalam pembuatan list, terdapat 2 jenis tampilan list yang bisa digunakan yaitu   Ordered List  dan Unordered List.
  
Ordered List berfungsi untuk menampilkan daftar list dalam bentuk huruf atau angka. Tag yang digunakan dalam ordered list yaitu <ol>.

Unordered List berfungsi untul menampilkan daftar list dalam bentuk bulatan atau kotak diawalnya. Tag yang digunakan untuk membuat unordered list yaitu <ul>.

contoh script HTML membuat Ordered List.

<html>
    <head>
        <title>SiiCoder.xyz</title>
    </head>
    <body>
         <ol>
               <li>Belajar HTML SiiCoder</li>
               <li>SiiCoder.xyz</li>
         </ol>
    </body>
</html>

maka hasilnya akan seperti ini.

1. Belajar HTML SiiCoder
2. SiiCoder.xyz

Contoh script Unordered List

<html>
    <head>
        <title>SiiCoder.xyz</title>
    </head>
    <body>
         <ul>
               <li>Belajar HTML SiiCoder</li>
               <li>SiiCoder.xyz</li>
         </ul>
    </body>
</html>

Maka hasilnya akan seperti ini.

• Belajar HTML SiiCoder
• SiiCoder.xyz

Sudah taukan perbedaannya? Ordered list akan menggunakan angka berurutan,sedangkan unordered list menggunakan buletan kecil.

oke sekian pembahasan tentang List pada HTML
Follow SiiCoder & Share It  :) .

Cara membuat teks berjalan pada HTML

Hai SiiCoder fans, di post ini SiiCoder akan membahas bagaimana cara membuat tulisan / teks berjalan pada HTML. Mungkin bagi kalian yang baru masuk dunia web developer, masih sedikit bingung tentang ini.

Tag yang digunakan untuk membuat teks berjalan/bergerak adalah <marquee> yang ditutup dengan tag </marquee>. Tag ini memiliki beberapa atribut yaitu behavior, scrolldelay, scrollamount, direction dan lain-lain.

Dibawah ini merupakan script HTML teks bergerak menggunakan tag marquee tanpa atribut.

<html>
    <head>
          <title> SiiCoder.xyz </title>
    </head>
    <body>
          <marquee> Ini tulisan berjalan tanpa atribut </marquee>
     </body>
</html> 

Maka hasilnya akan seperti ini.

Ini tulisan berjalan tanpa atribut

Itu merupakan contoh penggunaan marquee tanpa atribut.

Dibawah ini adalah script marquee menggunakan atribut behavior. Atribut behavior memiliki 3 jenis yaitu scroll, slide, alternate.
Scroll yaitu agar teks berjalan terus ke satu sisi (sama seperti marquee tanpa atribut) .
Slide yaitu menjadikan gerakan teks tersendat-sendat
Alternate menjadikan gerakan teks bolak-balik memantul.
Dibawah ini adalah contoh scriptnya.

<html>
    <head>
          <title> SiiCoder.xyz </title>
    </head>
    <body>
          <marquee behavior="scroll"> Ini tulisan berjalan atribut behavior scroll </marquee>
           <marquee behavior="slide"> Ini tulisan berjalan atribut behavior slide </marquee>
            <marquee behavior="alternate"> Ini tulisan berjalan atribut behavior alternate </marquee>
     </body>
</html> 

Maka hasilnya akan seperti ini.

Ini tulisan berjalan atribut behavior scroll Ini tulisan berjalan atribut behavior slide Ini tulisan berjalan atribut behavior alternate

Selanjutnya atribut scrolldelay, scrolldelay berfungsi mengatur delay gerakan teks, semakin besar angka dimasukan maka semakin lambat gerakannya. Dibawah ini merupakan contoh script marquee dengan atribut scrolldelay.

<html>
    <head>
          <title> SiiCoder.xyz </title>
    </head>
    <body>
          <marquee scrolldelay="50"> Ini tulisan berjalan atribut scrolldelay 50 </marquee>
          <marquee scrolldelay="500"> Ini tulisan berjalan atribut scrolldelay 500 </marquee>
     </body>
</html> 

Maka hasilnya akan seperti ini.

Ini tulisan berjalan atribut scrolldelay 50 Ini tulisan berjalan atribut scrolldelay 500

Selanjutnya atribut scrollamount, scrollamount juga berfungsi mengatur kecepatan gerak teks, tetapi semakin besar angka yg dipakai, maka semakin cepat teks bergerak. Dibawah ini merupakan contoh script marquee atribut scrollamount .

<html>
    <head>
          <title> SiiCoder.xyz </title>
    </head>
    <body>
          <marquee scrolldelay="90"> Ini tulisan berjalan atribut scrollamount 90 </marquee>
          <marquee scrolldelay="50"> Ini tulisan berjalan atribut scrollamount 50 </marquee>
     </body>
</html> 

Maka hasilnya akan seperti ini.

Ini tulisan berjalan atribut scrollamount 90 Ini tulisan berjalan atribut scrollamount 50

Selanjutnya ada atribut direction, direction berfungsi untuk mengatur arah gerak teks. Atribut direction ada 4 jenis yaitu up, down, left, right. Dibawah ini merupakan contoh scriptnya.

<html>
    <head>
          <title> SiiCoder.xyz </title>
    </head>
    <body>
          <marquee direction="up"> Ini tulisan berjalan atribut direction up </marquee>
          <marquee direction="right"> Ini tulisan berjalan atribut direction right </marquee>
          <marquee direction="down"> Ini tulisan berjalan atribut direction down </marquee>
          <marquee direction="left"> Ini tulisan berjalan atribut direction left </marquee>
 u;    </body>
</html> 

Maka hasilnya akan seperti ini.

Ini tulisan berjalan atribut direction up Ini tulisan berjalan atribut direction right Ini tulisan berjalan atribut direction down Ini tulisan berjalan atribut direction left

Sekian tentang bagaimana cara membuat teks bergerak/berjalan pada HTML. Follow SiiCoder & Share It  :)

Cara membuat hyperlink pada HTML

Hai SiiCoder fans, di post sebelumnya SiiCoder sudah membahas bagaimana cara mengatur warna, ukuran dan gaya huruf. Di post ini ,SiiCoder akan membahas bagaimana membuat hyperlink pada HTML.

Apa itu Hyperlink? 

Hyperlink yanh dikenal sebagai link yaitu berfungsi untuk menghubungkan antara satu dokumen dengan dokumen yang lain pada HTML. Tujuan hyperlink adalah membuat sebuah teks atau gambar, yang ketika di klik akan mengalihkan ke halaman tertentu yang sudah ditetapkan dalam penulisan hyperlink. 

Hyperlink sendiri ditulis menggunakan tag <a> dan ditutup dengan tag </a>  ,tag <a> selalu di ikuti oleh atribut href (hypertext reference) dimana  didalam href akan diisikan alamat/link yang dituju ketika teks atau gambar di klik. berikut cara penulisan hyperlink. 

<html>
    <head>
         <title> SiiCoder.xyz </title>
    </head>
    <body>
          <a href="http://www.siicoder.xyz"> Apabila di klik akan di alihkan ke http://www.siicoder.xyz</a>
     </body>
</html> 

Maka hasilnya akan seperti ini

Apabila di klik akan di alihkan ke http://www.siicoder.xyz

Atribut href bisa kalian isi dengan link/alamat tujuan apabila teks tersebut di klik. kalian juga bisa mengatur warna huruf, size huruf dan gaya huruf. Dibawah ini merupakan contoh script hyperlink menggunakan style font.

<html>
    <head>
         <title> SiiCoder.xyz </title>
    </head>
    <body>
          <a href="http://www.siicoder.xyz"> <font face="courier" color="green">Apabila di klik akan di alihkan ke http://www.siicoder.xyz</font></a>
     </body>
</html> 

Maka hasilnya akan seperti ini.

Apabila di klik akan di alihkan ke http://www.siicoder.xyz

Sekian pembahasan bagaimana cara membuat hyperlink pada HTML. Follow SiiCoder & Share it  :)