Cara Menghapus Virus Shortcut Secara Menyeluruh

Selamat datang kembali di chakra media blog. Sekarang saya akan membahas bagaimana cara menghapus virus shortcut secara menyeluruh. Mengapa saya membahas ini? karena, banyak teman saya yang menjadi korban virus yang satu ini. Virus shortcut yaitu virus yang bekerja dengan cara menyembunyikan file asli dengan shortcut atau bahkan menjadi kosong tetapi memory tetap terisi.

Bagaimana kita mengatasi virus shortcut ini. Mari kita bahas bagaimana cara menghapus virus shortcut secara menyeluruh. Disini saya mempunyai beberapa cara untuk membersihkannya :

1. Cara menghapus virus shortcut dengan CMD
Kita bisa menghapus virus shortcut dengan CMD. Bagaimana caranya? caranya bisa dilihat dibawah ini :

• pertama, kita buka command prompt atau biasa disingkat cmd, di start untuk di windows 7, atau bisa juga di run-> ketikan CMD

        

• Setelah tampil cmdnya, pilih drive atau flashdisk yang mana yang mau kita bersihkan. misalnya drive E, kita tinggal ketik di cmd E:.

• Selanjutnya kita ketik attrib -s -r -h /s /d di cmd kita.

• Tunggu hingga proses selesai. Setelah selesai kita buka drive yang tadi dibuka di cmd, akan terlihat folder atau file yang di hidden oleh si virus shortcut ini.
• Hapus virus shortcutnya, selesai deh.
• trik ini hanya untuk menampilkan file yang di hiddennya saja, kemungkinan masih bisa dimasuki lagi oleh virus shortcut lagi.

2. Cara menghapus virus shortcut dengan Anti Virus.

Cara kedua yaitu menghapus virus shortcut dengan anti virus. Bagaimana caranya? Sahabat bisa menggunakan antivirus smadav untuk scan file hiddennya(ingat hanya untuk buka file hidden), untuk proteksinya kita bisa menggunakan Microsoft Security Essentials. untuk file download smadav sahabat bisa download disini dan microsoft security essentials cari saja di internet karena softwarenya gratis alias freeware. Selama saya memakai microsoft security essentials tidak ada kendala virus, kalaupun ada langsung di hajar.

• Kita install smadav.
• Setelah selesai, jangan di enable protectionnya di smadav, karena kita akan menggunakannya sebagai pemindai file yang terhidden oleh virus shortcut ini.
• Buka smadavnya, dan scan drive yang terinfeksi virus tersebut.
• Setelah terlihat file yang tersembunyi, kita unhide semua filenya.
• Selanjutnya kita hapus file shortcut itu. Jika masuk recycle bin hapus lagi hingga punah.
• Setelah itu sahabat install microsoft security essentials.
• Dan ketika beres menginstall antivirusnya kita update, atau cari saja di internet database antivursnya, banyak kok.
• setelah proses install selesai, nyalakan protection.
• Selamat, sekarang komputer kamu sudah terlindungi oleh antivirus dan terbebas dari virus shortcut.

Sekian dari chakra media blog tentang cara menghapus virus shortcut secara menyeluruh. Silakan komentar jika sobat masih bingung. Terima kasih dan semoga bermanfaat.

Cara Mengaktifkan fitur https di blogspot gratis 2015

Selamat datang kembali sahabat chakra media blog. Sekarang chakra media blog akan share cara mendapatkan https dengan gratis di blogspot. Sebelumnya apakah sahabat tahu apa itu https ? https itu singkan dari Hyper Text Transfer Protocol Secure, loh apa bedanya dengan http biasa ? nah dalam https ini seperti yang sering kita lihat di website besar selalu ada tanda gembok sebelum tulisan https, itu dimaksudkan agar website kita lebih aman dari kata Secure. Itulah sedikit ulasan tentang https.

 Chakra media akan memberitahu cara agar website/blog kita mendapatkan https, perlu diingat https ini hanya untuk blogger yang masih menggunakan .blogspot.com, Jika sahabat menggunakan domain sendiri tidak akan diberi izin oleh pihak blogger. Mari kita masuk ke cara mendapatkan https gratis :

1. Masuk ke blog kita, jika belum login silakan login terlebih dahulu.
2. Masuk ke dashboard blog yang ingin kita tambah fitur https.
3. Masuk ke bagian setelan atau setting.
4. Setelah melihat https setting atau setelan https kita ubah pilihan no menjadi yes atau tidak menjadi ya, jika masih bingung silakan lihat gambar dibawah ini.

Selesai deh, silakan lihat blog sahabat dengan menggukan https://. Gimana mudah bukan ? demikianlah cara mengaktifkan fitur https di blogspot gratis 2015. Jika sahabat masih bingung, silakan komen dibawah ini. Mungkin cukup sekian postingan dari saya, terima kasih sudah mengunjungi chakra media blog, semoga bermanfaat.

Tutorial HTML Dasar : 10. Mengenal Fungsi Tag Div dan Span

Sekarang kita akan Mengenal tag div dan span, jika sebelumnya sahabat sudah melihat tutorial sebelumnya. Kalau belum kita silakan lihat dulu Tutorial HTML Dasar : 9. Mengenal Tag Table dan List di HTML. Tag ini akan seiring kita jumpai pada template atau web design karena kedua tag ini secara garis besar tidak mempunya arti atau fungsi apa-apa. Tapi, jika kita ingin menjadi web designer kita akan sering menggunakannya. Mari kita bahas tag div dan span dibawah ini.

Pengertian dan fungsi tag div

Div adalah tag block-level yang tidak mempunyai arti sama sekali. Block level ini maksudnya tag yang bisa menyesuaikan dengan lebar web yang tersedia dan ketika ditutup tag div maka tag lain akan tampil di garis baru. Maka dari itu tag ini sering digunakan untuk design web. Berikut adalah contoh tag block level selain div :

• <div>
• <h1> - <h6>
• <p>
• <form>

Langsung saja, kita buat contohnya :

<!doctype html>
<html>
     <head>
            <title>Belajar Div dan Span</title>
     </head>
     <body>
            <div style="background-color:lightblue; ">
               <h2>Belajar Div</h2>
               <p> Bandung adalah kota di provinsi Jawa Barat.</p>    
            </div>
     </body>
</html>

Coba buat file html seperti diatas dan lihat hasilnya, akan tampil background biru muda sesuai lebar website atau browsernya. Itulah mengapa seorang designer web menggunakan div untuk designnya.

Pengertian dan fungsi tag Span
Span adalah tag inline yang tidak mempunyai arti sama seperti div. Inline biasanya digunakan didalam sebuah container atau didalam tag div. Tag span tidak mempunyai attribut, tapi sering digunakan attribut class atau id, untuk menghubungkan dengan css maupun javascript. Berikut contoh tag iniline :

• <span>
• <a>
• <img>

Sekarang mari kita buat contohnya :

<!doctype html>
<html>
     <head>
            <title>Belajar Div dan Span</title>
     </head>
     <body>
            <div style="background-color:lightblue; ">
               <h2>Belajar Div</h2>
               <p> <span style="color:grey">Bandung<span> adalah kota di provinsi Jawa Barat.</p>  
            </div>
     </body>
</html>

 Coba edit file tedi menjadi seperti diatas. Bagaimana sobat? mengerti kan sekarang tentang fungsi div dan span. Jika belum mengerti komen aja dibawah ini. Terima kasih telah membaca Tutorial HTML Dasar : 10. Mengenal Fungsi Tag Div dan Span, Semoga bermanfaat.

Kapan Ulang Tahun Google? Ternyata Google Ulang Tahun Hari ini 27 September

Halo sahabat chakra media blog, dari judul Kapan Ulang Tahun Google?, pasti berntanya-tanya ada apa di google doodle hari ini? ternyata sekarang adalah ulang tahun google yang ke 17. Dengan tema Kapan Ulang Tahun Google?, ulang tahun google ini dirayakan pada hari ini 27 september hari ini.

Sudah bertahun-tahun google menjadi raksasa di dunia internet atau search engine, google sudah merayakan ulang tahun yang ke 17. Mari kita lihat siapa aktor dibalik suksesnya google, mereka adalah Larry Page dan Sergey Brin. Larry Page dan Sergey Brin mendirikan google pada tanggal 4 september, 3 hari setelah didirikan, google resmi menjadi coporasi pada tanggal 7 September. Tapi pada tahun 2005 google mengganti tanggal ulang tahun mereka menjadi tanggal 27 September.

Google sudah menemani kita bertahun-tahun lamanya dan google telah menjadi raksasa search engine dan diperkuat dengan fitur layanan yang lain seperti gmail, youtube yang sekarang juga menjadi situs streaming video terbesar didunia, ditambah lagi dengan os android yang menjamur di seluruh dunia membuat perusahaan google ini kokoh di papan atas dunia internet.

Dengan tema yang simpel dan sederhana ini, google doodle menampilkan sebuah komputer menggunakan topi khas ulang tahun, dan ada 2 buah balon yang menghiasi meja komputernya dengan layar yang menunjukan mesin pencari google itu sendiri. Cukup sekian berita atau informasi tentang Kapan Ulang Tahun Google? ini, terima kasih telah mengunjungi blog saya dan semoga bermanfaat.

Selamat ulang tahun google yang ke-17.

Tutorial HTML Dasar : 9. Mengenal Tag Table dan List di HTML

Selamat datang kembali di chakra media blog. Sekarang mari kita belajar Tag table dan list di HTML. Setelah sebelumnya mempelajari tutorial HTML dasar : 8. Mengenal Hyperlink dan image di HTML, Jika belum memperlajari hyperlink dan image, silakan klik saja link diatas.

Belajar Tag Table

Table adalah sebuah tag yang digunakan untuk membuat tabel. Tag table ini akan sering kita gunakan dalam aplikasi web ataupun website. Tag table ini cukup mudah untuk dikuasai asalkan kita mengerti konsep awalnya saja.

Baik, kita langsung saja membuat contohnya :

<!doctype html>
<html>
     <head>
            <title>Belajar Table dan List</title>
     </head>
     <body>
            <table style="width:100%">
                     <tr>
                            <th> Nama Depan </th>
                            <th> Nama Tengah </th>
                            <th> Nama Akhir </th>
                     </tr>
                     <tr>
                            <td> Chakra </td>
                            <td> Bernat </td>
                            <td> Yusuf </td>
                     </tr>
            </table>
     </body>
</html>

 Coba sobat buat dan lihat di web browser. Loh kok namanya tag table tapi yang muncul data tilisannya saja ?? tenang nanti saya akan jelaskan. Sekarang saya akan jelaskan dulu fungsi tag diatas. Tag <table> => ini adalah tag pembukan untuk membuat sebuah tabel, <tr> => tr ini singkatan dari table rows tag ini berfungsi untuk menambahkan baris pada tabel, <th> => th singkatan dari  table headings tag ini berfungsi untuk menambahkan data heading atau judul data didalam tabel, dan <td> => td singkatan dari table data tag ini berfungsi untuk menambahkan data didalam tabel. Setelah mengetahui fungsi dari tag diatas, saya akan coba menjelaskan pembahasan tadi yaitu, kenapa di tag table hanya tampil datanya saja tidak ada garis tabelnya ? untuk membuat garis tabel kita bisa menambahkan properti border di style atau attribut border di table. Silakan sobat edit file htmlnya :

<!doctype html>
<html>
     <head>
            <title>Belajar Table dan List</title>
            <style>
                     table,th,td{border:1px solid black;}th{text-align:left}
            </style>
     </head>
     <body>
            <table style="width:100%">
                     <tr>
                            <th> Nama Depan </th>
                            <th> Nama Tengah </th>
                            <th> Nama Akhir </th>
                     </tr>
                     <tr>
                            <td> Chakra </td>
                            <td> Bernat </td>
                            <td> Yusuf </td>
                     </tr>
            </table>
     </body>
</html>

Sekarang save dan coba lihat di web browser, border atau garis tabel akan nampak.Tapi garisnya akan membagi semuanya bukan satu garis seperti tabel pada umumnya. Mari kita buka lagi file htmlnya dan tambahkan sintak berikut :

<style>
                     table,th,td{border:1px solid black;border-collapse:collapse;}
</style>

 Sobat tinggal tambah di tag style => border-collapse:collapse; , lihat perbedaannya. Agar judul tabelnya berada di sebelah kiri kita tambahakan di tag style th{text-align:left} , coba sobat lihat di web browser. Di tag table ini ada attribut yang sering dipakai yaitu colspan dan rowspan. Attribut colspan gunanya menggabungkan kolom atau tag <td>/<th> dan rowspan gunanya menggabungkan row atau <tr>. langsung kita lihat contohnya :

<!doctype html>
<html>
     <head>
            <title>Belajar Table dan List</title>
            <style>
                     table,th,td{border:1px solid black;}td{text-align:center}
            </style>
     </head>
     <body>
            <table style="width:100%">
                     <tr>
                            <th rowspan="2"> Nama </th>
                            <th colspan="2"> Daerah </th>
                     </tr>
                     <tr>                            <th> Asal </th>
                            <th> Sekarang </th>
                     </tr>
                     <tr>                            <td> Chakra </td>
                            <td> Soreang </td>
                            <td> Bandung </td>
                     </tr>
            </table>
     </body>
</html>

Sahabat bisa lihat sendiri perbedaannya setelah save sintak diatas.
Belajar Tag List
Sekarang kita akan Belajar tag list di html. Tag list ini ada 2, yaitu unordered list atau <ul> dan ordered list <ol>. Pertama kita belajar unordered list terlebih dahulu. Unordered list adalah list yang tidak berdasarkan urutan. Kalau masih bingung lihat saja contoh sintaknya :

<!doctype html>
<html>
     <head>
            <title>Belajar Table dan List</title>
     </head>
     <body>
           <ul>
                <li>Jeruk</li>
                <li>Anggur</li>
                <li>Strawberry</li>
           </ul>
     </body>
</html>

Cobalah buat file baru dengan disintak diatas, kita akan melihat seperti point atau titik sebelum teks. Kita bisa ganti point atau titiknya itu bisa dengan kotak, dan lain-lain, silakan coba attribut style di tag ul berikut :

list-style-type:circle
list-style-type:circle
list-style-type:square
list-style-type:none

Contoh:

<ul style="list-style-type:circle">
                <li>Jeruk</li>
                <li>Anggur</li>
                <li>Strawberry</li>
</ul>

Silakan sahabat coba satu persatu. Sekarang mari kita belajar ordered list atau ol. Ordered list adalah list yang dibuat untuk data berurutan. Langsung ke contohnya :

<!doctype html>
<html>
     <head>
            <title>Belajar Table dan List</title>
     </head>
     <body>
           <ol>
                <li>Jeruk</li>
                <li>Anggur</li>
                <li>Strawberry</li>
           </ol>
     </body>
</html>

Coba save file tersebut dan lihat di browser sobat. Itu adalah contoh ordered list, sekarang mari kita ganti angkanya dengan yang lain engan menambahkan attribut type di tag ol, berikut daftar attribut type yang bisa digunakan di tag ol :

type="1" => Tipe ini adalah tipe default yaitu nomor biasa
type="A" => Tipe ini adalah list dengan huruf kapital.
type="a" => Tipe ini adalah list dengan huruf kecil.
type="I" => Tipe ini adalah list dengan angka romawi besar.
type="i" => Tipe ini adalah list dengan angka romawi kecil.

Contoh :

<!doctype html>
<html>
     <head>
            <title>Belajar Table dan List</title>
     </head>
     <body>
           <ol type="I">
                <li>Jeruk</li>
                <li>Anggur</li>
                <li>Strawberry</li>
           </ol>
     </body>
</html>

Coba attribut diatas satu persatu, agar sobat tau perbedaannya. Sekarang saya sudah membuat tugas untuk sahabat chakra media blog, silakan lihat gambar dibawah ini :

Tugasnya yaitu sahabat harus membuat file html persis seperti diatas. Mungkin cukup sekian postingan dari saya, terima kasih dan semoga bermanfaat.

Tutorial HTML Dasar : 8. Mengenal Hyperlink dan image di HTML

Selamat datang Kembali di Chakra media blog. Sekarang saya akan mencoba mengenalkan kepada sahabat tentang Hyperlink dan image di HTML. Sebelum membaca tutorial kali ini, alangkah baiknya sahabt membaca dulu postingan sebelumnya tentang Tutorial HTML Dasar : 8. Mengenal Formatting dan komentar di HTML. Gimana, sobat blog udah buat tugas yang saya berikan di tutorial atau postingan sebelumnya ?? jika belum mending baca-baca dulu tutorial HTML dasar yang lalu deh, biar gak pusing dan belajarnya terstruktur.

Belajar Hyperlink

Nah, sekarang kita akan belajar atau mempelajari tentang Hyperlink. apa sih hyperlink itu ?? Hyperlink adalah suatu teks ataupun gambar yang bisa di klik untuk menuju ke dokumen lain. Kalo di HTML ini gak ada hyperlink gak afdol dong, kan tujuan html dibuat juga salah satunya untuk mempermudah berpindah dari dokumen satu ke dokumen lainnya.

Baik sekarang saya akan membuat sebuah contoh dari hyperlink untuk di pelajari oleh sahabat, Langsung saja :

<!doctype html>
<html>
     <head>
            <title>Belajar Hyperlink dan Image</title>
     </head>
     <body>
           <a href="http://www.chakra-media.tk"> Ini hyperlink </a>
     </body>
</html>

 Coba buat file htmlnya dan lihat hasilnya di web browser.
Saya akan coba jelaskan <a => ini tag hyperlink, href => attribut ini berfungsi untuk mencari tujuan dokumen yang akan kita buka, dan "http://www.chakra-media.tk" => ini value atau nilai atau isi dari href yang akan mengantar kita ke alamat web tersebut. Untuk sobat yang masih kebingungan, saya akan buatkan 2 contoh hyperlink :

<!doctype html>
<html>
     <head>
            <title>Belajar Hyperlink dan Image</title>
     </head>
     <body>
            <a href=""> Menuju hyperlink1 </a>
     </body>
</html>

 Kosongkan dulu value href-nya. Buatlah file HTML seperti diatas dengan nama hyperlink2.html, lalu buka file di web browser sobat dan lihat di address barnya dan copy-lah. contoh gambarnya.

Lalu buatlah sebuah file HTML kembali :

<!doctype html>
<html>
     <head>
            <title>Belajar Hyperlink dan Image</title>
     </head>
     <body>
            <a href="file:///D:/Blog/TUTORIAL%20DASAR%20HTML/hyperlink2.html"> menuju hyperlink2 </a>
     </body>
</html>

 Paste-lah hasil copy tadi di dalam href, Lalu save satu folder dengan hyperlink2.html, dan beri nama hyperlink1.html. buka di web browser, lihat apakah berhasil atau tidak, jika berhasil, lakukan copy seperti contoh yang di atas, dan sekarang buka lagi hyperlink2.html. paste hasil copy tadi ke dalam attribut href, seperti di hyperlink1.html, Lalu save kembali.
Sekarang coba buka file hyperlink1.html dan coba klik menuju hyperlink2, jika berhasil akan tampil tulisan menuju hyperlink1.

Agar ketika klik membuka ditab berbeda kita tinggal menggunakan attribut Target dan valuenya yaitu _blank. contoh :

<a href="http://www.chakra-media.tk" target="_blank"> menuju hyperlink2 </a>

Kita juga bisa berpindah ke teks lain bukan ke dokumen di hyperlink ini, mari kita coba buat contohnya :

<!doctype html>
<html>
     <head>
            <title>Belajar Hyperlink dan Image</title>
     </head>
     <body>
            <a href="#teks5"> Loncat ke teks5 </a><br/>
              <h2>Teks 1</h2>
              <p>Ini adalah teks 1</p><br/><br/><br/><br/><br/><br/><br/><br/>
              <h2>Teks 2</h2>
              <p>Ini adalah teks 2</p><br/><br/><br/><br/><br/><br/><br/><br/>
              <h2>Teks 3</h2>
              <p>Ini adalah teks 3</p><br/><br/><br/><br/><br/><br/><br/><br/>
              <h2>Teks 4</h2>
              <p>Ini adalah teks 4</p><br/><br/><br/><br/><br/><br/><br/><br/>
              <h2 id="teks5">Teks 5</h2>
              <p>Ini adalah teks 5</p><br/><br/><br/><br/><br/><br/><br/><br/>
              <h2>Teks 6</h2>
              <p>Ini adalah teks 6</p><br/><br/><br/><br/><br/><br/><br/><br/>
     </body>
</html>

Coba sobat buat file seperti itu, dan coba klik hyperlinknya, jika berpindah berarti itu berhasil. Kenapa saya pakai tag <br/> banyak sekali ?? Karena agar terlihat pindahnya ke teks 5 tersebut. Jika satu halaman saja tidak akan bereaksi karena sudah terlihat. Tanda # di href ini berpasangan dengan attribut id, jadi kita HTML memanggil attribut id dengan value teks5 dengan tanda #teks5 di href.

Perlu diingat hyperlink ini tidak harus teks, bisa juga dengan image dan akan dibahas dibawah.
Untuk pelajaran hyperlink cukup sekian, sekarang kita akan belajar tag image dan kita bisa kolaborasikan dengan tag hyperlink ini.

Belajar Image

Setelah kita belajar hyperlink, sekarang kita akan belajar tentang Image. Image adalah tag yang digunakan untuk memunculkan gambar dalam sebuah web. Nanti akan saya kolaborasikan dengan tag hyperlink. Image ini support gambar jpg, png, dan gif. Misal kita ingin memasukan gambar .gif yang gerak, kita bisa menampilkannya di browser.

Langsung ke contohnya, tapi sobat harus menyimpan file gambar satu folder dengan file ini, saya menyimpan gambar bernama smiley.jpg dalam satu folder :

<!doctype html>
<html>
     <head>
            <title>Belajar Hyperlink dan Image</title>
     </head>
     <body>
            <h3>Belajar Tag Image</h3>
            <img src="smiley.jpg" alt="Ini gambar Smiley">
     </body>
</html>

 Nah coba sobat buat seperti sintak diatas, dan lihat di web browser, jangan lupa ganti value smiley.jpg ini menjadi nama gambar sobat. Penjelasannya <img => tagnya, src => attribut untuk memanggil file gambarnya, dan alt => attribut untuk mendeskripsikan atau menggambarkan gambar dalam bentuk teks.
Sekarang saya akan coba buat 2 image dengan berbeda tempat di browser dengan menggunakan float di attribut style.

<!doctype html>
<html>
     <head>
            <title>Belajar Hyperlink dan Image</title>
     </head>
     <body>
            <h3>Belajar Tag Image</h3>
            <img src="smiley.jpg" alt="Ini gambar Smiley" style="float:right">
            <img src="smiley.jpg" alt="Ini gambar Smiley" style="float:left">
     </body>
</html>

 Sekarang coba sobat buat sintak seperti diatas, pasti akan berbeda tempat kan ? itu gunanya float di attribut style atau nanti di css.
Sebenarnya di tag image ini ada attribut widht dan height di html5 masih digunakan, tapi memang kurang bagus menggunakan attribut itu. Kita menggantinya dengan attribut style atau di css width dan height. Contoh :

<!doctype html>
<html>
     <head>
            <title>Belajar Hyperlink dan Image</title>
     <style>
             img{
                    width:100%;
             }
     </style>
     </head>
     <body>
            <h3>Belajar Tag Image</h3>
            <img src="smiley.jpg" alt="Ini gambar Smiley" style="width:223px;height:226px;">
            <img src="smiley.jpg" alt="Ini gambar Smiley" width="223px" height="226px">
     </body>
</html>

 Silakan sobat coba dan lihat perbedaannya. Jadi kalau menggunakan style properti width height ukurannya tidak berubah, tapi kalau menggunakan attribut width dan height akan mengubah ukuran width. Itu karena, pengaruh dari img{ width:100%;}, maksud dari 100% ini ukurannya mengikuti perintah, jika dengan attribut style sintaknya terhubung jadi di perintah img pertama gambar ukurannya tetap mengikuti perintah di attribut style, akan tetapi jika menggunakan attribut width dan height tidak terhubung jadi maksud dari 100% di tag style di atas membuatnya seukuran atau mengikuti ukuran web browser.

Setelah mempelajari tag image, sekarang mari kita satukan semua pelajaran ini. Kita bisa membuat hyperlink dengan tag image. Langsung ke contohnya :

<!doctype html>
<html>
     <head>
            <title>Belajar Hyperlink dan Image</title>
     <style>
             img{
                    width:100%;
             }
     </style>
     </head>
     <body>
            <h3>Belajar Tag Hyperlink dengan Image</h3>
            <a href="http://chakra-media.tk">
            <img src="../image/logo.png" alt="Ini Logo Chakra Media" style="width:223px;height:226px;">
            </a>
     </body>
</html>

Tanda ../ di attribut src maksudnya untuk keluar dari folder awal /image untuk masuk ke folder image dan /logo.png untuk mengambil gambarnya. Silakan pelajari, tanyak jika ada yang kurang mengerti, saya akan coba membantu. Terima kasih sudah mengunjungi blog saya dan semoga bermanfaat.

Tutorial HTML Dasar : 7. Mengenal Formatting dan komentar di HTML

Sekarang kita belajar tentang Formatting dan komentar di HTML. Di pembelajaran HTML ini kita akan mengenal formatting dan komentar. Pertama kita mengenal formatting di HTML dulu sobat, check this out.

Tag Formatting di HTML

Tag Formatting ini ada banyak yang pertama yaitu tag <b> atau Bold. Tag ini digunakan untuk menebalkan teks yang berada di dalam tagnya. Langsung saja contohnya :

<!doctype html>
<html>
     <head>
           <title>Belajar Formatting</title>
     </head>
     <body>
           <b>Saya sedang belajar bold</b>
     </body>
</html>

 Sekarang tag <strong>. Tag ini juga digunakan untuk menebalkan, hanya saja perbedaannya dengan tag <b> ini terletak pada tag <strong>, karena tag <strong> itu untuk suatu kalimat atau kata yang penting dan tag <b> ini hanya untuk menebalkan saja. Contoh :

<!doctype html>
<html>
     <head>
           <title>Belajar Formatting</title>
     </head>
     <body>
           <strong>Saya sedang belajar strong</strong>
     </body>
</html>

Coba test buat file html seperti diatas dan buka di browser, tidak akan ada perubahan. itulah perbedaan tag <b> dan <strong>.

Selanjutnya adalah tag <i> atau italic. Tag ini untuk memiringkan teks atau kata. Langsung saja kita buat contohnya :

<!doctype html>
<html>
     <head>
           <title>Belajar Formatting</title>
     </head>
     <body>
           <i>Saya sedang belajar italic</i>
     </body>
</html>

 Sekarang tag yang sama fungsinya yaitu <em> atau emphasizer. Tag ini gunanya sama seperti tag <i>, perbedaannya tag <em> digunakan untuk kata yang penting seperti tag <strong>. Mari kita buat contohnya :

<!doctype html>
<html>
     <head>
           <title>Belajar Formatting</title>
     </head>
     <body>
           <em>Saya sedang belajar emphasizer</em>
     </body>
</html>

Coba sobat buat file html dan jalankan di browser. Tidak akan ada perbedaannya.
Sekarang kita akan belajar tag <ins> atau inserted text atau juga garis bawah dan tag <small> atau untuk mengecilkan huruf. Mari kita buat contohnya :

<!doctype html>
<html>
     <head>
           <title>Belajar Formatting</title>
     </head>
     <body>
           <ins>Saya sedang belajar Inserted text</ins>           <small>Dan ini belajar Small</small>
     </body>
</html>

Coba jalankan di browser sobat dan lihat.
Sekarang tag <mark> untuk menandai teks dengan warna dan tag <del> untuk mencoret/membuat garis ditengah teks.

<!doctype html>
<html>
     <head>
           <title>Belajar Formatting</title>
     </head>
     <body>
           <mark>Saya sedang belajar Marked text</mark>           <del>Dan ini belajar Deleted text</del>
     </body>
</html>

 Coba jalankan dan lihat dibrowser sobat.
Sekarang tag <sub> Subscripted dan <sup> Superscripted. Perbedaannya yaitu di tata letak teksnya, kalau <sup> itu diatas dan lebih kecil dari teks lain seperti pangkat, kalau <sub> itu dibawah dan lebih kecil dari teks lainnya juga. Langsung saja ke contohnya :

<!doctype html>
<html>
     <head>
           <title>Belajar Formatting</title>
     </head>
     <body>
           <p>Saya sedang belajar _{Subscripted text}           dan ini belajar^{Superscripted text}
           </p>
     </body>
</html>

 Silakan dicoba sintaknya di browser.

Memberi komentar di HTML

Tag <!-- tulis komentar disini --> atau tag komentar ini tag yang tidak akan dibaca oleh HTML. Langsung saja ke contohnya :

<!doctype html>
<html>
     <head>
           <title>Belajar Formatting</title>
     </head>
     <body>
           <p>Teks ini bukan komentar</p>
           <!-- <p>Teks ini komentar</p> -->
     </body>
</html>

 Silakan Coba di web browser sahabat dan lihat hasilnya.

Setelah mempelajari semuanya, coba sahabat buat file HTML seperti yang saya sudah buat dibawah ini.

Cukup sekian dari saya tentang Formatting dan komentar di HTML. Terima kasih telah berkunjung ke chakra media blog & semoga bermanfaat.

Cara agar diterima google adsense dengan cepat dan mudah

Oke sekarang saya di chakra media blog akan share Cara agar diterima google adsense dengan cepat dan mudah. Gimana sih caranya agar diterima di google adsense ?? caranya gampang gan. Hanya saja sobat harus berusaha keras dulu untuk mendapatkan google adsense itu. Tidak bisa dipungkiri bahwa google adsense ini adalah penyedia iklan yang paling besar bayarannya kepada publisher/blogger. Maka dari itu banyak yang ingin menjadi bagiannya. Google adsense ini tidak sembarangna menerima publisher/blogger sobat, mereka punya kriteria sendiri untuk menerima publisher/blogger sebagai partnernya. Berikut adalah cara agar diterima google adsense dengan cepat dan mudah

1. Memiliki akun google dan mempunyai sebuah website

Untuk menjadi publisher/partner google adsense pastinya kita harus mempunya sebuah website dan memiliki akun google atau gmail untuk lebih mudah diterima oleh google adsense. Karena biasanya jika bukan dari gmail lebih susah diterimanya. Mempunyai website ini wajib sobat kalau mau mendapatkan akun non-hosted, kalau sobat ingin sekali mendapat akun google adsense tanpa susah, sobat bisa buat akun google adsense dengan akun youtube sobat. Akan tetapi, jika soba membuat akun google adsense melalui akun youtube, sobat kan mendapatkan akun hosted atau akun khusus adsense youtube saja, untuk mendapatkan iklan di blog/website sobat tetap harus melalui proses otorisasi dan menggunakan domain selain .blogspot.com.

2. Publisher/Blogger Harus berusia 18 tahun

Hal yang seperti ini juga tidak boleh dilupakan sobat, jika umur sahabat masih dibawah 18 tahun, mending perbaharui website/blognya aja biar lebih baik lagi. Jika sobat tidak percaya, bisa coba sendiri daftar ke google adsense.

3. Harus Mematuhi aturan google adsense yang berlaku

Jangan lupa sobat, google adsense mempunya aturan yang lumayan ketat. Seperti

1. Klik sendiri iklan sobat, jika sudah diterima.
2. Copas(Copy paste) artikel/postingan orang lain, karena melanggar hak cipta.
3. dan lain-lain.

4. Website/blog Harus aktif minimal enam bulan

Harus diketahui google adsense hanya menerima website/blog yang umurnya lebih dari 6 bulan. Kenapa ? karena kalau masih awal sudah kelihatan masih kosong postingannya atau traffik pengunjung blognya atau juga karena memang google adsense ingin blog/website yang benar-benar website/blog, bukan dummy dan lain-lain.

5. Traffik/Lalu lintas pengunjung sudah banyak

Jangan dilupakan juga syarat google adsense ini agar kita dapet diterima dengan cepat dan mudah. Karena jika traffiknya sudah banyak google adsense pun percaya bahwa itu blog/website yang berkualitas. Dan google tidak mau mengecewakan pelanggan yang telah memasangkan iklan di google adsensenya. Jika sobat masih dengan traffik yang minim akan sulit untuk mendapatkan kesempatan diterima oleh google adsense, karena google tidak mau membuang-buang waktunya melayani website/blog yang belum berkualitas.

Pengalaman saya juga pernah ditolak berkali-kali, hingga akhirnya bisa diterima oleh google adsense.

Untuk penyemangat sobat saya lampirkan saat saya diterima di google adsense, asalnya saya menggunakan akun hosted yang hanya untuk youtube saja. Akan tetapi saya mencoba mendaftar lagi agar mendapatkan akun non-hosted. Dan akhirnya saya diterima juga di google adsense.

Yah mungkin cukup sekian dari saya. Mohon maaf bila ada kesalahan postingan saya ini.

Terima kasih & semoga bermanfaat....

cara upload file di google play gratis

Chakra Media blog sekarang akan share bagaimana caranya upload file atau aplikasi apk android kita di google play dengan gratis. Sebenarnya kita harus membayar $25 kalau ingin menjadi apps developer di google play, tapi akan kita akalin agar kita dapat upload aplikasi apk kita ke google play.
Caranya yaitu sebagai berikut :

1. Download Whaff dan install di smartphone android

Pertama kita donwload aplikasi whaff, kenapa whaff ? karena sudah banyak yang membuktikan bahwa aplikasi whaff ini membayar. Aplikasi ini juga bisa atau support pembayaran google play juga, selain itu kita juga bisa ambil uangnya ke paypal dan lain-lain.

Caranya sebagai berikut :

1. Download aplikasi whaff di smartphone sobat, lalu install.
2. Lalu login menggunakan facebook aman kok.
3. Masukan kode BE98529 untuk mendapatkan dollar pertama yaitu sebesar $0.30 lumayan kan ??
4. Lakukan yang diperintahkan oleh whaff seperti download aplikasi, download games, dan masih banyak lagi.
5. Setelah $12 uang kita bisa ditukar ke paypal atau wallet card.
6. Selamat mencoba..

Tutorial HTML Dasar : 6. Mengenal Attribut Styles di HTML

Setelah kemarin libur posting, sekarang saya mulai posting kembali tentang Element Styles di HTML. Bagi yang belum baca tuorial HTML sebelunya bisa di klik di Tutoral HTML Dasar : 5. Mengenal Headings dan Paragraphs.

Styles adalah suatu element yang digunakan untuk merubah gaya dari sebuah web atau memperindah sebuah web. Sebenarnya untuk full design itu menggunakan CSS(Cascading Style Sheets). Disini saya mengambil referensi dari w3schools menyusun tutorial HTML dasar ini sesuai w3schools.

Langsung buat saya contoh :

<!doctype html>
<html>
     <head>
           <title>Belajar Styles</title>
     </head>
     <body style='background-color:lightgrey'>
           <p>Belajar Styles</p>
     </body>
</html>

nah saya coba jelaskan kepada sobat sekalian, <body => tagnya, style=' => attributenya, backround-color: => CSS propertinya, lightgrey => valuenya, > penutupnya. Sebenarnya bisa langsung menggunakan attribut bgcolor tanpa menggunakan attribut styles, akan tetapi untuk HTML5 bgcolor tidak support.

Untuk tag <p> ataupun <h1> dan seterusnya, styles bisa kita gunakan untuk merubah warna, font, ukuran font, dan lain-lain. sekarang kita akan buat sebuah file HTML lagi sobat, untuk latihan mengganti font dan lain-lain.

<!doctype html>
<html>
     <head>
           <title>Belajar Styles</title>
     </head>
     <body style='background-color:lightgrey'>
           <h1 style='color:lightblue'>properti color pada attribut style untuk merubah warna</h1>
           <p style='font-family:arial'>properti font-family pada attribut style untuk merubah font</p>
           <p style='font-size:150%'>properti font-size untuk merubah ukuran tulisan</p>
           <p style='text-align:center'>properti text-align untuk merubah tempat penulisan</p>
     </body>
</html>

Diatas sudah saya sertakan penjelasan yang singkat. Mungkin cukup sekian sekilas tentang styles di HTML, untuk mengenal lebih lanjut, silakan anda belajar css. Akan tetapi sobat harus mengerti dulu semua tag HTML. Saya menganjurkan sahabat mengerti dulu, karena kalau sudah mengerti HTML lupa tag pun tidak terlalu masalah dan hanya perlu membaca sedikit.

Mungkin cukup sekian sekilas tentang mengenal Styles di HMTL. Mohon maaf bila ada kesalahan, bila benar ada, bisa anda koreksi di kolom komentar dibawah.

Terima kasih dan semoga bermanfaat sahabat chakra media blog....

Tutorial HTML Dasar : 5. Headings dan Paragraphs

Setelah sebelumnya belajar tentang Mengenal apa itu elemen dan atribut pada HTML, jika belum silakan klik linknya, maka sekarang kita akan belajar mengenal heading terlebih dahulu.

Headings

Headings adalah tag yang digunakan apabila ada suatu kata penting atau semacam judul dalam HTML. Tapi, perlu diingat, banyak yang salah menggunakan headings ini, biasanya ada yang menggunakan ini untuk memperbesar kata dan menebalkannya atau Bold. Itu salah kaprah sobat, Headings ini digunakan untuk sebuah heading atau kata awal seperti judul dari teks. Headings ini ada 6 mulai dari <h1>, <h2>,<h3>,<h4>,<h5>, dan <h6>. Tag headings ini juga harus dipilih sobat, jika <h1>, ini adalah kata yang paling penting. Sebaliknya <h6> ini untuk kata yang penting juga, tapi setelah tag heading yang lain.

Tag headings beda dengan tag title yah, karena kalau title itu, judul web atau blognya bukan untuk judul artikel sobat. Untuk tambahan Pengetahuan sahabat, saya kasih tahu tag tambahan yaitu tag garis horizontal <hr>. Tag ini tidak ada penutupnya seperti yang sudah saya jelaskan pada postingan sebelumnya, saya akan berikan contoh untuk latihan sobat sekalian :

<!doctype html>
<html>
     <head>
           <title>Belajar Headings</title>
     </head>
     <body>
           <h1>ini adalah headings</h1>
           <hr>         
           <h2>ini adalah headings</h2>
           <hr>
           <h3>ini adalah headings</h3>
           <hr>
           <h4>ini adalah headings</h4>
           <hr>
           <h5>ini adalah headings</h5>
           <hr>
           <h6>ini adalah headings</h6>
     </body>
</html>

Bisa kita lihat setelah kita coba contoh diatas, headings yang paling penting berukuran lebih besar, dan setelah heading ada sebuah garis horizontal. Nah sekarang kita lanjut ke paragraphs yaaa...

Paragraphs

Paragraphs adalah sebuah tag untuk membuat paragraf di sebuah file html kita. Tag paragraphs seperti ini "<p>". Nah , sekarang pada tau kan tag paragraf itu tandanya apa, sebenarnya di pembahasan sebelumnya saya sering posting tentang "<p>" ini. Tag paragraphs ini akan otomatis mengosongkan baris atas dan bawahnya. Oh iya hampir lupa, tag paragraphs ini akan mengabaikan spasi yang berlebih dan hanya menampilkan satu spasi saja. Contoh :

<!doctype html>
<html>
     <head>
           <title>Belajar Paragraphs</title>
     </head>
     <body>
           <p>Sedang     belajar      paragraphs</p>      </body>
</html>

 Tag paragraf juga mengabaikan enter. Contoh :

 <!doctype html>
<html>
     <head>
           <title>Belajar Paragraphs</title>
     </head>
     <body>
           <p>Sedang    
                 belajar    
                 paragraphs</p>      </body>
</html>

Hasilnya sama kan ??. Baik saya akan tambah pengetahuan HTML sahabat dengan tag baru yaitu "<br>". <br> adalah tag break line atau garis baru. Tag <br> ini tanpa penutup ya sobat. Dan satu lagi tag <pre>. Tag <pre> ini adalah preformatted text. Jadi setiap elemen atau isi dari tag ini akan diikuti sesuai tulisan di htmlnya. Masih bingung penjelasannya, gini aja deh, kan kalo tag paragraphs itu akan mengabaikan spasi yang berlebih dan enter. Tapi, kalau tag <pre> ini akan mengeluarkan elemen sesuai yang kita tulis di text editor kita dan biasanya fontnya itu akan berubah menjadi courier. Contoh :

Tuh kan, tag <pre> ini akan mengikuti gaya tulisan kita di text editor. Tag <pre> ini sangan jarang sekali digunakan karena mengikuti tulisan kita di text editor atau elemen kita. Jangan lupa pakai tag penutup di tag <pre> ini.

Berarti kita sudah mempelajari beberapa tag dari tadi, mari kita lihat tag apa saja :

<h1>...<h6> : Headings<hr> : Horizontal Line<p> : paragraphs<br> : line break / garis baru<pre> : preformatted text

 Terima kasih telah membaca postingan saya. maaf bila ada kesalahan dalam apapun di blog ini, silakan komentar saja di bawah. Semoga bermanfaat sobat. Jangan lupa mampir lagi yaa....