Computer Perkasa

5 Rekomendasi smartphone (Hp) terbaik dan murah versi computerperkasa.blogspot.com

2022-08-23T09:17:00.000-07:00

Untuk kalian yang mencari banyak opsi hp murah tapi gak murahan hanya dengan budget 2 jutaan.

5 tipe HP ini adalah yang paling layak untuk di pertimbangkan, disamping harganya terbilang terjangkou, 5 tipe HP ini juga memiliki spesifikasi terbaik tahun 2022.

Selain menawarkan harga yang relatif terjangkau, 5 HP ini juga menawarkan sepesifikasi yang cukup menggiurkan di kisaran budget 2 jutaan. Kira-kira HP yang manakah yang cocok untuk anda? Berikut ulasan 5 tipe HP dan sepesifikasinya:

www.realme.com/id/

1. Redmi Note 11 4/128

Layar AMOLED 6.43 inci

Chipset Qualcomm Snapdragon 680

RAM 4 GB, 6 GB

Memori Internal 128 GB

Kamera 50 MP (wide) 8 MP (ultrawide) 2 MP (macro) 2 MP (depth)

Baterai Li-Po 5000 mAh

Harga Saat Rilis Rp 2.499.000

Cek disini : Shopee

2. Realme narzo 50 4/64

Layar IPS LCD 6.6 inci

Chipset MediaTek Helio G96

RAM 4 GB

Memori Internal 64 GB

Kamera 50 MP (wide) 2 MP (macro) 2 MP (depth)

Baterai Li-Po 5000 mAh

Harga Saat Rilis Rp 2.499.000

Cek disini : Shopee

www.infinixmobility.com

3. Infinix Note 11 NFC

Layar AMOLED 6.7 inci

Chipset MediaTek Helio G88

RAM 6 GB

Memori Internal 128 GB

Kamera 50 MP (wide) 2 MP (depth) 0.3 MP (AI)

Baterai Li-Po 5000 mAh

Harga Saat Ini Rp 2.299.000

Cek disini : Shopee

4. Redmi 10 2022

Layar IPS LCD 6.5 inci

Chipset MediaTek Helio G88

RAM 4 GB, 6 GB

Memori Internal 64 GB, 128 GB

Kamera 50 MP (wide) 8 MP (ultrawide) 2 MP (macro) 2 MP (depth)

Baterai Li-Po 5000 mAh

Harga Saat Rilis Rp 1.999.000

Cek disini : Shopee

www.pricebook.co.id

5. realme narzo 50A 4/128

Layar IPS LCD 6.5 inci

Chipset MediaTek Helio G85

RAM 4 GB

Memori Internal 64 GB, 128 GB

Kamera 50 MP (wide) 2 MP (macro) 2 MP (depth)

Baterai Li-Po 6000 mAh

Harga Saat Ini Rp 1.799.000

Belinya disini : Shopee

Jadi kalian pilih yang mana? Saran saya sesuaikan dengan kebutuhan dan budget kalian ya. Semoga bermanfaat dan terimakasih.

*Harga sewaktu-waktu bisa berubah

File Tempelan Ucapan Happy Birthday dengan HTML, CSS dan JS Versi Terbaru 2021

2021-09-28T09:24:00.004-07:00

Assalamu’alaikum Warahmatullahi Wabarakatuh..

Apakabar semuanya mudah-mudaan baik baik saja, Amiin. untuk artikel kali ini saya akan sharing tentang File Tempelan ucapan Happy Birthday / Selamat Ulang tahun Versi Terbaru , mungkin kalian yang sudah melihat di artikel sebelumnya "Mengucapkan Selamat Ulang Tahun Pake HTML" pasti kemungkinan besarnya sudah paham tentang apa itu HTML, CSS, JS dln.

Sebelum ke poko pembahasan Saya Sarankan agar menentukan apakah mau Online atau Offline, untuk Offline Filenya insyaalloh 100% bisa berjalan Cuman kendalanya yaitu tidak bisa Membagikan Tampilannya secara umum, berbeda dengan Online Keunggulannya bisa di bagikan secara Terbuka atau umum dengan cara membagikan Link File Indexnya saja.

Ok untuk mempersingkat penjelasannya bisa kalian Scroll ke bawah;

1. Setelah Kalian mendownload Filnya Kalian Exstrak dulu filnya, untuk link Filenya ada di Bawah, nah Pertama2 setelah kalian Ekstrak filenya akan terlihat seperti gambar dibawah ini ;

2. Kemudian Lihat File Indexnya yang bertuliskan "brithday" kemudian Doble Klik atau bisa Klik kanan - Open With - Browser ( Google Chrome, Mozilla atau yang lainnya) setelah itu akan di arahkan ke alat penelusuran berupa Browser yang kalian pilih sebagai conto saya menggunakan Google Crome bisa kalian lihat di gambar ;

3. untuk menjalan kan nya klik Bagian tombol atau tulisan " ARE YOU READY?" nanti akan tampil seperti gambar di bawah ini ;

4. langka selanjutnya tunggu sampai lagu selesai 1 putaran atau lebih kemudian Arahkan mouse ke gambar Kotak Hadiah yang di tunjuk Oleh Tangan, Perlu di ingat di bagian Kotak cukup arahkan saja nanti secara otomatis akan terbuka kotaknya seperti nampak pada gambar di bawah ini,

5. Setelah terbuka kotak hadiahnya kemudian Klik kata " Hadiah Satu" secara otomatis akan di pindahkan ke halaman berikutnya nampak seperti Gambar ini;

6. Tunggu sebentar Sampai Animasi Kuenya Jadi kemudian Klik kata "Buka Kartu!" untuk hasilnya bisa kalian lihat pada Gambar;

7. Di Tampilan ini tunggu Sampai fotonya terlihat jelas, sambil menunggu kalian bisa baca pesan singkatnya. setelah selesai kalian lanjut klik bagian tombol yang berwarna Hijau dengan tulisan "Buka Videonya !!!" nanti secara otomatis akan tampil sebuah Video seperti gambar berikut, dan klik Play / Spasi pada Kybord kalian untuk memulai videonya.

Untuk File nya Kalian Bisa download Disini, Jika Kalian merasa Kesuliatan Untuk Merubah Tampilannya bisa kalian lihat Disini.

Sekian penjelasan Kali ini Mudah2an Bermanfaat dan Selamat Mencoba.

Note: Jika kalian ingin membagikannya lewat Link Kalian Harus upload ke Hosting, dan apabila kalian tidak memilikinya kalian bisa membeli di penyedia Jasa Hosting.

Mengenal Fungsi Dari Menu Tab Microsoft Office 2007

2019-02-09T06:38:00.002-08:00

Assalamu’alaikum Warahmatullahi Wabarakatuh.

a. Clipboard memiliki fungsi untuk menyimpan sementara file dokumen sebelum melakukan perintah Paste setelah mengcopy dokumennya. Clipbord Terdiri dari beberapa menu diantaranya yaitu

Paste, Menu ini berfungsi untuk menempelkan hasil copy atau cut
Cut, Menu ini berfungsi untuk memotong hasil teks atau objek terpilih
Copy, Menu ini berfungsi untuk menggandakan hasil teks atau objek terpilih hampirsama dengan Cut, yang mebedakan nya diantara lain Copy membuat duplikat aslinya tidak terhapus, sedangkan Cut menghilangkan Teks atau objek aslinya atau bisa di sebut memindahkan teks / Objek aslinya langsung.
Format Painter, adalah untuk meniru format halaman dokumen kedalam dokumen lainnya.

b. Fort merupakan sebuah menu yang berisi kumpulan Lengkap hurup, Angka dan Warna .

Bagian -bagian Fornt :

Font Berfungsi untuk Menentukan Jenis huruf yang akan kalian gunakan semisal kalian menggunakan gaya tulisan ARIAL.
Strikethrough Berfungsi untuk memberikan Tanda coret pada teks atau huruf
Font Size Berfungsi untuk mengatur ukuran tulisan Teks atau Huruf sesuai yang kalian inginkan.
Grow Font Fungsinya untuk mebesarkan Huruf atau teks
Shrink Font fungsinya untuk memperkecil Hurup atau tulisan
Clear formatting fungsinya untuk menghapus format yang terpilih.
Font Color Berfungsi untuk Merubah Warna Tulisan sesuai warna yang kalian inginkan.
Text Highlight Color berfungsi untuk mewarnai tesk ataou angka.
Change case berfungsi untuk merubah huruf baik itu Kapital, Hurup besar hurukecil ataou huruf kecil saja
Superscribt Berfugsi untuk Menaikan Tulisan menjadi Pangkat,atau memindahkan tulisan di bagian atas.
Subscript Berfungsi untuk menurunkan Tulisan menjadi pangkat di bawah.
Underline berfungsi untuk memberikan garis pada tulisan.
Italic Berfungsi untuk memiringkan tulisan yang kalian inginkan.
Bold berfungsi untuk menebalkan Tulisan sesuai yang kalian butuhkan.

c. Paragraph

Fungsi dan Pengertian Ikon di Microsoft Word 2007 Beserta Gambar

2019-02-09T06:34:00.000-08:00

Assalamu’alaikum Warahmatullahi Wabarakatuh..

Semoga artikel kali ini bisa lebih bermanfaat yah buat kalian semua,, di artikel kali ini saya akan membahas tentang Fungsi dan Pengertian Ikon di Microsoft Word 2007.

Buat kalian pasti bertanya-tanya tentang artikel kali ini Mas/Bro/Gan kenapa sih mesti MS Word 2007 ? padahal di era sekarang MS Word sudah ada versi tebaru baik segi penampilan, fitur-fiturnya dan masih banyak lagi. Karena sebenarnya yang paling utama adalah Aplikasinya ringan, Mudah di mengerti untuk yang baru bermigrasi dari Pengguna Ms Word 2003 ke 2007, dari segi penampilan Cukup mudah dimengerti.

Sebelum kita mebahas ke pokok pembahasan kaliini alangkah baiknya kalian mengetahui kelebihan dari MS Word 2007 di bandingak MS yang lainya di antaranya :

Aplikasinya Ringan , kenapa saya bilang ringan karena buat kalian yang ingin menggunakan MS Word ini gak usah hawatir tentang Spek dan Penyimpanan PC/Laptop kalian, kurang lebih aplikasi ini kisaran 496 MB gak nyampe 1/2 GBkan ini sangat cocok buat kalian penggunakan PC/Laptop yang masih Jadul.
Dari segi penampilan, Menurut saya lebih simpel,mudah di mengerti dan cukup bagus di bandingkan MS Word yang terbaru meski kekurangan MS Word 2007 dari segi fitur-fiturnya masih kalah dengan yang terbaru, Untuk saya selaku Pengguna MS Word 2007 udah mantap dan Kumplit.
Fitur-fitur Aplikasi nya cukup banyak dan gak kalah juga dengan MS Word versi Terbaru.

Baik Buat kalian Yang belum mengenal Tampilan dan Ikon MS Word 2007 Bisa kalian langsung simak gambar di bawah ini :

Tampilam MS Word 2007 dan Ikon-ikonnya

Setelah kalian simak dari gambar di atas kalian akan mendapatkan menu-menu sebagai berikut, Officer Button, Quick Acces Button, Tab, Title Bar, Control Button, Ribbon, Indents dan masih banyak lagi bisa kalian lihat pada gambarnya.

Dari setiap Menu-menu tersebut memiliki beberapa fungsi-fungsi yang berbeda-beda untuk itu saya membuat artikel tentang Fungsi dan Pengertian Ikon di Microsoft Word 2007 Beserta Gambar , agar kalian yang belum mengenal baik yang sedang belajar bisa menjadi panduan untuk mempelajari MS Word 2007 dengan singkat, padat dan jelas. sedangkan untuk yang sudah memahaminya semoga menjadi acuan dan buku saku kalian ketika suatusaat kalian mengajarkan oranglain tentang MS Word 2007 ini.

1. OFFICER BUTTON

Dari menu ini kalian bisa lihat di gambar terdapat 2 bagian yaitu bagian kanan dan kiri.

Bagian Kiri terdapat beberapa Ikon yang memiliki pungsi berbeda-beda diantaranya :

a.Ini merupakan Ikon yang berfungsi untuk membuat File Dokumen yang baru

b.Ikon ini berfungsi untuk mebuka file Dokumen yang sudah ada dan tersimpan di Pc/Laptop kalian.

c.Ikon ini memiliki fungsi untuk menyimpan file Dokumen secara langsung dengan cara menimpah file dokumen yang sedang di Edit.

d.Ikon ini merupakan ikon yang berfungsi untuk menyimpan file Dokumen yang baru baik yang sedang di edit atau yang sudah ada file dokumennya di format tertentu.

# Ikon ini memiliki fungsi untuk menyimpan file dokumen dengan format standar

# Ikon ini berfungsi untuk menyimpan file dokumen sebagai templat yang dapat digunakan untuk memformat dokumen masa depan.

# Ikon ini berfungsi untuk menyimpan dokumen yang kompatibel dengan versi Ms Word 97-2003.

# Ikon ini berfungsi untuk menyimpan file dokumen ke format lain seperti PDF atau XPS.

# Ikon ini merupakan kotak dialog save as untuk memilih dari semua jenis file yang mungkin di buka.

d.Untuk mencetak file Dokumen

* Ikon ini berfungsi untuk pilih printer, jumlah penggantian, dan opsi pencetakan lainnya sebelum mencetak.

* Ikon ini berfungsi untuk langsung mencetak file dokumen tanpa melakukan perubahan

* Ikon ini berfungsi untuk melihat file dokumen yang akan di cetak sebelum melakukan pencetakan documen.

f.Ikon ini memiliki fungsi untuk melakukan properti khusus untuk file yang sedang digunakan.

* Ikon ini berfungsi untuk melihat dan mengedit properti dokumen, seperti judul, penulis, dan kata kunci.

* Ikon ini memiliki fungsi untuk periksa dokumen metadata yang tersembunyi atau informasi pribadi.

* Ikon ini berfungsi untuk meningkatkan keamanan dokumen dengan penambahan enkripsi.

* Ikon ini berfungsi untuk memberikan orang akses sambil membatasi kemampuan mereka untuk mengedit, menyalin , dan mencetak.

* Ikon ini Berfungsi untuk menyetujui integritas dokumen dengan menambahkan tanda tangan digital yang tidak terlihat.

* Ikon ini berfungsi agar pembaca tahu dokumen itu final dan hanya diperbolehkan untuk dibaca.

* Ikon ini Berfungsi untuk Memeriksa fitur yang tidak didukung oleh versi kata sebelumnya.

g.Ikon ini digunakan untuk mengirim file dokumen yang denag di gunakan sebagai email atau faksimile.

# Ikon ini berfungsi untuk mengirim salinan dokumen dalam pesan email sebagai lampiran.

# Ikon ini berfungsi untuk menggunakan layanan faks internet untuk mengirim faks dokumen.

h.Ikon ini memiliki fungsi untuk menertibkan file dokumen ke internet biasanya berupa Websit, Blog dln.

* Ikon ini berpungsi untuk membuat posting blog baru dengan isi dokumen.

* Ikon ini berfungsi untuk membagikan dokumen dengan menyimpannya ke server manajemen dokumen.

* Ikon ini berfungsi untuk membuat situs baru untuk dokumen dan tetap sinkronkan salinan lokalnya.

i.Berfungsi untuk menutup file yang sedang di gunakan.

Bagian kanan merupakan bagian Recent Dokumen jika pertamakali di klik yang memiliki fungsi untuk melihat file dokumen yang sudah di buka baik yang terbaru atau yang sudah lama dengan kapasitas jumlah yang sudah di tentukan secara umumnya bagian Kanan ini merupakan bagian Keterangan dari bagian kiri.

2. QUICK ACCES BUTTON
Ini merupakan Tombol ikon yang berfungsi menambahkan ikon di pinggir toolbar untuk lebih lanjut dan jelasnya bisa kalian lihat pada gambar di bawah ini :

Gambar 1

Gambar 2

Setelah kalian melihat kedua gambar di atas kalian akan mengetahui perbedaanya baik sebelum maupun sesudah menggunakan Tombol ini.

3. TITLE BAR
Tittle Bar merupakan Ikon yang berfungsi menjelaskan atau memberi tahu nama Dokumen yang sudah tersimpan atau yang sedang aktif di gunakan.

4.CONTROL BUTTON

Memiliki 3 Tombol ikon yang masing-masing memiliki fungsi yang berbeda-beda di antaranya kalian bisa melihat lebih jelas di bawah ini :

Tombol ini berfungsi untuk menghilangkan tampilan MS word di tampilan destop PC/Laptop anda

Tombol ini memiliki fungsi untuk meperkecil tampilan MS Word dan dapat mengaturnya sesuai keinginan kalian.

Tombol ini merupakan tombol yang berfungsi untuk menutup atau mengakhiri aplikasi MS Word.

5. HALAMAN DOKUMEN

Ini merupakan bagian tubuh MS Word yang berfungsi untuk membuat,mengedit,menambahkan dokumen sesuai yang kalian inginkan jika kalian sudah mengenal MS Word 2003 kalian pasti lebih memahaminya.

sebagai contoh saya mengetik kata "SELAMAT DATANG"

6. VIEW MODE DAN ZOOM SLIDER

Ikon View Mode ini secara umum merupakan ikon yang berfungsi untuk merubah mode tampilan halaman dokumen sesuai fungsi ikon masing-masing. Saya ingatkan lagi ikon View Mode ini biasanya terletak di pojokan Bawah sebelah kanan pada tampilan MS Word 2007. jika kalian masih merasakan kebingungan kalian bisa lihat pada gambar yang terletak di bagian atas artikel ini. pada gambar tersebut saya telah mencantumkan sebagian nama-nama Ikonnya agar mudah di mengerti dan dipahami.

Ikon View Mode ini ada beberapa tombol di antaranya yaitu :

1. Print Layout , untuk membedakan fungsi nya kalian nanti bisa membandingkan dengan tampila dokumen nya.

Tampilan Mode Print Layout

2. Full screen reading, berfungsi untuk merubah tamfilan dokumen menjadi full tampilan sesuai layar monitor kalian.

Tampilan Mode Full Rcreen Reading

3. Web Layout, berfungsi merubah tampilan halaman dokumen seperti tampilan Web.

Tampilan Mode Web Layout

4. Outline, bisa di liahat di bawah ini tampilan mode ini.

Tampilan Mode Outline

5. Draft, merupakan mode tampilan hampir mirip dengan tampilan mode Web.

Tanpilan Mode Draft

7. INDENTS HORIZONTAL DAN IDENTS VARTICAL

Ikon ini merupakan bagian yang berfungsi untuk menentukan letak Teks dokumen sesuai yang di inginkan. sebagai contoh kalian bisa melihatnya gambar di bawah ini.

Tampilan Indent Vertical dan Horizontal

Idents ini di bagi 2 bagian :

A. Idents Vertical

Right Idents / Right Margin
Left Idents / Left Margin
First Line Idents

B. Idents Horizontal

Top Margin
Botton Margin

8. VIEW RULE, SCROLLBAR VERTICAL DAN PAGE DOKUMEN

1. View Rule berfungsi untuk mengatur tampilan halaman dokumen ataou menghilangkan Ruternya.

Tampilan View Rule

2. Scrollbar Vertical berfungsi untuk menaik turunkan halaman dokumen sebagai contoh dari halaman paling bawah ke halaman paling atas.

3. Page Dokumen berfungsi untuk melihat jumlah halaman dokumen yang ada.

9. TAB

Di menu Tab ini terdapat beberapa Menu dan masing-masing menu memiliki berbagai ikon yang fungsinya berbeda-beda.

1. Home

2. Insert

3. Page Layout

4. References

5. Mailings

6. Review

7. View

8. Foxit Reader PDF

Tips Pencarian di Search Engine

2019-01-29T04:27:00.002-08:00

Assalamu’alaikum Warahmatullahi Wabarakatuh....

Artikel kali ini cocok banget buat kalian yang seneng berselancar di dunia Internet, yang bakalan menguras dan menghabiskan waktu yang begitu lama, contonya seperti saya ini.

Dalam pembahasan di artikel kali ini kalian mungkin sudah tida asing lagi dengan namanya Search Enginer atau biasa saya kenal dengan Mesin Pencarian.

Di internet, terdapat ribuan Search Enginer yang dapat kalian akses secara Free alias Gratis. Karena Fungsi dari Search Enginer hampir sama fungsinya dengan Gerbang bagi yang akan memasuki situs web tertentu, Kebanyakan orang menyebut Search Enginer merupakan sebuah portal pertama untuk menuju dunia Tanpa batas terkecuali buat kalian yang gak bisa akses internet alias gak konek ke internet.

Di dunia Internet terdapat banyak Search Enginer, meski semuanya memiliki fungsi yang sama, akan tetapi setiap Search Enginer memiliki Karakteristik yang berbeda. Hal yang membedakan antara Search Enginer satu dengan yang lain di antaranya yaitu kecepatan pencarian, ketepatan informasi, kuantitas situs yang dicari, tekhnik pencarian, dan format hasil pencarian. untuk mempermudah pembelajarannya saya sarankan menggunakan Search Enginer Google, alesannya karena praktis dan sudah menjadi umum sering di gunakan orang banyak.

Untuk melakukan Search Enginer / Sebuah Pencarian ada dua tekhnik dasar yang bisa kalian pergunakan yaitu menggunakan simbol matematika dan simbol Boolean.

1. Menyaring Dengan Simbol Matematika
Simbol yang sangat berguna untuk melakukan Search Enginer / Pencarian dengan menggunaka simbol matematika yang bisa kalian pergunakan yaitu tanda plus (+). Jika kalian ingin mencari sebuah dokumen yang memiliki kata kunci yang banyak kalian bisa menggunakan simbol plus (+). Contohnya, Jika kalian akan mencari tentang " Cara membuat kerajinan dari Bambu" maka kalian ketikan seperti ini " +cara +membuat + kerajinan +dari +bambu " tanpa tanda petik.

Saat mesin Pencarian menerima sebuah format seperti itu, mesin pencarian akan mencari berbagai documen maupun artikel yang memuat kata optimasi,search, dan enginer di seluruh jaringan internet. yang dimana jika di antara salah satu kata tidak ada maka search enginer tidak akan menampilkan dokumen dan artikel tersebut. Contoh lainya, semisal kalian akan mencari " tips trik belajar komputer" berarti yang di masukan kata kuncinya yaitu " +tips +trik +belajar +komputer" sama tanpa tanda petik. Cara ini jauh lebih efektif daripada hanya menggunakan kata kunci belajar komputer, tips komputer, komputer atau tips saja, yang akan menghasilkan berupa jutaan link ke situs yang mengandung kata-kata tersebut.

Simbol plus (+) dapat digunakan sebanyak-banyaknya karena prinsip yang sering digunakan dalam pencarian di internet adalah semakin sefesipik yang dicari (semakin banyak menggunakan tanda plus +) berarti semakin baik pula suatu pencarian dan dengan adanya kata kunci yang sefesifik maka hasil yang akan di tampilak oleh Search Enginer secara lebih terpokus.

2. Menyaring dengan simbol Boolean
Simbol-simbol yang digunakan banyak orang-orang yang memiliki latar belakang ilmu komputer ataou yang terbiasa mengakses sistem basis data (database) konvensional.

Simbol Boolean memiliki kelebihan yaitu dapat merepresentasikan jenis pencarian yang tergolong kompleks karena memiliki simbol-simbol tambahan. berikut ini simbol-simbol penting yang sering digunakan untuk membantu proses pencarian kalian.

a. OR
OR memiliki arti "Atau" dalam bahasa Indonesia. Simbol ini bekerja dengan cara sama dengan karakter spasi pada simbol matematika. Sebagai conto, kalian aka mencari dengan kata kunci "Kepuloan OR nusantara" Maka Mesin Pencarian/Search Enginer secara langsung akan mencari seluruh dokumen yang berkaitan dengan kata kunci Kepulouan, Nusantara atau pun keduanya.Suatu saat jika simbol OR di gunakan beberapa kali dalam melakukan penelusuran, pencarian/Search Enginer, maka hasil yang akan keluar yaitu daftar dokumen yang memiliki satu kata atau lebih sesuai katakunci yang kalian masukan. bisa kalian lihat sebagai conto, "Raja OR Presiden OR Pemimpin Or Kerajaan"

b. AND
Simbol AND memiliki fungsi kurang lebih hampirsama dengan simbol Plus (+) pada simbol matematika. Yang apabila di terjemahkan memiliki arti "dan" dalam bahasa Indonesia. Contoh penggunaan simbol ini "Ilmu AND Pengetahuan AND Alam" Mesin Pencarian/ Search Enginer akan mencari seluruh documen di internet yang memuat tiga kata kunci yang kalian masukan yaitu sebagai conto saya masukan Ilmu, Pengetahuan dan Alam di dalamnya.

c. NOT
Simbol NOT memiliki fungsi kuranglebih hampirsama dengan tanda Minus (-) yaitu untuk merepresentasikan kecuali, pada simbol Matematika. perhatikan sebagao contoh " Rendang NOT Garut " dengan kata kunci seperti contoh ini merupakan perintah agar Search Enginer / Mesin Pencarian mencari halaman yang mengandung kata " Rendang " yang di dalamnya tidak terdapat kata "Garut" pada halaman tersebut.

d. NEAR
Simbol NEAR merupakan sebuah perintah dalam Simbol Boolean yang tidak diketemukan pada dalam simbol matematika. Fungsi perintah ini cukup unik. Agar kalian bisa mendapat gambaran mengenai Simbol ini bisa kalian simak sebagai contoh " Sekolah NEAR Garut " perintah ini akan menginstruksikan mesin pencarian/Search Enginer untuk mencari dokumen yang mengandung kata kunci "sekolah" dan " Garut" dengan jarak berdekatan dengan kata kunci yang kalian masukan di Mesin pencariam / search enginer.

Dengan kata lain, Search Enginer / mesin Pencarian akan mencari dokumen yang memuat kalimat seperti " Sebuah sekolah di Garut yang mendapatkan bantuan dari Pemerintah" atau " Seorang siswa sekolah Negri di Garut di temukan sedang bolos" dan masih banyak lagi. Karena jarak antara kata "sekolah" dan "Garut" pada kalimat tersebut relatif cukkup berdekatan. Kriteria tiap masing-masing Search Enginer biasanya berbeda-beda.

Sekian pembahasan mengenai Tips Pencarian di Search Enginer / Mesin Pencarian di Dunia Internet, semoga bermanfaat.

Langkah Membuka Program Ms Exsel 2007

2019-01-26T09:11:00.000-08:00

Assalamu’alaikum Warahmatullahi Wabarakatuh....

Di artikel sebelumnya saya membahas tentang Ms Word nah untuk artikel kaliini saya akan membahas sedikit-sedikit tentang Ms Exsel dari dasar.

Kenapa saya memilih Poko pembahasannya dari dasar ?? karena agar memper mudah untuk pemula yang belum mengetahui, meperkuat pengetahuan saya dan bisa menjadi buku saku saya atau kalian ketika suatu saat ada yang bertanya bahkan ada yang mengajar kepada orang lain.

Untuk mengetahui sekilas tentang sejarah atau pengertianya kalian bisa lihat di artike sebelumnya tentang Ms Exsel.

Sebelum kalian ingin memulai Program Ms Exsel , kalian harus mengecek dulu apakah Pc/Laptop anda sudah terinstal Program Ms Exsel ? jika sudah kalian kalian bisa menggunakan Program tersebut sesuai yang akan kalian gunakan.

Ada beberapa cara untuk mengaktifkan Program Aplikasi Ms Exsel, yaitu sebagai berikut:
a. Jika kalian ketika mengistal aplikasinya kemudian membuat Shortcut Ms Exsel di Destop kalian bisa langsung dobel Klik saja.
b. Melalui Menu Start
c. Melalui File yang Terdapat di Ms Officer -> Ms Exsel

Apabila pada Destop kalian belum ada Shortcut kalian bisa mengikuti langkah sebagai berikut :
1. Klik Kanan pada Destopt
2. Pilih New, kemudian klik Ms Exsel Worksheet

Apabila kalian ingin mengaktifkan Ms Exsel melalui menu start langkah yang di gunakan bisa kalian lihat di bawah ini:
1. Klik Menu start -> kemudian arahkan ke menu All Program.
2. Klik Ms officer , Cari nama Ms Exsel
3. Dobble Klik Ms Exsel.

Apabila ingin membuka Ms Exsel melalui File yang terdapat di Ms Exsel, maka dalam windows Expoler harus sudah ada file Exsel yang pernah kalian buat.

Misalnya file Ms Exsel ada di My Document, maka langkah yang di lakukan :
a. Klik Menu Start, Pilih Program, Klik windows explorer
b. Klik Folder My Documennya
c. Klik Duakali Pada File Exsel yang akan di buka.

Tampilan awal Ms Exsel

Mengakhiri Ms Exsel
Setelah anda selesai menggunakan Ms Exsel , anda perlu menutup program aplikasi Windowss tersebut sebelum mematikan Pc/Laptop.

Cara untuk menutupnya yaitu dengan Mengklik tombol close yang terdapat pada sebelah pojokan kanan atas Ms Exsel. ataou bisa kalian liat langkah di bawah ini :
1. Klik Icon kontrol menu yang terdapat di pojok kiri.
2Pilih dan Klik Exit excel

Semoga Bermanfaat dan selamat mencoba ...

Langkah Cepat Membuka Ms Word 2007 dengan Gambar

2019-01-24T20:17:00.000-08:00

Assalamu’alaikum Warahmatullahi Wabarakatuh....

Apakabar semuanya?? semoga selalu dalam kebaikan, Aamiin.

Untuk artikel kali ini setelah sekian lama saya belum memposting kembali, artikel kali ini saya akan melanjutkan pembahasan menganai Proragram Pengolahan Kata (MS Word)

Nah buat kalian yang belum mengenal tentang Ms Word bisa di lihat di artikel sebelumnya, biasanya sepengetahuan saya dan pengalaman saya di tingkatan Sekolah SMP sudah di kenalkan dengan namanya Ms Word Meski hanya sebatas teori saja dan terkadang di sekolah tertentu biasanya memiliki potensi yang luar biasa dimana cara memberikan pembelajaranya bukan hanya sekedar teori saja tapi bahkan praktek nya juga langsung, sehingga mempermudah para pelajar mencerna ilmu yang mereka serap.

Tujuan artikel ini di postingkan yaitu untuk mengingatkan yang sudah mengetahui tentang Ms Word, sebagai panduan Buku Saku bagi kalian yang suatu saat akan mengajar orang lain tentang Ms Word ini.

Ok sebelum membahas panjang lebar barangkali masih ada di antara kalian yang masih belum mengetahui cara mengaktifkan Program Ms Word ini bisa kalian lihat di bawah ini.

1. Mengaktifkan Program Pengolahan Kata ( Ms Word)
Saya ingatkan kembali secara umum Ms Word Adalah salah Satu Program aplikasi yang dipergunakan untuk sebuah keperluan dalam mengedit/mengolah naskah Documen, buku dan surat menyurat.
Cara yang sudah umum untuk mengaktifkan Program Pengolahan Kata yaituu:

Setelah PC hidup ,Klik Start
Klik All Program
Cari yang namanya Microsoft Officer
Klik Microsoft Word

Cara Khusus 1

Setelah PC hidup ,Klik Start
Di bagian kolom yang bertuliskan "search programs and files" tanta tanda kutif tuliskan kata " "Word" atau "Winword"
Jika kalian menggunakan kata kunci "Word" maka akan muncul tulisan "Microsoft Officer Word" tapi jika kalian menggunakan kata kunci "Winword' maka akan muncul sesuai kata kunci yang kalia ketik.
kemudian Klik Kiri

Cara Khusus 2

Setelah PC hidup, tekan tombol "Windows+R"
Ketikan "Winword" tanpa tanda petik
Kemudian Enter atau OK.

Tampilan Ms Word 2007

Selesai selamat mencoba dan semoga bermanfaat!!!

Microsoft Excel 2007

2018-12-27T22:01:00.001-08:00

Assalamu’alaikum Warahmatullahi Wabarakatuh..

Artikel kali ini saya akan mengenalkan tentang MS Excel 2007 yang mudah-mudahan bisa bermanfaat buat kalian semua.

MS Excel 2007 merupakan aplikasi Spreadsheet canggih yang bisa digunakan untuk menampilkan data, melakukan pengolahan data, kalkulasi, membuat diagram, laporan, dan semua hal yang berkaitan dengan data.

Contoh penggunaan Aplikasi ini dalam kehidupan sehari-hari misalnya :

1. Menghitung nilai rata-rata atau maksimum suatu data
2. membuat sebuah grafik yang memperlihatkan prsentasi suatu penjualan dalam range tertentu.
3. Memperlihatkan jumlah total suatu variabel.
4. Memanajemen suatu database.

Meski di tahun ini Ms Excel keluaran terbaru sudah ada , sekedar saran saja menurut saya apabila spek PC/Laptop kita masih di era Pentium 4 ke bawah lebih baik pake MS Excel 2007 karena pengoprasiannya lebih mudah dan ringan.

Tampilan MS Excel 2007
Sumber https://id-static.z-dn.net

Microsoft Word 2007

2018-12-27T21:42:00.000-08:00

Assalamu’alaikum Warahmatullahi Wabarakatuh..

Apakabar semuanya!!

Buat kalian yang belum tau mengenai MS WORD dan apabila kalian sudah mengetahuinya mudah-mudahan artikel ini bisa menjadi buku pegangan kalian apabila suatu saat kalian akan mengajar terhadap orang lain.

Mengenal MS word 2007

Seiring bergantinya jaman Pada abad ini akan berkenalan dengan perangkat lunak pengolahan kata dari sistem Windows, yaitu Microsoft Word.

Microsoft Word atau sering di sebut MS Word atau Word saja merupakan perangkat lunak yang sering di gunakan karena word memmpunyai kemampuan yang luarbiasa untuk membuat berbagai jenis dokumen, mulai dari surat, buku, memo, berbagai jenis publiser, dan dapat menyisipkan dokumen-dokumen lainnya.

Nah kali ini saya akan membaha MS Word 2007 meskipun sekarang kemungkinan suda keluar versi paling baru, menurut saya cukup mudah dan Ringan untuk mengoprasikan MS Word 2007 di banding yang terbaru apalagi dengan keterbatasan Spek PC/Laptop kita masih keadaan Jadul.

MC Word 2007 adalah versi lanjutan dari Word 2003, jika kita memperhatikan perkembangan Word dari awal hingga 2003, sepertinya tidak terlalu banyak perubahan tampilan. Perubahan drastis terjadi setelah Word Memasuki Word 2007, beberapa toolbar yang kita jumpai di Word 2003 tidak lagi nampak di MS Wor 2007, karena telah mengalami pergantian dari tab-tab dengan berbagai variasi ikon yang cukup atraktif.

Bisa kalian lihat di gambar bawah ini mengenai perbedaan MS Word 2003 dengan MS Word 2007

Tampilan MS Word 2003
Sumber https://tiksmpn2kebasen.files.wordpress.com

Tampilan MS Woard 2007
Sumber https://ahmadmustamil.files.wordpress.com

Mengatasi dan Memperbaiki "failure Configuring Windows Update" Pada Windows 7

2018-12-10T06:06:00.003-08:00

Assalamu’alaikum Warahmatullahi Wabarakatuh..

Nah kali ini saya akan memberikan sebuah tips untuk mengatasi terjadinya kesalahan "failure Configuring Windows Update" pada PC/Laptop.

Apa itu "failure Configuring Windows Update" ? setahu saya sebab musabab yang menimbulkan terjadinya "failure Configuring Windows Update" yaitu akibat update windows yang tidak sempurna, sebagai contoh mari kita lihat pada Gambar di bawah ini perkiraan kurang lebih seperti ini tampilannya.

Gambar 1

Baik sebelum kita lanjut ke poko pembahasan kali ini mari kita simak dulu tanda-tanda PC/Laptop akan terjadi "failure Configuring Windows Update" di antaranya yaitu :
1. Sebelum akan terjadinya failure Configuring Windows Update kalian bisa lihat di Menu Start dengan cara klik atau bisa juga dengan menekan tombol Windows di keybord.
2. Lihat di bagian sebelah kanan Kolom Search Program and File ada Menu tombol Shut down dan apabila di bagian tombol Shut down tersebut terdapat gambar tanda "!" dengan latar warna Kuning brarti itu akan terjadi failure Configuring Windows Update.

Gambar 2

Bagian 1
Pada saat setelah kalian mengetahuinya maka langkah yang harus di lakukan di antaranya :
1. Tekan tobol Windows+R dan ketik "Control Panel"
2. Klik System dan Security

Gambar 3

3. Cari Tulisan "Turn Automatic updating on or off" biasanya berada di bagian "Windows Update"

Gambar 4

4. Ubah bagian "Install updates automatically (Recommended)" menjadi "Never cheks for updates (Not Recommended)"

Gambar 5

5. Hilangkan semua bagian yang di ceklis kemudian "OK"
6. Selesai.

Bagian 2
Untuk yang sudah terjadi permasalahan seperti pada Gambar 1 yaitu:
1. Tekan Tombol Power Start sekitar 5-10 Detik.
2. Tekan Tombol F8 pada Kybord
3. Pilih Safe Mode kemudian enter dan tunggu sampai selesai Loading... Perkiraan 25-35 Menit, dan tampilan akan masuk ke mode Windows akan seperti Gambar 1 tunggu sebentar perkiraan 10-15 menit.

4. Setelah masuk ke Windows Safe Mode Klik Start/bisa dengan menekan tombol Windows pada keyboard.

5. Di kolom Search Program dan File Ketikan "Services" tanpa tanda kutip dan klik.

6. Kemudian Cari tulisan Windows Update klik kanan dan pilih Properties.
7. di kolom Startup Type pilih Disabled lalu Aplay dan OK
8. Restar PC/Laptop kalian.

Selesai !!!

Selamat mencoba dan semoga bermanfaat jangan lupa yah mampir lagi !!!

3 Cara Mengakses / Membuka Aplikasi Notpad Bawaan windows 7 Ultimate

2018-12-07T03:19:00.002-08:00

Assalamu’alaikum Warahmatullahi Wabarakatuh..

Apakabar !! untuk artikel kali ini saya akan membuat sebuah cara untuk mengakses atau membuka aplikasi Notpad bawaan windows.

Sebelum saya membahas tatacara untuk membuka atau mengakses aplikasi Notpad tersebut mari kita ketahui dulu apa itu aplikasi Notpad dan apa kegunaan Aplikasi tersebut.

Notpad merupakan sebuah Teks Editor yang multipungsi, dan sudah mulai ada sejak jaman Windows 1.0 perkiraan tahun 1985 yang dengan geratis di sajikan di setiap windows seperti Wndows XP, Vista , 7 dan bahkan sampai generasi-generasi windows yang terbaru sekali pun.

Kegunaan Notpad sangatlah banyak diantaranya bisa sebagai alat media untuk pengetikan atau edit kode HTML, sebagai Digital Diary, bahkan sekalipun bisa untuk membuat Virus yang hanya untuk sekedar iseng-iseng mengerjain teman kita atau apa saja tergantung virus yang kalian buat.

Saran saya lebih baik gunakan Aplikasi Notpad dengan bijak dan benar, agar tidak merugikan diri sendiri dan orang lain.

07/12/2018 Aplikasi Notpad

Untuk mengakses atau membuka Aplikasi ini ada beberapa langkah diantarany.
Yang pertama :
1. Hidupkan PC/Laptop
2. Klik Start atau bisa menggunakan tombol windows yang berada di Keybord.

07/12/2018

3. Kemudian klik All Programs.
4. Cari folder yang bernama Accessories dan klik

07/12/2018

5. Setelah itu cari Aplikasi Notpad kemudian Klik
6. Selesai.

Langkkah kedua :
1. Seperti biasa PC/Laptop harus sudah menyala yah, karna kalou PC/Laptopnya mati gimana mau mengakse Aplkasinya? terkecuali numpang bentar ke Tetangga sebelah itu juga kalau tetangga nya punya PC/Laptop, :D :D
2. Klik Start atau bisa menggunakan tombol windows yang berada di Keyboard.
3. Klik di kolom Search Program and File

07/12/2018

4. Ketikan nama aplikasinya "Notpad" tanpa tanda petik.
5. Cari Nama yang sesuai kita cari kemudian klik setelak ketemu Aplikasi Notpad nya.
6. Selesai.

Langkah ketiga merupakan langkah yang menurut saya terbilang simpel dan cukup elegan alias Keren :D :D, tapi syarat yang harus di ketahui salah satunya harus mengetahui dulu jenis file yang akan di akses atau dibuka dan nama file nya, semisal jenis filenya Aplikasi ".EXE" , gambar "JPNG,PNG", Folder dan masih banyak lagi.

Langkah yang kita harus lakukan diantaranya:
1. Seperti biasa PC/Laptop harus sudah menyala yah sobat :D
2. Setelah itu tekan tombol Windows+R di kybord

07/12/2018

3. Ketikan "notepad.exe" tanpa tanda petik kemudian klik OK / Enter.

07/12/2018

4. Selesai.

Selamat mencoba dan semoga bermanfaat.
Terimakasih atas kunjunganya jangan lupa mampir lagi!!!

Tautan Links HTML / Hyperlink.

2018-12-05T07:24:00.000-08:00

Assalamu’alaikum Warahmatullahi Wabarakatuh..

Maaf buat kalian yang nunggu postingan tentang kelanjutan Belajar HTML dari Dasar, di karenakan say juga sih sebenernya masih sama-sama belajar tentang HTML, ini sekedar menambah wawasan dan berbagi pengalaman yang mudah-mudahan bermanfaat, AAMIIN.
OK !! biar gak terlalu banyak menyita waktu berharga anda yuk simak pembahasan materi tentang Tautan/Links HTML di postingan ini.

TAUTAN/LINKS HTML
Merupakan sebuah Element yang akan menunjukan sebuah hubungan antara dokumen HTML yang bersangkutan dengan sumber file yang di simpan di luar dokumen HTML tersebut (eksternal HTML).
Dengan menggunakan tautan HTML/ Hyperlink anda dapat mengklik tautan dan melompat menuju dokumen lain dengan cepat, Tautan dokumen yang akan di akses nanti tidak hanya berisi tentang tulisan/teks saja melainkan elemen HTML lain juga bahkan Gambar sekalipun.
Elemen Links/ <link> biasanya di tulis di dalam elemen <head>....</head> tanpa tag penutup atau di sebut end tag. Elemen <link> merupakan elemen kosong tanpa konten apapun dan hanya berisikan tentang attribute daja.
Tag <link> ini biasanya digunakan untuk merujuk atau memanggil file CSS yng bereksitensi ( .css ) yang isinya merupakan aturan-aturan tentang kode CSS, sehingga kode tersubut dapat di aplikasikan ke dalam HTML untuk merubah tampilan Web yang menarik sesuai kode CSS yang anda tulis di file CSS tersebut.
Tag <link> ini merupakan tag yang sederhana namun kegunaannya sangat luar biasa,, kenapa luarbiasa karane tag <link> ini bisa kita tulis lebih dari satu kali. Tapi kekurangannya apabila anda membuata tag <link> ini terlalu banyak maka akan mempengaruhi kecepatan Loading Web anda ketika di akses oleh pelanggan anda, menurut saya pribadi sih alangkah baiknya kita memanfaatkan tag <link> ini sesuai kebutuhan saja, agar penampilan Web yang anda buat tidak terlalu Ramai dan banyak Gayanya tapi Kualitas isinya NOL besar sehingga akan mempengaruhi pelanggan/pengunjung situs web anda nanti, lebih baik tampilannya Sederhana saja tapi Kwalitas isinya luar biasa dan membuat pengunjung betah di situs Web anda sehingga para pelanggan yang sudah lama tetap setia mengakses Web anda.
Sintaksis tautan HTML di tentukan dengan <a> Tag : <a href="url">link Tulisan</a>

Contoh 1:
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="/New Folder/css/Style.css">
</head>
<body>
(Isi Halaman)
</body>
</html>

Atribut herf merupakan atribut yang menentukan alamat yang akan di tuju ( /New Folder/css/Style.css ) sedangkan rel="stylesheet" merupakan file yang menunjukan bahwa file yang dituju adalah file stylesheet (CSS).

Contoh 2 :
<!DOCTYPE html>
<html>
<head>
<title>Tautan HTML</title>
</head>
<body>
<h2>Tautan HTML</h2>
<p><a href="https://computerperkasa.blogspot.com/">Kunjungi Blog Kami</a></p>
</body>
</html>

Tulisan "Kunjungi Blog Kami" merupakan tulisan yang akan muncul nanti di halaman situs Web anda nanti.

Dalam Contoh 1 Tautan HTML nya menunjukan bahwa file dokumennya berada di dalam folder yang di buat, sedangkan Di Contoh 2 menunjukan bahwa tag atau tautan HTML nya menggunaka URL absolut ( alamat Web lengkap ).

WARNA TAUTAN HTML

Secara default tautan yang akan muncul di semua Browser di antaranya

Tautan belum di kunjungi akan digarisbawahi dan berwarna biru
Tautan yang di kunjungi akan digarisbawahi dan berwarna Kuning
Sedangkan tautan yang aktif digarisbawahi dan berwarna Hitam.

Cara mengubah warna default bisa dilakukan dengan menggunakan CSS.

Contoh :
<!DOCTYPE html>
<html>
<head>
<style>
a:link {
    color: Blue;
    background-color: transparent;
    text-decoration: none;}
a:visited {
    color: red;
    background-color: transparent;
    text-decoration: none;}
a:hover {
    color: yellow;
    background-color: transparent;
    text-decoration: underline;}
a:active {
    color: Black;
    background-color: transparent;
    text-decoration: underline;}
</style>
</head>
<body>
<h2>Warna Tautan</h2>
<p>Anda dapat mengubah warna tautan</p>
<a href="https://computerperkasa.blogspot.com/" target="_blank">Belajar HTML dasar</a>
</body>
</html>

ATRIBUT TARGET TAUTAN/LINKS HTML

Atribut Target merupakan ceode HTML yang menentukan di mana dokumen terkait akan dibuka.
Atribut target ini bisa menggunakan dari salah satu nilasi sebagai berikut :

_blank a/ Tautan yang membuka dokumen di Jendela atau Tab baru.
_self a/ Tautan yang membuka dokumen di Jendela/Tab yang sama saat tautan tersebut di klik ( ini adalah default).
_parent a/ Tautan yang akan membuka dokumen dengan terhubung ke dalam bingkai induk.
_top a/ Tautan yang membuka dokumen di seluru Jendela.
framename a/ Tautan yang membuka dokumen dengan terhubung ke dalam bingkai bernama.

Contoh Tautan yang membuka dokumen di Jendela atau Tab baru :
<!DOCTYPE html>
<html>
<body>
<h2>Target Attribute</h2>
<a href="https://computerperkasa.blogspot.com/" target="_blank">Kunjungi blog kami</a>
<p>Jika Anda menetapkan atribut target ke "_blank", tautan akan terbuka di jendela atau tab browser baru.</p>
</body>
</html>

Contoh jika halaman Web anda terkunci dalam bingkai anda bisa menggunakan tag target="_top" untuk keluar dari bingkai :
<!DOCTYPE html>
<html>
<body>
<p>Terkunci dalam Binkai? <a href="https://computerperkasa.blogspot.com/" target="_top">Klik Disini!</a></p>
</body>
</html>

GAMBAR SEBAGAI TAUTAN HTML

Gambar di jadikan sebagai tautan merupakas sebuah hal yang umum.
Contoh :
<!DOCTYPE html>
<html>
<body>
<h2>Tautan Gambar</h2>
<p>Gambar adalah tautan dan bisa di klik</p>
<a href="https://computerperkasa.blogspot.com/">
<img src="https://www.gambaricoun.com/contoh-gambar.jpg" alt="Belajar HTML dasar" style="width:42px;height:42px;border:0">
</a>
<p>Kami telah menambahkan "border: 0" untuk mencegah IE9 (dan sebelumnya) menampilkan perbatasan di sekitar gambar..</p>

</body>
</html>

Selamat mencoba dan semoga bermanfaat.

Cara Mudah Membuka Whatsapp di PC/ Laptop

2018-12-04T04:21:00.000-08:00

Assalamu’alaikum Warahmatullahi Wabarakatuh..

Selamat Beraktifitas dan semoga selalu dalam Kebaikan, nah kali ini saya akan membagikan Cara Mudah Membuka Whatsapp di PC/ Laptop tanpa ribet.

Pertama-tama sih saya kebingungan dan heran, ko bisa Whatsapp di buka melalui PC/ Laptop ?

Setelah di selidiki dan bertanya-tanya kepada teman saya, tentang permasalahan ini alhamdulilah saya sekarang bisa membuka Whatsapp di PC/ Laptop dengan mudahnya.

Syarat-syarat untuk bisa membuka Whatsapp di PC/ Laptop diantaranya :

Ada Hp (Android) yang sudah ada Aplikasi Whatsapp
Ada PC/laptop
Ada koneksi Internet.

Setalah kalian memastikan persyaratan diatas mari kita coba dan praktekan Cara Mudah Membuka Whatsapp di PC/Laptop :

Yang pertama anda Hidupkan terlebihdahulu PC/laptop dan pastikan koneksi Internet sudah terhubung dengan PC/Laptop yang nanti akan di gunakan untuk membuka Whatsapp.

Setelah semuanya sudah di pastikan anda buka Aplikasi Google Chrome atau Browser lainnya, bisa anda lihat seperti gambar di bawah ini :

Gambar 1

Kemudian anda ketikan link https://web.whatsapp.com/ lalu Enter atau bisa langsung klik Di Sini selang beberapa saat akan muncul tampilan seperti pada Gambar 2

Gambar 2

Setelah muncul seperti Gambar 2 maka sekarang anda buka HP dan masuk ke aplikasi Whatsapp di HP Android Ketuk Menu yang berada di pojok kanan atas bisa di lihat petunjuknya seperti Gambar 3 & 4,

Gamar 3

Gamar 4

Tunggu sebentar setelah muncul seperti Gambar 5 arahkan ke layar PC/Laptop anda pada Kode QR yang ada pada PC/Laptop anda.

Gambar 5

Setelah anda mengarahkannya sesuai petunjuk, maka akan muncul di browser anda seperti tampilan Gambar 6 di bawah ini.

Gambar 6

Jika sudah selesai anda bisa mengeluarkan Whatsapp anda dari PC/Laptop bisa dilihat di Gambar 7 Tentang caranya.

Gambar 7

Sekian cara Menggunakan Aplikasi Whatsapp di PC/Laptop.

Selamat Mecoba dan semoga bermanfaat.

Cara agar tidak Restar Otomatis Lengkap Dengan Gambar WIndows 7 Ultimated

2018-12-03T04:06:00.000-08:00

Assalamu’alaikum Warahmatullahi Wabarakatuh..

Berawal dari sebuah pengalaman yang saya alami di waktu yang sudah berlalu, saya agak kesulitan tentang sebuah permasalahan yang saya alami, di antaranya PC/Laptop saya sering Restart sendiri.

PC/Laptop yang sering Restart sendiri membuat saya kesal sekali, Kenapa saya merasa kesal sekali ?

Gimana gak merasa kesal coba akibat PC/Laptop Restar sendiri itu bisa berakibat patal pada komponen-komponen PC/Laptop kita ditambah pas lagi enak-enaknya kita ngerjain tugas, memutar musik bahkan lagi main game sekalipun eh eh tiba-tiba PC nya Restart sendiri, mending lah cuman main Game nah ini lagi ngerjain tugas kan nyesek banget mana belum keburu di Save kerjaannya.

Dari situ lah saya membaca dan nyari-nyari solusinya dari Bah Google tentang cara dan solusinya dan alhamdulilah kebetulan saya nemu solusinya yang menurus saya terbilang mudah dan sederhana untuk permasalahan PC/Laptop Restar sendiri.

Nah sebelum kita lanjut untuk mengetahui bagaimana caranya, alangkah baiknya kita mengetahui sebab akibatnya PC kita Restart sendiri di antaranya.

Yang pertama PC kita Restar sendiri adalah kemungkinan kecilnya sebab Settingan Windows di PC/Laptop kita, dan Overheat (Kepanasan), nah kalau udah nyampe ke permasalahan Overheat itu bisa beda lagi caranya.

Untuk sekarang saya akan berbagi pengalaman tentang cara mensetting Windows di PC/Laptop agar tida Restar sendiri.

Baca juga artikel tentang Cara Megatasi PC/Laptop Overheart.

Baik biar mempersingkat waktu kita langsung saja simak bagaimana cara untuk setting windows di PC kita agar tidak Restar sendiri.

Yang pertama nyalakan dulu PC nya tunggu sampai muncul tampilan Windows, setelah itu tinggal tekatn tombol Windows + Pause/Break yang ada di pojok kanan atas Keyboard.

Nanti secara ajaib Bin Otomatis :D bakalan muncul Seperti gambar di samping ini.

Kemudian klik "Advanced system settings" setelah muncul kotak No 2 bisa di lihat di gambar, cari tulisan "Startup and Recovery" klik "Settings" setelah muncul kotak hilangkan ceklis pada tulisan "Automatically Restart" klik "OK".
Selesai.

Selamat Mencoba dan semoga bermanfaat... Jangan lupa mampir lagi yah.

Mengucapkan Selamat Ulang Tahun Pake Script atau Coding HTML5

2018-12-02T00:00:00.006-08:00

Assalamu’alaikum Warahmatullahi Wabarakatuh..

Baik, kali ini saya akan bagi bagi Codingan HTML5. tentang cara mengucapkan selamat ulang tahun kepada teman, istri anak, atau siapa saja yang kalian inginkan.

sebelum kita lanjut cara2 untuk mengedit coding/sintaks HTML5 yang nanti saya bagikan, alangkah baiknya kita mengetahui dulu kenapa coding/sintaks ini di bangun memakai HTML5, karena HTML5 memiliki fitur-fitur yang mendukung terhadap coding/code sintaks yang nanti akan saya bagikan diantaranyan :

Support terhadap media penyimpanan offline
Memiliki media video dan audio untuk multimedia
Terdapat berbagai elemen yang spesifik seperti artikel, footer, header, dan navigation bahkan section.
Memiliki kontrol form baru seperti kalender, tanggal, waktu, e-mail, URL dan search.
Artikel dapat berupa entri blog atau konten

Kelebihan HTML5 :

Dapat ditulis dalam sintaks HTML dan XML
Dalam penulisan code akan lebih efisien
Konten pada situs mudah ter-indeks oleh search engine
Memiliki integrasi yang bagus terhadap aplikasi web
Integrasi dengan doctype lebih sederhana
Dapat dideteksi oleh browser lama

Nah dengan memanfaatkan fitur-fitur dan kelebihan dari HTML5 inilah coding ini di bangun di HTML5, yuk kita simak dulu tampilan yang di hasilkan dari coding/code sintaks HTML5 yang nantinya akan di gunakan.

1. Tampilan pertama, maka akan muncul Tombol "Nyalakan Lampu" kilk aja nanti lampunya akan menyal.

2. Setelah menyala lampunya akan muncul tombol " Mainkan Musik " klik aja nanti secara otomatis musiknya akan berbunyi.

3. Lalu muncul tombol " Kita Kasih Hiasan" klik lagi.

4. Setelah itu akan muncul "Spanduk"

5. Lalu akan muncul tombol "Terbangkan Balonnya"

6. Setelah itu akan muncul tombol " Tampilkan Kue-Nya"

7. Lalu tak lama akan muncul Kue, dan kamu juga bisa nyalakan Lilinnya

8. Lalu muncul tombol "Selamat Ulang Tahun" klik saja maka akan muncul nama yang kamu inginkan sebagai conto saya memasukan lambang " *******"

9. Lalu akan muncul Tombol "Pesannya Di Baca Yah ^_^ " dan akan muncul Pesan dengan indah.

Tampilan di atas saya menggunakan Online menggunakan Hosting domain gratis jika kalian tidak memilikinya. Script coding ini bisa di gunakan Offlin juga asal anda bisa menggunakan HTML dengan benar..

Untuk melihatnya Hasil Editan saya bisa kujungi Disini.
Unduh Versi saya Klik disini.

Untuk Demo Versi aslinya : Klik disini.
Untuk Mengunduh nya Klik disini.

Catatan : Untuk Mengedit Sintaks coding HTML nya kalian bisa menggunakan Notpad bawaan dari Windows, Notpad++ dan masih banyak lagi, kalian bisa nyari-nyari di Internet.

Terimakasih dan semoga bermanfaat dan selamat mencoba !!! 👍

Turtol di dalam video ini hanya sekedar untuk Mengubah Nama/Pesannya sesuai yang kalian inginkan, jadi sekali lagi video ini bukan membuat dari awal melainkan mengganti beberapa saja.

Gaya HTML - CSS

2018-11-09T04:30:00.001-08:00

Styling HTML dengan CSS

CSS adalah singkatan dari C ascading S tyle S heets.

CSS menjelaskan bagaimana elemen HTML ditampilkan di layar, kertas, atau di media lain .

CSS menghemat banyak pekerjaan . Ini dapat mengontrol tata letak beberapa halaman web sekaligus.

CSS dapat ditambahkan ke elemen HTML dalam 3 cara:

Inline - dengan menggunakan atribut style dalam elemen HTML
Internal - dengan menggunakan <style>elemen di <head>bagian
Eksternal - dengan menggunakan file CSS eksternal

Cara paling umum untuk menambahkan CSS, adalah mempertahankan style dalam file CSS yang terpisah. Namun, di sini kita akan menggunakan gaya inline dan internal, karena ini lebih mudah untuk didemonstrasikan, dan lebih mudah bagi Anda untuk mencobanya sendiri.

Tip: Anda dapat belajar lebih banyak tentang CSS di Tutorial CSS kami

CSS sebaris

CSS sebaris digunakan untuk menerapkan gaya unik ke elemen HTML tunggal.

CSS sebaris menggunakan atribut gaya dari elemen HTML.

Contoh ini mengatur warna teks dari <h1>elemen menjadi biru:

contoh :

<!DOCTYPE html>
<html>
<body>
<h1 style="color:blue;">Ini adalah Blue Heading</h1>
</body>
</html>

CSS Internal

CSS internal digunakan untuk menentukan gaya untuk satu halaman HTML.

CSS internal didefinisikan di <head>bagian halaman HTML, di dalam <style>elemen:

contoh :

<!DOCTYPE html>
<html>
<head>
<style>
body {background-color: powderblue;}
h1 {color: blue;}
p {color: red;}</style>
</head>
<body>
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
</body>
</html>

CSS eksternal

Lembar gaya eksternal digunakan untuk menentukan gaya untuk banyak halaman HTML.

Dengan style sheet eksternal, Anda dapat mengubah tampilan seluruh situs web, dengan mengubah satu file!

Untuk menggunakan lembar gaya eksternal, tambahkan tautan ke dalamnya di <head>bagian halaman HTML:

contoh :

<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
</body>
</html>

Lembar gaya eksternal dapat ditulis di editor teks apa pun. File tidak boleh berisi kode HTML apa pun, dan harus disimpan dengan ekstensi .css.

Berikut adalah bagaimana tampilan "styles.css":

contoh :

body {
    background-color: powderblue;}
h1 {
    color: blue;}
p {
    color: red;}

Font CSS

colorProperti CSS mendefinisikan warna teks yang akan digunakan.

font-familyProperti CSS mendefinisikan font yang akan digunakan.

font-size Properti CSS mendefinisikan ukuran teks yang akan digunakan.

contoh :

<!DOCTYPE html>
<html>
<head>
<style>
h1 {
    color: blue;
    font-family: verdana;
    font-size: 300%;}
p  {
    color: red;
    font-family: courier;
    font-size: 160%;}</style>
</head>
<body>

<h1>This is a heading</h1>
<p>This is a paragraph.</p>

</body>
</html>

Perbatasan CSS

borderProperti CSS mendefinisikan perbatasan di sekitar elemen HTML:

contoh :

<!DOCTYPE html>

<html>

<head>

<style>

p {

border: 1px solid powderblue;

}

</style>

</head>

<body>

<h1>ini adalah heading</h1>

<p>ini adalah paragraph.</p>

</body>

</html>

CSS Padding

paddingProperti CSS mendefinisikan padding (spasi) antara teks dan perbatasan:

contoh :

<!DOCTYPE html>

<html>

<head>

<style>

p {
border: 1px solid powderblue;
padding: 30px;}

</style>

</head>

<body>

<h1>ini adalah heading</h1>

<p>ini adalah paragraph.</p>

</body>

</html>

Margin CSS

marginProperti CSS mendefinisikan margin (spasi) di luar perbatasan:

contoh :

<!DOCTYPE html>

<html>

<head>

<style>

p {
border: 1px solid powderblue;
margin: 50px;
}

</style>

</head>

<body>

<h1>ini adalah heading</h1>

<p>ini adalah paragraph.</p>

</body>

</html>

Atribut id

Untuk menentukan gaya khusus untuk satu elemen khusus, tambahkan idatribut ke elemen:

<p id="p01">I am different</p>

kemudian tentukan gaya untuk elemen dengan ID spesifik:

contoh :

<!DOCTYPE html>

<html>

<head>

<style>

#p01 {

color: blue;

}

</style>

</head>

<body>

<p>ini adalah paragraph</p>

<p id="p01">Aku berbeda.</p>

</body>

</html>

Atribut kelas

Untuk menentukan gaya untuk jenis elemen khusus, tambahkan classatribut ke elemen:

<p class="error">Aku berbeda</p>

kemudian tentukan gaya untuk elemen-elemen dengan kelas spesifik:

contoh :

<!DOCTYPE html>

<html>

<head>

<style>

p.error {

color: red;

}

</style>

</head>

<body>

<p>ini adalah paragraph</p>

<p class="error">Aku berbeda.</p>

<p>ini adalah paragraph</p>

<p class="error">Aku berbeda</p>

</body>

</html>

Referensi Eksternal

Lembar gaya eksternal dapat direferensikan dengan URL lengkap atau dengan jalur relatif ke halaman web saat ini.

Contoh ini menggunakan URL lengkap untuk ditautkan ke lembar gaya:

<!DOCTYPE html>

<html>

<head>

</head>

<body>

<h1>ini adalah heading.</h1>

<p>ini adalah heading.</p>

</body>

</html>

Contoh ini menautkan ke lembar gaya yang terletak di folder html di situs web saat ini:

<!DOCTYPE html>

<html>

<head>

</head>

<body>

<h1>ini adalah heading.</h1>

<p>ini adalah heading.</p>

</body>

</html>

Ringkasan Bab

Gunakan styleatribut HTML untuk styling inline
Gunakan <style>elemen HTML untuk menentukan CSS internal
Gunakan <link>elemen HTML untuk merujuk ke file CSS eksternal
Gunakan <head>elemen HTML untuk menyimpan elemen <style> dan <link>
Gunakan colorproperti CSS untuk warna teks
Gunakan font-familyproperti CSS untuk font teks
Gunakan font-sizeproperti CSS untuk ukuran teks
Gunakan borderproperti CSS untuk perbatasan
Gunakan paddingproperti CSS untuk ruang di dalam perbatasan
Gunakan marginproperti CSS untuk ruang di luar perbatasan

Selamat Mencoba dan semoga bermanfaat.

Warna HTML

2018-11-05T23:01:00.000-08:00

Warna HTML

Warna HTML ditentukan menggunakan nama warna yang telah ditentukan, atau nilai RGB, HEX, HSL, RGBA, HSLA.

contoh :

<! DOCTYPE html>

<html>

<body>

<h1 style = "background-color: Tomat;" > Tomat </ h1>

<h1 style = "background-color: Orange;" > Oranye </ h1>

<h1 style = "background-color: DodgerBlue;" > DodgerBlue </ h1>

<h1 style = "background-color: MediumSeaGreen;" > MediumSeaGreen </ h1>

<h1 style = "background-color: SlateBlue;" > SlateBlue </ h1>

<h1 style = "background-color: Violet;" > Violet </ h1>

<h1 style = "background-color: LightGray;" > LightGray </ h1>

</ body>

</ html>

HTML mendukung 140 nama warna standar .

Warna latar belakang

Anda dapat mengatur warna latar belakang untuk elemen HTML:

contoh :

<! DOCTYPE html>

<html>

<body>

<h1 style = "background-color: DodgerBlue;" > Selamat Datang </ h1>

Paragrap <br>

paragrap <br>

</ p>

</ body>

</ html>

Warna teks

Anda dapat mengatur warna teks:

contoh :

<! DOCTYPE html>

<html>

<body>

<h3 style = "color: Tomato;" >Selamat Datang </ h3>

<p style = "color: DodgerBlue;" > Paragrap <br>

paragrap <br>

paragrap <br>.

</ p> .

<p style = "color: MediumSeaGreen;" > Paragrap <br>

paragrap <br>

paragrap <br>.

</ p>

</ body>

</ html>

Warna Perbatasan

Anda dapat mengatur warna batas:

contoh :

<! DOCTYPE html>

<html>

<body>

<h1 style = "border: 2px Tomat padat;" > Semalat Datang </ h1>

<h1 style="border: 2px solid DodgerBlue;">Semalat Datang</h1>

<h1 style = " border: 2px Violet padat;" > Semalat Datang </ h1>

</ body>

</ html>

Nilai Warna

Dalam HTML, warna juga dapat ditentukan menggunakan nilai RGB, nilai HEX, nilai HSL, nilai RGBA, dan nilai HSLA:

Sama seperti nama warna "Tomat":

contoh :

<! DOCTYPE html>

<html>

<body>

<p>Sama seperti nama warna "Tomat":</p>

<p>Sama seperti nama warna "Tomat", tetapi 50% transparan:</p>

<p>Selain nama warna yang telah ditentukan, warna dapat ditentukan menggunakan RGB, HEX, HSL, atau bahkan warna transparan menggunakan nilai warna RGBA atau HSLA.</p>

</ body>

</ html>

Nilai RGB

Dalam HTML, warna dapat ditentukan sebagai nilai RGB, menggunakan rumus ini:

rgb ( merah, hijau , biru )

Setiap ukuran warna/parameter (merah, hijau, dan biru) akan mendefinisikan intensitas warna antara 0 dan 255.

Sebagai contoh, rgb (255, 0, 0) ditampilkan sebagai merah, karena merah diatur ke nilai tertingginya (255) dan yang lainnya diatur ke 0.

Untuk menampilkan warna hitam, semua parameter warna harus diatur ke 0, seperti ini: rgb (0, 0, 0).

Untuk menampilkan warna putih, semua parameter warna harus diatur ke 255, seperti ini: rgb (255, 255, 255).

Bereksperimen dengan mencampur nilai RGB di bawah ini:

contoh :

<! DOCTYPE html>

<html>

<body>

<p>Dalam HTML, Anda dapat mengatur warna menggunakan nilai RGB.</p>

</ body>

</ html>

Nilai HEX

Dalam HTML, warna dapat ditentukan menggunakan nilai heksadesimal dalam bentuk:

# rrggbb

Dimana rr (merah), gg (hijau) dan bb (biru) adalah nilai heksadesimal antara 00 dan ff (sama dengan desimal 0-255).

Sebagai contoh, # ff0000 ditampilkan sebagai merah, karena merah diatur ke nilai tertinggi (ff) dan yang lainnya diatur ke nilai terendah (00).

contoh :

<!DOCTYPE html>

<html>

<body>

<p>Dalam HTML, Anda dapat menentukan warna menggunakan nilai Hex.</p>

</body>

</html>

Kejenuhan

Saturasi dapat digambarkan sebagai intensitas warna.

100% adalah warna murni, tidak ada warna abu-abu

50% abu-abu 50%, tetapi Anda masih dapat melihat warnanya.

0% benar-benar abu-abu, Anda tidak dapat lagi melihat warnanya.

contoh :

<!DOCTYPE html>

<html>

<body>

<p>

Dengan warna HSL, saturasi lebih sedikit berarti warna kurang. 0% benar-benar abu-abu.</p>

</body>

</html>

Nuansa abu-abu sering didefinisikan dengan mengatur rona dan saturasi ke 0, dan menyesuaikan tingkat kecerahan dari 0% hingga 100% untuk mendapatkan nuansa yang lebih gelap / lebih terang:
contoh :
<!DOCTYPE html>
<html>
<body>
<h1 style="background-color:hsl(0, 0%, 0%);">hsl(0, 0%, 0%)</h1>
<h1 style="background-color:hsl(0, 0%, 24%);">hsl(0, 0%, 24%)</h1>
<h1 style="background-color:hsl(0, 0%, 47%);">hsl(0, 0%, 47%)</h1>
<h1 style="background-color:hsl(0, 0%, 71%);">hsl(0, 0%, 71%)</h1>
<h1 style="background-color:hsl(0, 0%, 94%);">hsl(0, 0%, 94%)</h1>
<h1 style="background-color:hsl(0, 0%, 100%);">hsl(0, 0%, 100%)</h1>
<p>
Dengan warna HSL, gradasi abu-abu dibuat dengan menyesuaikan saturasi hingga 0%, dan menyesuaikan tingkat abu-abu gelap / terang.</p>
</body>
</html>

Nilai RGBA

Nilai warna RGBA adalah perpanjangan nilai warna RGB dengan saluran alfa - yang menentukan opasitas untuk warna.

Nilai warna RGBA ditentukan dengan:

rgba ( merah, hijau , biru, alfa )

Parameter alpha adalah angka antara 0,0 (sepenuhnya transparan) dan 1,0 (tidak transparan sama sekali):

contoh :

<!DOCTYPE html>

<html>

<body>

<p>

Anda dapat membuat warna transparan dengan menggunakan nilai warna RGBA.</p>

</body>

</html>

Nilai HSLA

Nilai warna HSLA adalah perpanjangan nilai warna HSL dengan saluran alfa - yang menentukan opasitas untuk warna.

Nilai warna HSLA ditentukan dengan:

hsla ( hue, saturation , lightness, alpha )

Parameter alpha adalah angka antara 0,0 (sepenuhnya transparan) dan 1,0 (tidak transparan sama sekali):

contoh :

<!DOCTYPE html>

<html>

<body>

<p>

Anda dapat membuat warna transparan dengan menggunakan nilai warna HSLA.</p>

</body>

</html>

Selamat Mencoba dan semoga bermanfaat.

Tag Komentar HTML

2018-11-01T08:47:00.001-07:00

Tag Komentar HTML
Tag komentar digunakan untuk memasukkan komentar dalam kode sumber HTML. Anda dapat menambahkan kolom komentar ke sumber HTML Anda dengan menggunakan kode sintaks berikut:

<! - Tuliskan komentar Anda di sini ->

Perhatikan bahwa ada tanda seru (!) Di tag pembuka, tetapi tidak di tag penutup.

Catatan: Komentar tidak ditampilkan oleh browser, tetapi mereka dapat membantu mendokumentasikan kode sumber HTML Anda.

contoh :
<! - Ini adalah komentar ->

< p > Ini adalah paragraf. < / p >



Komentar juga bagus untuk debugging HTML, karena Anda dapat mengomentari baris kode HTML, satu per satu, untuk mencari kesalahan:

<! - Jangan tampilkan ini pada saat
<img border = "0" src = "pic_trulli.jpg" alt = "Trulli">
->

Selamat Mencoba dan semoga bermanfaat.

Untuk melanjutkan membacanya Klik Di Sini

Ringkasan dari Sumberw3schools

Elemen Pemformatan dan Qutipan Teks HTML

2018-10-29T05:43:00.001-07:00

Elemen Pemformatan HTML

Di bab sebelumnya, Anda belajar tentang atribut gaya HTML .

HTML juga mendefinisikan elemen khusus untuk mendefinisikan teks dengan makna khusus .

HTML menggunakan elemen seperti <b>dan <i>untuk memformat output, seperti teks tebal atau miring .

Elemen pemformatan dirancang untuk menampilkan jenis teks khusus:

<b> - Teks tebal
<strong> - Teks penting
<i> - Teks miring
<em> - Teks ditekankan
<mark> - Teks yang ditandai
<small> - Teks kecil
<del> - Teks yang dihapus
<ins> - Teks yang disisipkan
<sub> - Teks berlangganan
<sup> - Teks Superskrip

Elemen <b> dan < srtong>

Merupakan elemen yang tag untuk menebalkan teks tanpa kepentingan exstra.

contoh : <b>ini teks tebal / bold</b>

Elemen HTML <strong> mendefinisikan teks yang kuat , dengan tambahan arti "kuat" semantik.

contoh : <strong>ini texs penting / strong</strong>

Elemen HTML <i> dan <em>

Elemen HTML <i>mendefinisikan teks miring , tanpa kepentingan ekstra.

contoh : <i>ini texs gaya italic </i>

Elemen HTML <em> mendefinisikan teks yang ditekankan , dengan tambahan makna semantik.

contoh : <em>Teks ini ditekankan</em>

Catatan: Browser ditampilkan <strong>sebagai <b>, dan <em>sebagai <i>. Namun, ada perbedaan dalam arti dari tag ini: <b>dan <i>mendefinisikan teks tebal dan miring, tetapi <strong>dan <em>artinya teks tersebut "penting".

Elemen HTML <kecil>

Elemen HTML <small> mendefinisikan teks yang lebih kecil :

contoh: < h2 > HTML < small > Small < / small > Format < / h2 >

Elemen HTML <mark>

Elemen HTML<mark> mendefinisikan ditandai atau disorot teks:

contoh: < h2 > HTML < mark > Ditandai < / Tandai > Memformat < / h2 >

Elemen HTML <del>

Elemen HTMLmendefinisikan <del>
~~dihapus~~ (dihapus) teks.

contoh : <p>Warna favorit saya adalah <del>Biru</del> Merah</p>

Elemen HTML <ins>

Elemen HTML<ins> mendefinisikan
dimasukkan (ditambahkan) teks.

contoh : <p><ins>warna</ins>favorit saya dalah merah.</p>

Elemen HTML <sub>

Elemen HTML<sub> mendefinisikan teks langganan .

contoh : <p>ini adalah texs<sub>langganan</sub></p>

Elemen HTML <sup>

Elemen HTML<sup> mendefinisikan teks superscripted .

contoh : <p>ini adalah texs <sup>superscripted</sup></p>

Tag HTML <q> untuk Kutipan Singkat

Elemen HTML<q> mendefinisikan kutipan pendek.

Browser biasanya memasukkan tanda kutip di sekitar <q>elemen.

contoh : <p>Tujuan penanaman pohon adalah: <q>Bangun masa depan di mana orang hidup selaras dengan alam</q></p>

Tag HTML <blockquote> untuk Kutipan

<blockquote>Elemen HTML mendefinisikan bagian yang dikutip dari sumber lain.

Browser biasanya <blockquote>elemen inden .

contoh :

<p>Ini adalah kutipan dari situs web Penanaman Pohon</p>

< blockquote cite = "https://Penanamanpohon.com" >
Untuk melindungi alam tercinta ini dari polusi pemanasan global

saya mengajak anda kalian semua untuk membatu melestarikan alam tercinta ini dengan cara melestarikan lingkungan salah satunya di antarnya menanam Pohon.
< / blockquote >

HTML <abbr> untuk Singkatan

Elemen HTML <abbr>mendefinisikan singkatan atau akronim.

Menandai singkatan dapat memberikan informasi yang berguna untuk browser, sistem terjemahan, dan mesin pencari.

contoh :

< p > The < abbr title = "World Health Organization" > WHO < / abbr > di dirikan pada tahun 1948. < / p >

HTML <address> untuk Informasi Kontak

Elemen HTML <address>mendefinisikan informasi kontak (penulis / pemilik) dari dokumen atau artikel.

The <address>elemen biasanya ditampilkan dalam huruf miring. Kebanyakan browser akan menambahkan jeda baris sebelum dan sesudah elemen.

contoh :

< alamat >
Di tulis oleh Boboboy<br>
Kunjungi kami di: <br>
Boboboy.com < br >
Kota Garut<br>
Indonesia
< / address >

HTML <cite> for Work Title

Elemen HTML<cite> mendefinisikan judul karya.

Browser biasanya menampilkan <cite>elemen-elemen dalam italic.

contoh : p><cite>Ilustrasi</cite> di buat pada tahun 1008 M :D</p>

HTML <bdo> untuk Penggantian Bi-Directional

<bdo>Elemen HTML mendefinisikan penggantian bi-directional.

The <bdo>elemen digunakan untuk mengesampingkan arah teks saat ini:

contoh : <bdo dir="rtl">Teks ini akan ditulis dari kanan ke kiri</bdo>

Selamat Mencoba dan semoga bermanfaat.

Paragraf Dan Gaya HTML

2018-10-28T08:48:00.000-07:00

Paragraf HTML

<p>Elemen HTML mendefinisikan sebuah paragraf :

contoh :

<p> Ini adalah paragraph.</p>
<p> Ini adalah paragraph.</p>

Catatan: Browser secara otomatis menambahkan beberapa spasi putih (margin) sebelum dan sesudah paragraf.

Tampilan HTML

Anda tidak bisa yakin bagaimana HTML akan ditampilkan.

Layar besar atau kecil, dan ukuran jendela akan menciptakan hasil yang berbeda.

Dengan HTML, Anda tidak dapat mengubah output HTML yang muncul dengan menambahkan spasi ekstra atau baris tambahan kedalam kode sintaks HTML Anda.

Browser akan menghapus spasi tambahan dan garis tambahan ketika halaman ditampilkan:

contoh :

<!DOCTYPE html>
<html>
<head>

<p> Paragraf ini mengandung banyak garis dalam kode sumber, tetapi browser mengabaikannya. </p> <p> Paragraf ini mengandung banyak ruang dalam kode sumber, tetapi browser mengabaikannya. </ p> <p> Jumlah baris dalam paragraf tergantung pada ukuran jendela browser. Jika Anda mengubah ukuran jendela browser, jumlah baris dalam paragraf ini akan berubah. </ p>

</body>
</html>

Catatan: jangan lupa tag akhir Kebanyakan browser akan menampilkan HTML dengan benar bahkan jika Anda lupa tag akhir:

contoh :

<p> Ini adalah paragraph.
<p> Ini adalah paragraph.

Contoh di atas akan berfungsi di sebagian besar browser, tetapi jangan bergantung padanya, karena tidak memakai tag akhir dapat menghasilkan hasil atau kesalahan yang tidak terduga.

Baris HTML Breaks

<br>Elemen HTML mendefinisikan jeda baris .

Gunakan <br>jika Anda menginginkan jeda baris (baris baru) tanpa memulai paragraf baru:

contoh : <p> Ini adalah paragraf <br> dengan jeda baris. </p>

Tag<br> adalah tag kosong, yang berarti bahwa ia tidak memiliki tag akhir.

Elemen HTML <pre>

<pre>Elemen HTML mendefinisikan teks yang telah diformat.

Teks di dalam <pre>elemen ditampilkan dalam font dengan lebar tetap (biasanya Courier), dan mempertahankan spasi dan jeda baris:

contoh :

<pre>

  Kamu ada di atas lautan.

  Kamu ada di atas laut.

  Kamu ada di atas lautan.

  Oh, bawa kembali Dia  kepada saya.
</ pre>

Atribut Gaya HTML

Mengatur gaya elemen HTML, dapat dilakukan dengan styleatribut.

styleAtribut HTML memiliki sintaks berikut :

contoh : <tagname style="property:value;">

Property adalah properti CSS. Value adalah nilai CSS.

Warna Latar Belakang HTML

Background-colorproperti mendefinisikan warna latar belakang untuk elemen HTML.

Contoh ini menetapkan warna latar belakang untuk sebuah halaman ke powderblue:

contoh :

<h1> Ini adalah Judul</h1>
<p> Ini adalah paragraph.</p>

</body>

Warna Teks HTML

Colorproperti mendefinisikan warna teks untuk elemen HTML:

contoh :

<h1 style="color:blue;">ini judul</h1>

<p style="color:red;">ini adalah paragraf</p>

Font HTML

Font-familyproperti mendefinisikan font yang akan digunakan untuk elemen HTML:

contoh :

<h1 style="font-family:verdana;">ini judul</h1>

<p style="font-family:courier;">ini adalah paragraf</p>

Ukuran Teks HTML

Font-sizeproperti mendefinisikan ukuran teks untuk elemen HTML:

contoh :

<h1 style="font-size:300%;">ini judul</h1>
<p style="font-size:160%;">ini adalah paragraf</p>

Penyelarasan Teks HTML

Text-alignproperti mendefinisikan perataan teks horisontal untuk sebuah elemen HTML:

contoh :

<h1 style="text-align:center;">Judul DI tampilkan DI tengah</h1>
<p style="text-align:center;">Paragraf DI tampilkan Di Tengah.</p>

catatan :

Tulisan Rata Kiri

<h1 style="text-align:left;">Judul DI tampilkan DI tengah</h1>
<p style="text-align:left;">Paragraf DI tampilkan Di Tengah.</p>

Tulisan Rata Tengah

<h1 style="text-align:center;">Judul DI tampilkan DI tengah</h1>
<p style="text-align:center;">Paragraf DI tampilkan Di Tengah.</p>

Tulisan Rata Kanan

<h1 style="text-align:right;">Judul DI tampilkan DI tengah</h1>
<p style="text-align:right;">Paragraf DI tampilkan Di Tengah.</p>

Ringkasan Bab

Gunakan styleatribut untuk menata elemen HTML
Gunakan background-coloruntuk warna latar belakang
Gunakan coloruntuk warna teks
Gunakan font-familyuntuk font teks
Gunakan font-sizeuntuk ukuran teks
Gunakan text-alignuntuk perataan teks

Selamat Mencoba dan semoga bermanfaat.

Judul HTML

2018-10-27T04:25:00.001-07:00

Judul HTML

Judul didefinisikan dengan tag <h1>untuk <h6>.

<h1>mendefinisikan heading yang paling penting. <h6>mendefinisikan judul yang paling tidak penting.

Judul Penting

Mesin pencari menggunakan judul untuk mengindeks struktur dan konten halaman web Anda.

Pengguna skim halaman Anda dengan judulnya. Penting untuk menggunakan judul untuk menunjukkan struktur dokumen.

<h1>judul harus digunakan untuk judul utama, diikuti dengan <h2>judul, maka yang kurang penting <h3>, dan sebagainya.

Catatan: Gunakan judul HTML untuk judul saja. Dan jangan menggunakan judul dengan teks BESAR atau tebal.

Judul Lebih Besar

Setiap judul HTML memiliki ukuran default. Namun, Anda dapat menentukan ukuran untuk judul apa pun dengan styleatribut, menggunakan font-sizeproperti CSS :

contoh : <h1 style="font-size:60px;">Judul</h1>

Aturan Horisontal HTML

The <hr>tag mendefinisikan istirahat tematik di halaman HTML, dan yang paling sering ditampilkan sebagai aturan horisontal.

The <hr>elemen digunakan untuk memisahkan konten (atau menentukan perubahan) dalam sebuah halaman HTML:

contoh :

Elemen HTML <head>

<head>Elemen HTML tidak ada hubungannya dengan heading HTML.

The <head>unsur adalah wadah untuk metadata. Metadata HTML adalah data tentang dokumen HTML. Metadata tidak ditampilkan.

The <head>elemen ditempatkan di antara <html>tag dan <body>tag:

contoh :

<!DOCTYPE html>
<html>

<head>
<title>My First HTML</title>
<meta charset="UTF-8">
</head>

<body>

Catatan: Metadata biasanya menentukan judul dokumen, rangkaian karakter, gaya, tautan, skrip, dan informasi meta lainnya.

Tips cara melihat Sumber HTML?

Pernahkah Anda melihat halaman Web dan bertanya-tanya, "Hei! Bagaimana mereka melakukannya?"

Lihat Kode Sumber HTML:

Klik kanan di halaman HTML dan pilih "Lihat Sumber Halaman" (di Chrome) atau "Lihat Sumber" (di IE), atau serupa di peramban lain. Ini merupakan jendela yang akan mebuka sumber kode HTML halaman.

Periksa Elemen HTML:

Klik kanan pada elemen (atau area kosong), dan pilih "Inspect" atau "Inspect Element" untuk melihat elemen apa saja yang dibuat (Anda akan melihat HTML dan CSS). Anda juga dapat mengedit HTML atau CSS on-the-fly di panel Elemen atau Gaya yang terbuka.

Selamat Mencoba dan semoga bermanfaat.

Atribut HTML

2018-10-26T04:37:00.002-07:00

Atribut HTML

Semua elemen HTML dapat memiliki atribut
Atribut memberikan informasi tambahan tentang suatu elemen
Atribut selalu ditentukan dalam tag awal
Atribut biasanya datang dalam pasangan nama / nilai seperti: name = "value"

Atribut "href"

Tautan HTML ditentukan dengan <a>tag. Alamat tautan ditentukan dalam hrefatribut:

contoh : <a href="#">Ini Adalah Link</a>

Atribut "src"

Gambar-gambar HTML didefinisikan dengan <img>tag.

Nama file sumber gambar ditentukan dalam srcatribut:

contoh : <img src="Nama Gambar.jpg">

Atribut "lebar dan tinggi"

Gambar dalam HTML memiliki satu set atribut ukuran , yang menentukan lebar dan tinggi gambar:

contoh : <img src="Nama Gambar.jpg" width="500" height="600">

Ukuran gambar ditentukan dalam piksel: lebar = "500" berarti lebar 500 piksel.

Atribut "alt"

The altAtribut menentukan sebuah teks alternatif yang akan digunakan, jika gambar tidak dapat ditampilkan.

Nilai atribut dapat dibaca oleh pembaca layar. Dengan cara ini, seseorang yang "mendengarkan" halaman web, misalnya orang yang memiliki gangguan penglihatan, dapat "mendengar" elemen tersebut.

contoh : <img src="Nama Gambar.jpg" alt="Baju Merah">

"alt"atribut ini juga berguna jika gambar tidak ada:

Atribut "gaya"

"Style"atribut digunakan untuk menentukan styling dari unsur, seperti warna, font, ukuran dll

contoh : <p style="color:red">Tulisan ini warna Merah</p>

Anda akan belajar lebih banyak tentang styling nanti dalam tutorial ini, dan di Tutorial CSS di ling ini https://www.w3schools.com/css/default.asp.

Atribut "lang"

Bahasa dokumen dapat dideklarasikan dalam <html>tag.

Bahasa dideklarasikan dengan langatribut.

Mendeklarasikan bahasa penting untuk aplikasi aksesibilitas (pembaca layar) dan mesin telusur:

contoh :

<!DOCTYPE html>

Dua huruf pertama menentukan bahasa (en). Jika ada dialek, gunakan dua huruf lagi (AS).

Atribut "judul"

Di sini, titleatribut ditambahkan ke <p> elemen. Nilai atribut judul akan ditampilkan sebagai keterangan alat saat Anda mengarahkan mouse ke paragraf:

contoh :

Kami Sarankan: Gunakan Atribut Lowercase

Standar HTML5 tidak memerlukan nama atribut huruf kecil.

Atribut judul dapat ditulis dengan huruf besar atau huruf kecil seperti judul atau TITLE .

W3C merekomendasikan huruf kecil dalam HTML, dan menuntut huruf kecil untuk jenis dokumen yang lebih ketat seperti XHTML.

Kami Menyarankan: Kutipan Nilai Atribut

Standar HTML5 tidak memerlukan tanda kutip di sekitar nilai atribut.

The hrefatribut, ditunjukkan di atas, dapat ditulis tanpa tanda kutip:

W3C merekomendasikan kutipan dalam HTML, dan menuntut kutipan untuk jenis dokumen yang lebih ketat seperti XHTML.

Terkadang perlu menggunakan tanda kutip. Contoh ini tidak akan menampilkan atribut judul dengan benar, karena berisi spasi:

contoh : <p title=About W3Schools>

Menggunakan tanda kutip adalah yang paling umum. Tanda kutip dihilangkan dapat menghasilkan kesalahan.

Kutipan "Tunggal atau Ganda" ?

Tanda kutip ganda di sekitar nilai atribut adalah yang paling umum dalam HTML, tetapi tanda kutip tunggal juga dapat digunakan.

Dalam beberapa situasi, ketika nilai atribut itu sendiri mengandung tanda kutip ganda, maka perlu menggunakan tanda kutip tunggal:

contoh :

Atou sebaliknya :

Semua elemen HTML dapat memiliki atribut
titleatribut memberikan tambahan "alat-tip" informasi
hrefatribut menyediakan informasi alamat untuk link
widthdan heightatribut memberikan informasi ukuran untuk gambar
altatribut menyediakan teks untuk pembaca layar
W3Schools kami selalu menggunakan nama atribut huruf kecil
W3Schools kami selalu mengutip nilai atribut dengan tanda kutip ganda.

Atribut HTML

Di bawah ini adalah daftar alfabet dari beberapa atribut yang sering digunakan dalam HTML, yang akan Anda pelajari lebih lanjut dalam tutorial ini:

alt	Specifies an alternative text for an image, when the image cannot be displayed
disabled	Specifies that an input element should be disabled
href	Specifies the URL (web address) for a link
id	Specifies a unique id for an element
src	Specifies the URL (web address) for an image
style	Specifies an inline CSS style for an element
title	Specifies extra information about an element (displayed as a tool tip)

Daftar lengkap semua atribut untuk setiap elemen HTML, tercantum dalam link ini :https://www.w3schools.com/tags/ref_attributes.asp

Selamat Mencoba dan semoga bermanfaat.

Conto Dasar Dokumen HTML

2018-10-24T07:30:00.002-07:00

Dokumen HTML

Semua dokumen HTML harus dimulai dengan menggunakan deklarasi tipe dokumen seperti ini: <!DOCTYPE html>.

Dokumen HTML itu sendiri dimulai dengan <html>dan diakhiri dengan </html>.

Bagian yang terlihat dari dokumen HTML adalah antara <body>dan </body>.

<!DOCTYPE html>
<html>
<head>
<title> Struktur Dokumen HTML</title>
</head>
<body>
<h1>Judul Postingan</h1>
<p>Paragraph Pertamaku.</p>
</body>
</html>

Judul HTML

Judul HTML didefinisikan dengan tag <h1>to <h6>.

<h1>mendefinisikan heading yang paling penting. <h6>mendefinisikan heading yang paling tidak penting:

Paragraf HTML

Paragraf HTML didefinisikan dengan <p>....</P>tag:

Tautan HTML

Tautan HTML ditentukan dengan <a>tag:

<a href="#">ini adalah link</a>

Note:

Tujuan tautan ditentukan dalam hrefatribut.

Tanda (#) ganti dengan Link yang akan di Tuju.

Atribut memiliki kegunakan untuk memberikan sebuah informasi tambahan tentang elemen HTML yang di buat.

Gambar HTML

Gambar-gambar HTML didefinisikan dengan <img>tag.

File sumber ( src), teks alternatif ( alt) width,,, dan heightdisediakan sebagai atribut:

Tombol HTML

Tombol HTML didefinisikan dengan <button>tag:

Daftar HTML

Daftar HTML didefinisikan dengan daftar <ul>(unordered / bullet list) atau <ol>(diperintahkan / daftar bernomor), diikuti oleh <li> tag (item daftar):

<ul>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ul>

Selamat Mencoba dan semoga bermanfaat.

Belajar HTML Untuk Pemula

2018-10-23T21:00:00.000-07:00

Apa anda tahu apa itu HTML (Hypertext Markup Language )

HTML Merupakan bahasa Pemograman yang markup standar untuk membuat sebuah halaman web.

HTML adalah singkatan dari Hyper Text Markup Language
HTML menggambarkan struktur halaman web menggunakan markup
Elemen HTML adalah blok pembangun halaman HTML
Elemen HTML diwakili oleh tag
Tag HTML melabeli potongan konten seperti "pos", "paragraf", "tabel", dan seterusnya
Browser tidak akan menampilkan tag HTML, akan tetapi Tag HTML digunakan untuk merender konten halaman.

CONTO DOKUMEN HTML SEDERHANA:
<!DOCTYPE html>
<html>
<head>
<title> Struktur Dokumen HTML</title>
</head>
<body>
<h1>Judul Postingan</h1>
<p>Paragraph Pertamaku.</p>
</body>
</html>
Penjelasan Tag-tag Dokumen HTML di atas antara lain :

<!DOCTYPE html> Menerangkan deklarasi mendefinisikan dokumen ini menjadi HTML5
<html> Menerangkan elemen elemen akar halaman HTML
<head> Menerangkan elemen berisi informasi meta tentang dokumen
<title> Menerangkan elemen menentukan judul untuk dokumen
<body> Menerangkan elemen berisi konten halaman yang terlihat
<h1> Menerangkan elemen mendefinisikan judul besar
<p> Menerangkan elemen mendefinisikan sebuah paragraf

Tag HTML

Tag HTML merupakan sebuah nama tag elemen yang dikelilingi tanda kurung siku:

<tagname> konten ada di sini ... </ tagname>

Contoh Tag Paragraf <p>.......</p>

< p > Paragraf pertamaku. < / p >

Tag HTML biasanya datang berpasangan seperti <p>dan</p>
Tag pertama dalam pasangan adalah tag awal / tag pembuka, tag kedua adalah tag akhir / tag penutup
Tag akhir ditulis seperti tag awal, tetapi dengan garis miring yang disisipkan sebelum nama tag

Untuk membaca dokumen HTML dan menampilkannya anda memerlukan browser web Gratis Di internet misalnya seperti (Chrome, IE, Firefox, Safari)

Di bawah ini adalah visualisasi struktur halaman HTML:

Catatan: Hanya konten di dalam bagian <body> (area putih di atas) yang ditampilkan di browser.

Deklarasi <! DOCTYPE>

The <!DOCTYPE>deklarasi mewakili jenis dokumen, dan membantu browser untuk menampilkan halaman web dengan benar.

Hanya harus muncul sekali, di bagian atas halaman (sebelum tag HTML apa pun).

The <!DOCTYPE>deklarasi tidak sensitif huruf.

The <!DOCTYPE>deklarasi HTML5 adalah:

<!DOCTYPE html>

Versi HTML

Sejak masa awal web, ada banyak versi HTML:

Menulis HTML

Halaman web dapat dibuat dan dimodifikasi dengan menggunakan editor HTML profesional contonya ( Notepad++, Aloha Editor, Teks Sublime, Maqetta,Blue Griffon dan masih banyak lagi )

Namun, untuk belajar HTML saya merekomendasikan editor teks sederhana seperti Notepad (PC) atau TextEdit (Mac).

Saya percaya menggunakan editor teks sederhana adalah cara yang baik untuk mempelajari HTML.

Dengan cara anda mengikuti ke empat langkah di bawah ini anda bisa membuat halaman web pertama Anda dengan mudah, salahsatunya diantaranya alat media untuk membuatnya menggunakan aplikasi Notepad bawaan windows atau notpad++.

Untuk Mengakses Notpad bawaan windows anda bisa melihat caranya untuk membuka dan menjalankan Notpad bawaan windows tersebut di artikel sebelumnya.

sedangkan untuk mengunduh Notpad++ anda bisa mengunjungi Situs Resminya atau bisa langsung .

Langkah 1: Buka Notepad (PC)

Windows 8 atau lebih baru:

Buka Layar Mulai (simbol jendela di kiri bawah pada layar Anda). Ketik Notepad .

Windows 7 atau yang lebih lama:

Buka Mulai > Program> Aksesori> Notepad

Langkah 1: Buka TextEdit (Mac)

Buka Finder> Aplikasi> TextEdit

Juga ubah beberapa preferensi untuk mendapatkan aplikasi untuk menyimpan file dengan benar. Di Preferences> Format> pilih "Plain Text"

Kemudian di bawah "Buka dan Simpan", centang kotak yang mengatakan "Tampilkan file HTML sebagai kode HTML alih-alih teks yang diformat".

Kemudian buka dokumen baru untuk menempatkan kode.

Langkah 2: Tulis Beberapa HTML

Tulis atau salin beberapa HTML ke Notepad.

<!DOCTYPE html>

<html>

<head>

<title> Struktur Dokumen HTML</title>

</head>

<body>

<h1>Judul Postingan</h1>

<p>Paragraph Pertamaku.</p>

</body>

</html>

Langkah 3: Simpan Halaman HTML

Save ataou simpan file di komputer Anda. Pilih File> Save as dalam menu Notepad.

Kemudian kasih nama terserah anda asalkan belakangnya pake ( .HTML ) sebagai conto saya menggunakan nama file "index.htm" dan atur encoding ke UTF-8 (yang merupakan pengkodean yang lebih disukai untuk file HTML).

Langkah 4: Lihat Halaman HTML di Browser Anda

Setelah selesai menyimpanya Buka file HTML yang anda buat tadi di browser favorit Anda bisa di Bah Google, Mozila, sapari atau bahkan IE juga tap karna saya seneng menggunakan Bah Google saya menggunakan Bahgoogle untuk membuka filenya. (cara membukanya bisa klik dua kali pada file yang anda simpan tadi, atau bisa klik kanan - setelah itu pilih "Open/Buka dengan").

Hasilnya akan terlihat seperti ini:

Nah sekarang anda telah selesai membuat Web HTML sederhana.

Selamat Mencoba dan semoga bermanfaat.