Dadan Hermansah

All post

Cara Mengganti Tema Google Chrome

Google Chrome adalah salah satu peramban web atau aplikasi untuk browsing yang dikembangkan oleh perusahaan google dengan menggunakan mesin rendering webkit. Aplikasi browser Google Chrome ini merupakan aplikasi yang memiliki kecepatan dalam mengakses ditimbangkan dengan aplikasi browser lain dan pemiliknyapun perusahaan google. Maka tidak aneh jika aplikasi google chrome ini sangat banyak pemakinya.

Bagi pengguna Aplikasi Browser Google Chrome sobat mungkin merasa bosan dengan melihat dan memperhatikan tampilannya apakah dari segi background, warna dan lain sebagainya.

Mungkin sobat mempunyai keinginan untuk mengganti/mengubah tampilannya agar lebih menarik dan membawa semangat dalam menggunakan dan mencari sesuatu di internet.

Apa yang bisa dilakukan agar Aplikasi Google Chrome tidak terlihat bosan?

Ganti tampilan/tema. Bagaimana Cara mengganti Tema/Tampilan di Google Chrome?

Pada kesempatan kali ini sobat saya akan berbagi tutorial Cara Mengganti Tema/Tampilan Google Chrome.

Cara Mengganti Tema Google Chrome

Mengganti tema/tampilan pada Google Chrome tidaklah susah dengan satu dua kali langkah sobat sudah mendapatkan tampilan yang sobat inginkan dari google chrome ini dan bisa mengganti tampilan Google Chrome anda lebih Cantik dan Menarik.

Berikut Langkah Cara Mengganti Tema Google Chrome:

1. Klik pada Gambar Option pada kanan atas pada Google Chrome Sobat, dan Pilih Setelan.

2. Disana terdapat Tampilan, Kemudian Klik Button "Dapatkan Tema"

3. Klik Salah Satu Tema yang sobat inginkan dan Klik Tambahkan Ke Chrome.

4. Tuggu beberapa saat dan Tampilan Google Chrome anda terlihat lebih cantik dan menarik.

Catatan: Pastinya sobat harus koneksi jaringan internet.

Demikianlah Tutorial Cara Mengganti Tema Google Chrome dengan cepat dan mudah sehingga sobat tidak lagi terkesan membosankan dengan tampilan aplikasi google chrome sobat.

Semoga Sukses!!!!

Cara Membuat Pemutar Musik di Web

Sobat D42n, jika sebelumnya saya menyampaikan Cara menambahkan pemutar video di website sendiri. Kali ini saya akan menyampaikan Cara Membuat Pemutar Musik di Website.

Jika diantara sobat yang gemar mendengarkan musik atau suka menyanyi, tidak ada salahnya jika lagu favorit sobat dapat didengarkan oleh seluruh orang di penjuru dunia ini.

Maka dari itu saya akan menyampaikan Cara Membuat Pemutar Musik di Website sendiri menggunakan HTML5.

Sekilas tentang HTML 5

HTML5adalah versi bahasa pemrograman HTML ke 5 sejak pertama kali dibuat pada tahun 1990. Tujuan utamanya adalah mengembangkan teknologi khususnya dalam pemrograman HTML.

Cara Membuat Pemutar Musik di Web

Langkah-langkah untuk Membuat Pemutar Musik di Web antara lain sebagai berikut:

1. Buka aplikasi editor yang sobat punya, seperti Adobe Dreamweaver ataupun notepad.

2. Ketikan kode HTML berikut:

<html>
<head>
<title>Pemutar Video</title>
</head>
<body>
<audio controls="controls">
<source src="B.mp3" type="audio/mp3" />
</audio>
</body>
</html>

Disini saya memberi nama audio saya dengan nama “B” dan berformat MP3.

3. Simpan kode berikut dengan membuat folder baru contoh “ audio ” dan beri nama file editornya dengan index.html supaya otomatis dan salin musik/audio yang ingin sobat putar di website sobat di C:\xampp\htdocs\audio.

4. Jalankan aplikasi Xampp (Apache dan MySQL) dan aplikasi browser yang sobat punya seperti Google Chrome ataupun Mozilla Firefox.

5. Setelah itu tuliskan di atas tempat mencari URL di browser sobat “ localhost/audio”

Demikian Tutorial Cara Membuat Pemutar Musik di Website sendiri, dengan menggunakan kode HTML dan CSS3 agar tampilan website sobat menjadi lebih menarik. Semoga bermanfaat!!!

Baca Juga : Cara Membuat Efek Bayangan Dengan CSS

Cara Membuat Efek Bayangan dengan CSS

Cara Membuat Efek Bayangan dengan CSS Tutorial Add Comment

Bagaimana cara membuat website kita ada bayangannya?

Kesempatan kali ini Sobat D42n.com, saya akan membahas tentang cara membuat bayangan pada website dan pastinya menggunakan CSS.

Disini saya akan membuat dengan menambahkan box-shadow pada code CSSnya. Apa fungsi box-shadow tersebut?

Fungsi dari box-shadow adalah memberikan efek bayangan pada pada area yang kita kehendaki.

Cara Membuat Efek Bayangan dengan CSS

Langkah-langkah membuat bayangan pada website:

1. Buka aplikasi editor yang sobat miliki, seperti notepad ataupun adobe dreamweaver.

2. Tuliskan kode berikut:

<html>
<head><style type="text/css">
div{
                width:300px;
                height:100px;
                background-color:#309;
                -moz-box-shadow:10px 10px 10px #666666;
                box-shadow:10px 10px 10px #666666;
</style>
<title>Untitled Document</title>
</head>
<body>
<div></div>
</body>
</html>

3. file berikut dengan nama index.html di htdocs dan buat folder baru bernama “shadow”.

4. Jalankan aplikasi Xampp dan buka aplikasi browser sobat dan tuliskan di URL “localhost/shadow” dan lihat hasilnya.

5. Selesai, lihat hasilnya.

Sekarang kotak yang sobat miliki telah mempunyai bayangan dengan bantuan box-shadow tersebut.

Demikianah cara membuat bayangan kotak pada website dengan box-shadow.

Semoga Bermanfaat!!!

Baca Juga : Cara Membuat Pemutar Video Di Website

Cara Install Microsoft Office 2010

Cara Install Microsoft Office 2010 Tutorial Add Comment

Microsoft office adalah aplikasi yang ditujukan pada kantor, Mengapa dikatakan seperti itu?

Karena kebanyakan pekerjaan yang ada di kantor-kantor sangat erat sekali hubungannya dengan Microsoft Office ini. Dimana aplikasi ini mempunyai beragam aplikasi didalamnya, seperti Microsoft Word sebagai pengolah kata, Microsoft Excel sebagai pengolah angka dan sebagainya.

Aplikasi pengolah kata disini adalah aplikasi untuk menuliskan/menyusun kata, seperti contoh pembuatan Makalah, Proposal, Skripsi dan lain sebagainya.

Selain itu Dalam aplikasi Microsoft Office 2010 telah banyak perkembangan, karena bisa ditinjau dari fitur-fitur dan aplikasi yang belum ada di versi sebelumnya. Seperti adanya Microsoft InfoPath, Microsoft One Note dan Microsoft Visio Viewer.

Cara Install Microsoft Office 2010

Langkah-langkah Cara Install Microsoft Office 2010 Di Windows dengan Laptop/PC:

1. Run as Administrator pada file setup Microsoft Office 2010 sobat dan klik Yes.

2. Beri centang pada I accept the terms of this agreement, kemudian klik Continue.

3. Disini sobat akan menginstall seluruh aplikasi yang ada di Microsoft Office 2010 atau Sesuai kebutuhan saja. Klik Install Now untuk menginstall keseluruhan.

4. Jika sesuai kebutuhan sobat Klik Costumize.

5. Klik pada Aplikasi yang tidak akan sobat Install dan Pilih Not Available.

6. Jika sudah Klik Install Now.

7. Tunggu hingga proses Instalasi selesai.

8. Klik Close.

Sekarang Laptop / PC Anda telah terpasang aplikasi Microsoft Office 2010 jadi jangan khawatir lagi jika ada tugas dari guru/dosen untuk membuat laporan seperti makalah, skripsi ataupun yang lainnya sobat bisa menggunakan aplikasi Microsoft Office 2010 ini untuk membuat tugas tersebut. Demikianlah Tutorial Cara Install Microsoft Office 2010, Semoga bermanfaat.

Cara Install MiniLyrics

Cara Install MiniLyrics Tutorial Add Comment

Pagi Sobat D42n.com, Pada kesempatan saya akan menyampaikan cara agar sobat bisa karaoke di laptop sendiri dimana saja yang sobat inginkan.

Lalu aplikasi apa yang digunakan? Aplikasi MiniLyrics.

Aplikasi MiniLyrics adalah aplikasi untuk menampilkan lirik lagu secara otomatis ketika kita sedang memutar sebuah lagu.

Aplikasi ini termasuk aplikasi yang unik, mengapa demikian?

Karena bisa mencari lirik lagu sesuai dengan lagu yang sedang sobat putar. Meskipun pada awalnya harus koneksi jaringan internet agar bisa menelusuri lirik lagunya.

Kelebihannya aplikasi MiniLyrics ini adalah bisa mendukung pemutar music apa saja.

Cara Install MiniLyrics

Langkah-langkah install minylyrics sebagai berikut:

1. Run as Administrator pada file file setup MiniLyrics sobat.

2. Kemudian memilih bahasa untuk proses instalasi, lalu klik Next.

3. Klik I Agree.

4. Menentukan apakah Anda akan menampilkan di Desktop dan Start Menu, dengan memberi tanda centang. Kemudian Klik Next.

5. Klik Install.

6. Tunggu hingga proses Install MIniLyrics sobat selesai.

Demikian Tutorial Cara Install MiniLyrics di Windows. Semoga bermanfaat.

Jika sobat belum mempunyai aplikasinya Klik Download dibawah ini:

Cara Membuat Permutar Video di Website

Cara Membuat Pemutar Video Tutorial Add Comment

Pagi Sobat D42n, bersangkutan dengan sebuah website tidak lazim jika kita membuat sebuah website tanpa keindahan. Karena keindahan akan membuat pengunjung website sobat betah berlama-lama berkunjung di website yang sobat miliki.

Baiklah sobat D42n.com, kali ini saya akan menyampaikan cara menambahkan video di website sobat dengan menggunakan HTML5. Tips & Triknya cukup mudah, Maka simaklah langkah-langkahnya.

Cara Membuat Pemutar Video di Website

Langkah-langkah Cara Menambahkan Video Di Website sendiri:

1. Buka aplikasi editor yang sobat punya, seperti Adobe Dreamweaver ataupun notepad.

2. Ketikan kode HTML berikut:

<html>

<head>

<title>Pemutar Video</title>

</head>

<body><video width="320" height="300" controls="controls">

<source src="A.mp4" type="video/mp4" />

</video>

</body>

</html>

“width=” ” height=” ” sobat bebas menentukan lebar dan tinggi video yang sobat putar.”

3. Simpan kode berikut membuat folder baru contoh “ html ” dan beri nama file editornya dengan index.html supaya otomatis dan salin video yang ingin sobat putar di website sobat di C:/xampp/htdocs/html. Disini saya memberi nama pada video yang saya punya dengan nama “A” dan berformat mp4.

Catatan : Sobat bisa mengganti format sesuai video yang sobat punya.

4. Jalankan aplikasi Xampp (Apache dan MySQL) dan aplikasi browser yang sobat punya seperti Google Chrome ataupun Mozilla Firefox.

5. Setelah itu tuliskan di atas tempat mencari URL di browser sobat “ localhost/html”

6. Selesai.

Demikianlah Tutorial Cara Membuat Pemutar Video Di Website sendiri, dan sekarang anda bisa mempraktekannya dengan belajar dengan lebih rajin lagi. Semoga bermanfaat!!!

Baca Juga : Cara Membuat Pemutar Musik Di Website

Cara Membuat Garis Border Melengkung pada Website

Cara membuat border melengkung Tutorial Add Comment

Siang sobat D42n, pasti sobat merasa bosan dengan tampilan website yang semuanya erbentuk kotak. Kali ini saya akan menawarkan solusi cara membuat kotak di website melengkung dengan bantuan sedikit CSS yaitu menggunakan border-radius. Apa fungsi border-radius itu sendiri?

Border-radius berfungsi untuk membuat lengkungan atau melengkungkan sudut-sudut pada sebuah kotak di website.

Meskipun berbentuk kotak pada sebuah website itu terlihat minimalis, namun dibalik semua itu terkadang ada sifat bosan atau ingin terlihat beda dari yang lain. Maka dari itu saya akan menyampaikan cara melengkungkan sudut-sudut kotak pada website.

Cara Membuat Garis Border Melengkung pada Website

Langkah Membuat Garis Border Melengkung sebagai berikut:

1. Buka aplikasi editor yang sobat miliki, seperti notepad ataupun adobe dreamweaver.

2. Tuliskan kode berikut:

<html>
<head>
<style type="text/css">
div{
                width:300px;
                height:200px;
                border:2px solid gray;
                border-radius:20px;
}
</style>
<title>Untitled Document</title>
</head>
<body><div><br />
Disini saya menggunakan border-radius untuk membuat lengkungan di sudut-sudut
kotak pada website saya</div>
</body>
</html>