Showing posts with label Website. Show all posts
Showing posts with label Website. Show all posts

18 July 2021

Mengatur Icon Website Via HTML

www.niguru.comNiguru.com | Minggu, 18 Jul 2021 | Pada sisi atas frame setiap browser biasanya akan menampilkan Title (judul) dan juga icon website yang sedang dibuka. Untuk web perusahaan biasanya logo perusahaan digunakan sebagai icon website mereka. Dan untuk website lainnya icon digunakan untuk menampilkan identitas website.

Pada posting kali ini Niguru.com akan menjelaskan cara untuk mengatur tampilan icon dengan menyisipkan sebaris instruksi HTML pada script website.

 Siapkan file icon dengan lebar dan tinggi sama (bujur sangkar), umumnye sisi icon = 128px sampai 256px.

File bisa berupa gambar dengan extension .ico bisa juga file gambar dengan extensi .jpg, .png.

www.niguru.com

Misal file Captain.PNG berikut ini:

www.niguru.com

Pertama kali upload icon pada hosting atau pada blog (dengan cara yang sama dengan upload gambar):

www.niguru.com

Catat alamat gambar tersebut, dengan klik kanan > Copy image address:

www.niguru.com

Misalnya alamatnya adalah: https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijTgBO9OWE1Von3_Rio0Qf2jgSE57qPtwcFJCXBXRld5yEgJxhmIn-L73JeYRoy1o1_0KBJ6pwhJA4AS7hyf9dSUDPFBIxc1zI9vYJsildtxA7gZ1mCc9pPZN_17nBncL-Ri3MpY0g_xw/s0/Captain.png.

Sisipkan instruksi HTML berikut ini:
<link href='[alamat gambar]' rel='icon' type='image/x-icon'/>

Contoh sesuai dengan alamat gambar yang sudah diupload:

<link href='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijTgBO9OWE1Von3_Rio0Qf2jgSE57qPtwcFJCXBXRld5yEgJxhmIn-L73JeYRoy1o1_0KBJ6pwhJA4AS7hyf9dSUDPFBIxc1zI9vYJsildtxA7gZ1mCc9pPZN_17nBncL-Ri3MpY0g_xw/s0/Captain.png' rel='icon' type='image/x-icon'/>

Sisipkan diantara tag <head> dan </head>

Hasilnya:

www.niguru.com


Demikianlah penjelasan mengenai cara pengaturan tampilan icon via HTML.
Selamat mencoba .. Have a nice day :-)

www.Niguru.com (Nino Guevara Ruwano)

26 May 2021

Trik Untuk Menyimpan Seluruh Gambar Pada Halaman Web Menjadi Kumpulan File Gambar

www.niguru.comNiguru.com | Rabu, 26 Mei 2021 | Saat berkunjung ke suatu web seringkali seorang pengunjung tertarik dengan gambar-gambar yang disajikan pada halaman web tersebut, dan ingin menyimpan gambar-gambar tersebut dalam bentuk file-file gambar.

Berikut ini trik untuk menyimpan total seluruh gambar yang ada pada halaman web tersebut tanpa harus menyimpan satu demi satu gambar yang ada dalam halaman web tersebut.

Sebagai contoh Niguru.com akan mengambil URL berikut ini: Bikin tombol jelly dengan MS Power Point


Klik kanan pada halaman web > Klik Save as:


Klik Save:


Pada pojok kiri bawah akan tampil file web yang sedang dalam progres download:

Setelah download selesai klik pada panan di kanan indikator > Klik Show in folder:


Setelah folder terbuka, buka folder dengan nama yang sesuai dengan nama file:


Di dalam folder seluruh gambar sudah tersimpan dalam kumpulan file gambar. Abaikan file-file lainnya:


Demikianlah trik untuk menyimpan seluruh gambar pada halaman web dalam sekali pekerjaan.
Selamat mencoba .. Have a nice day :-)

www.Niguru.com (Nino Guevara Ruwano)

17 March 2021

Inilah Cara Untuk Menyisipkan Lagu Atau Suara Pada Halaman Web

www.niguru.comNiguru.com | Rabu, 17 Mar 2021 | Dahulu, sebelum menguasai tata cara dan penyusunan struktur pembuatan website seringkali Niguru.com terkagum-kagum saat mengunjungi sebuah website yang menyediakan musik dan “autoplay” (jalan secara otomatis) saat website dibuka /dikunjungi.

Pada posting kali ini Niguru.com akan membagikan trik untuk menjalankan musik pada halaman website dan akan “autoplay” saat website tersebut didatangi pengunjung.

Pertama kali siapkan sebuah file lagu dengan extension .WAV atau .MP3. Sebagai contoh Niguru.com mengambil lagu sampel dari Microsoft Windows XP, yaitu Beethoven Symphony No. 9, yang sudah dikonversi kedalam format .MP3.

Dan berikut ini script untuk menyisipkan file tersebut ke HTML:
<embed src="nama_file_music" autostart="true" hidden="true"></embed>

Contoh:

<embed src="BeethovenSymphonyNo9.mp3" autostart="true" hidden="true"></embed>

Tempatkan script tersebut sebaris sebelum tag penutup: </html>.

Berikut ini contoh script selengkapnya:

<html>
<head>
<meta http-equiv="Content-Language" content="en-us">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Welcome to Niguru</title>
</head>

<body>

<p><b><font size="6">Welcome to <font color="#FF3300">Niguru's</font> Webpage</font></b></p>
<p><img border="0" src="F1Fture-080517.jpg" width="555" height="310"></p>

</body>
<embed src="BeethovenSymphonyNo9.mp3" autostart="true" hidden="true"></embed>
</html>


www.niguru.com

Berikut ini contoh tampilan web di atas:

www.niguru.com

 
Note:
Begitu halaman web terbuka, maka otomatis music akan dijalankan.

Untuk mencobanya teman-teman pembaca bisa mendownload file contoh dengan klik: disini.

Ekstrak file dalam format .ZIP tersebut dan buka file index.html yang ada didalamnya.


www.niguru.com

Silakan ganti dengan musik atau suara yang sesuai dengan selera dan kebutuhan.

Demikianlah penjelasan mengenai cara untuk menampilkan musik bersamaan dengan dibukanya halaman website.
Selamat mencoba .. Have a nice day :-)

www.Niguru.com (Nino Guevara Ruwano)

14 February 2021

Menguji Website Apakah Dapat Dijalankan Dengan Mudah Pada Handphone

www.niguru.comNiguru.com | Minggu, 14 Feb 2021 | Saat ini jumlah pengguna internet yang menggunakan perangkat bergerak (mobile) seperti handphone ataupun tab jauh lebih banyak dibandingkan pengguna internet yang menggunakan komputer.

Beranjak dari kenyataan tersebut maka selayaknya pemilik website harus mampu membuat website miliknya tampil dengan cukup baik pada saat mendapat pengunjung web yang berasal dari pengguna HP (handphone).

Untuk mengujinya silakan klik untuk mengunjungi URL berikut ini: Mobile-Friendly Test

Hasilnya, akan tampil halaman untuk mobil friendly test > ketik alamat web yang akan diuji > klik TEST URL:

 

Hasilnya, akan tampil keterangan “Page is mobile friendly”, bila website yang diuji memiliki performa yang baik saat dibuka lewat HP:

 

Sebaliknya bila performa website tidak bagus bila dibuka lewat HP maka akan tampil keterangan “Page is not mobile friendly”:

 

User dapat membaca persoalan yang perlu diselesaikan oleh pemilik web:


Demikianlah penjelasan mengenai cara untuk menguji website, apakah sudah “mobile friendly” atau tidak.
Selamat mencoba .. Have a nice day :-)

www.Niguru.com (Nino Guevara Ruwano)

07 January 2021

Inilah Cara Untuk Mengubah Gambar Menjadi Teks Tanpa Menginstal Software Tambahan

www.niguru.com
Niguru.com | Kamis, 7 Jan 2021 | Dalam dunia pengolahan digital terdapat beberapa software yang dilengkapi dengan fasilitas yang disebut dengan OCR, yang merupakan singkatan dari Optical Character Recognition, dimana fasilitas ini adalah untuk mengubah gambar yang mempunyai konten teks /tulisan hasil ketikan, menjadi file teks dalam format .TXT atau .DOC, DOCX.

Kali ini Niguru.com akan memberikan suatu trik untuk melakukan OCR tanpa menginstal software tambahan apapun di komputer.

Kunjungi URL:

 

Scroll down hingga tampak area untuk melakukan upload file > klik Select File:

 
  1. Pilih file gambar.
  2. Klik Open.
 

Bila nama file sudah tampil dibawah tombol Select file, berarti file sudah berhasil terupload:

 

Pilih output yang diinginkan, misal: Microsoft Word:

 

Klik CONVERT:

 

Setelah converting seleses, akan tampak preview dari teks yang sudah berhasil dikonversi. Klik Download Output File:


 

Klik Save:

 

Hasilnya:


Demikianlah cara untuk mengubah gambar menjadi teks tanpa perlu menginstal software tambahan.
Selamat mencoba .. Have a nice day :-)

www.Niguru.com (Nino Guevara Ruwano)

20 December 2020

Membuat Tulisan Berjalan Untuk Ditampilkan Pada Website

www.niguru.com
Niguru.com | Minggu 20 Des 2020 | Untuk kamu yang rajin dan rutin browsing setiap hari di jagad internet, tentu pernah melihat ada web page (halaman web) yang menampilkan tulisan yang berjalan /bergerak ke kiri atau ke kanan secara terus menerus.

Membuat tulisan tampil bergerak membuat tulisan tersebut lebih “eye catching” (memancing orang untuk melihat /memperhatikan), sehingga informasi yang ingin disampaikan melalui tulisan tersebut lebih sering terbaca oleh pengunjung web.

Tulisan berjalan tersebut disebut dengan MARQUEE atau running marquee. Berikut ini sintaks penulisannya:
<marquee>
[teks yang akan ditampilkan berjalan]
</marquee>

Contoh:
<marquee>
Ini adalah contoh tulisan berjalan
</marquee>

 

Simpan dengan nama marquee01.html (boleh disimpan dengan nama lain):

 

Hasilnya saat ditampilkan pada browser, berupa teks yang berjalan, muncul dari kanan dan kemudian bergerak /berjalan ke kiri:


 
Untuk mengatur ukuran tulisan boleh digabungkan dengan perintah HTML lain, seperti ini misalnya:

<font face="Arial Black" size="6" color="#FF0000">
<marquee>
Ini adalah contoh tulisan berjalan
</marquee></font>


 

Hasilnya saat ditampilkan pada browser:


 
Contoh berikutnya:

<font face="Arial Black" size="6" color="#008000">
<span style="background-color: #FFFF99">
<marquee>
Ini adalah contoh tulisan berjalan
</marquee>
</span></font>


 

Hasilnya saat ditampilkan pada browser:


Demikianlah penjelasan mengenai penggunaan marquee pada web page.
Selamat mencoba .. Have a nice day :-)

www.Niguru.com (Nino Guevara Ruwano)

11 December 2020

Tidak Punya Aplikasi Untuk Mengkonversi Dokumen Kedalam Format PDF? Ini Dia Solusinya

www.niguru.com
Niguru.com | Jumat, 11 Des 2020 | Salah satu cara untuk mengirimkan dokumen kepada customer, client, suplier atau relasi bisnis yang manapun adalah dengan mengkonversinya ke dalam format PDF, untuk menghindari perubahan konten di dalam dokumen tersebut.

Berikut ini Niguru.com akan memperkenalkan sebuah aplikasi online yang dapat dimanfaatkan untuk mengkonversi dokumen kedalam format PDF. Jadi meski komputermu tidak dilengkapi PDF konverter, cara ini bisa menjadi solusinya.

Buka browser dan kunjungi URL /alamat: https://www.pdf2go.com/
Maka akan terbuka website PDF2Go, penyedia PDF konverter online.

 
Siapkan file dari dokumen yang akan dikonversi. Ada banyak pilihan file yang disupport oleh PDF2Go (DOC, XLS, PPT, JPG, dan masih banyak lagi yang lainnya).

Misal file gambar berikut ini:

 

Klik tombol besar bertuliskan JPG to PDF yang ada pada halaman PDF2Go:

 

Klik Choose File:

  1. Pilih dan klik file.
  2. Klik Open.
 

Hasilnya file akan tampil di halaman PDF2Go:

 

Klik START:

 

Proses sedang berlangsung:

 

Setelah selesai akan tampil window untuk menyimpan file. Klik Save:

 

Hasilnya:


Selesai. Mudah bukan?
Silakan coba dengan dokumen dalam format lainnya. Caranya kurang lebih sama dengan penjelasan di atas.

Demikianlah penjelasan mengenai cara untuk mengkonversi dokumen kedalam format PDF pada komputer yang tidak dilengkapi aplikasi PDF konverter apapun.

Selamat mencoba .. Have a nice day :-)

www.Niguru.com (Nino Guevara Ruwano)