Thursday, October 22, 2015

Menu Earning / Uangkan Tidak Muncul di Dasbor Blogger

Thursday, October 22, 2015    No comments

Jadi ceritanya kemarin saya mau mendaftarkan blog spirit221.blogspot.com ke Google Adsense, tapi saat saya searching salah satu caranya yaitu melalui menu "Earning" yang ada pada menu di dashboard. Setelah saya cek, ternyata untuk blog spirit221.blogspot.com tidak ada menu "Earning"-nya, padahal untuk blog saya yang baru baru saya buat ada menu "Earning" nya.


Mau tau penyebabnya? Setelah saya searching, eh ternyata karena setingan bahasanya bukan bahasa Inggris. Karena untuk blog spirit221.blogspot.com ini menggunakan bahasa Indonesia, maka otomatis menu "Earning" tidak muncul. Oke akhirnya saya ubah bahasanya ke bahasa inggris.
Caranya:


  • Klik Menu Setting pada Dashboard Blog Anda
  • Klik Menu Language and Formatting
  • Ubah bahasa pada bagian Language
  • Simpan Perubahannya
  • Tutup Blog Anda lalu buka lagi
Sekarang sudah muncul deh menu Earningnya

Okei selamat mencoba, semoga bermanfaat.

Read More

Sunday, February 3, 2013

Belajar Dasar Membuat Web Sesi 3 "Mendesign Tampilan Web Dengan CSS Bagian 1"

Sunday, February 03, 2013  ,  2 comments

Menurut wikipedia, Cascading Style Sheet (CSS) merupakan aturan untuk mengendalikan beberapa komponen dalam sebuah web sehingga akan lebih terstruktur dan seragam. CSS bukan merupakan bahasa pemograman.

 CSS dapat mengendalikan ukuran gambar, warna bagian tubuh pada teks, warna tabel, ukuran border, warna border, warna hyperlink, warna mouse over, spasi antar paragraf, spasi antar teks, margin kiri, kanan, atas, bawah, dan parameter lainnya.[1] CSS adalah bahasastyle sheet yang digunakan untuk mengatur tampilan dokumen.[2] Dengan adanya CSS memungkinkan kita untuk menampilkan halaman yang sama dengan format yang berbeda.

Dengan kata lain, CSS digunakan untuk mendesign tampilan web agar terlihat lebih cantik dan terstruktur. Selain itu, CSS juga mempermudah dan mempersingkat kita dalam meng-coding tampilan web.

Penulisan syntax CSS
selector { property: value }
Keterangan:
  • Selector : menunjukkan bagian mana yang hendak diatur / diformat. 
  • Property : menunjukkan bagian (properti) dari selector yang hendak diatur. 
  • Value : nilai dari pengaturannya. 
Sebagai contoh:

<head> 
<title>Belajar Dasar Membuat Web Sesi 3 "Mendesign Tampilan Web Dengan CSS Bagian 1"</title> 
<style type="text/css"> 
body { background-color:#d0e4fe; } 
h2 { color:orange;} 
p { font-family:"Times New Roman"; font-size:20px; } 
</style> 
</head> 
<body> 
<h2>Contoh tampilan "h2"</h2> 
<p>Contoh tampilan "p".</p> 
</body> 
</html>
 Hasilnya akan seperti berikut: 

Pengelompokan Selector


Pada penulisan kode CSS, bisa juga beberapa selector dikelompokkan menjadi satu dengan cara menambahkan koma. Misalkan anda mau mengatur agar tag h1, h2 dan h3 semua menggunakan warna biru, maka kode CSS nya menjadi:
h1,h2,h3 { color: blue }

Penggunaan Banyak Properties


Untuk mengatur lebih dari satu properties gunakan pemisah titik koma ( ; ).
Contoh:
h1,h2,h3 {color:red; font-family:arial; font-size:150%;}
Pada contoh di atas, tag h1, h2 dan h3 di atur agar menggunakan warnamerah, dengan type font arial, dan ukuran font 150%.

Fungsi ID dan CLASS pada CSS


Fungsi ID :
  • ID di gunakan untuk style elemen tunggal yang unik dan biasanya mempunyai banyak element-element lain di dalamnya.
  • ID di  lambangkan dengan simbol "#" ( pager )
  • ID di tulis ke html / body  dengan style "<div id="nama_selector_anda">" dan di tutup dengan kode </div> 
  • contoh singkat ID 

#namaselector
{
text-align : center;
color : red;
background : #ffffff;
margin :0px;
padding:10px;
}
Dari contoh di atas dapat di simpulkan bahwa pemakaian ID dengan selector "namaselector" . Untuk penulisan pada html / body menjadi seperti di bawah ini :

<div id="namaselector"> dan di tutup </div>

Untuk nama dari "namaselector" bisa diubah-ubah sesuai keinginan Anda.


Fungsi CLASS :
  • Class digunakan untuk menentukan style pada sekelompok element
  • Class biasanya terdapat di dalam selector ID
  • Class memungkinkan kalian untuk menetapkan style tertentu  untuk setiap element html  dengan banyak class yang sama .
  • Class di lambangkan dengan simbol "." ( titik )
  • lihat contoh di bawah untuk lebih jelasnya 
.class1 {color:blue;}
Untuk penulisan pada html / body menjadi seperti di bawah ini :

<div class="class1"> Hasilnya tulisan akan berwarna biru </div>
Nama class bisa diubah sesuai keinginan


 Pemasang CSS pada dokumen HTML

 Ada 3 cara untuk memasang CSS pada dokumen HTML yaitu:
1. External Style Sheet (file CSS berbeda dari file HTML),
2. Internal Style Sheet (Kode CSS dipasang di dalam tag head HTML)
3. Inline Style Sheet (Kode CSS langsung dipasang di tag HTML, tidak direkomendasikan).

 Dari ketiga cara tersebut,menurut saya paling enak menggunakan eksternal CSS karena file CSS terpisah dari file HTML, sehingga lebih mudah dalam mengolahnya.

  • Internal CSS
Pada css jenis ini, kode css berada dalam html. Contohnya adalah sebagai berikut:

<html>
    <head>
        <title>Belajar Web dengan CSS</title>
        <style type = "text/css">
            #container{
                margin:auto;
                width:1000px
            }
            #header{
                background-image:url("header.jpg");
                width:1000px;
                height:180px;
            }
            #leftbar{
                background-color:orange;
                width:200px;
                padding-left:10px;
                float:left;
            }
            .menu{
                font-family:Calibri;
                color:black;
            }
            .menu a{
                font-family:Calibri;
                color:olive;
            }
            .menu a:hover{
                font-family:Calibri;
                color:purple;
            }
            #contain{
                background-color:yellow;
                width:770px;
                float:left;
                padding: 10px 10px 10px 10px;
            }
            #footer{
                width:1000px;
                background-color:teal;
                float:left;
            }
        </style>
    </head>
    <body>
        <div id="container">
            <div id="header"">
                 Ini Header
        </div>
        <div id="leftbar">
            Ini Leftbar
            <div class="menu">
                <ul>
                    <li><a href="http://www.spirit221.blogspot.com/">Home</a></li>
                    <li><a href="http://www.spirit221.blogspot.com/l">About</a></li>
                    <li><a href="http://www.spirit221.blogspot.com/">Contact Us</a></li>
                </ul>
            </div>
        </div>
        <div id="contain">
            Ini Contain
        </div>
        <div id="footer" align="center">
            Ini Footer<br>
            Copyright : <a href="http://www.spirit221.blogspot.com/">spirit221.blogspot.com</a>
        </div>
    </div>
</body>
</html>
 Hasilnya adalah sebagai berikut :
  • Eksternal CSS
Pada css jenis ini, kode css berada di file .css yang terpisah dengan file .html. Pada file html terdapat kode yang digunakan untuk memanggil file css tersebut.
<link rel=”stylesheet” type=”text/css” href=”style.css”/>
nama style sesuai dengan nama file css Anda
Contoh:
Buat file .html terserah namanya. Tuliskan kode berikut


<html>
    <head>
        <title>Belajar Web dengan CSS</title>
<link rel=”stylesheet” type=”text/css” href=”style.css”/>

     </head>
    <body>
        <div id="container">
            <div id="header"">
                 Ini Header
        </div>
        <div id="leftbar">
            Ini Leftbar
            <div class="menu">
                <ul>
                    <li><a href="http://www.spirit221.blogspot.com/">Home</a></li>
                    <li><a href="http://www.spirit221.blogspot.com/l">About</a></li>
                    <li><a href="http://www.spirit221.blogspot.com/">Contact Us</a></li>
                </ul>
            </div>
        </div>
        <div id="contain">
            Ini Contain
        </div>
        <div id="footer" align="center">
            Ini Footer<br>
            Copyright : <a href="http://www.spirit221.blogspot.com/">spirit221.blogspot.com</a>
        </div>
    </div>
</body>
</html>

 Buat file style.css dan tulis kode berikut:
            #container{
                margin:auto;
                width:1000px
            }
            #header{
                background-image:url("header.jpg");
                width:1000px;
                height:180px;
            }
            #leftbar{
                background-color:orange;
                width:200px;
                padding-left:10px;
                float:left;
            }
            .menu{
                font-family:Calibri;
                color:black;
            }
            .menu a{
                font-family:Calibri;
                color:olive;
            }
            .menu a:hover{
                font-family:Calibri;
                color:purple;
            }
            #contain{
                background-color:yellow;
                width:770px;
                float:left;
                padding: 10px 10px 10px 10px;
            }
            #footer{
                width:1000px;
                background-color:teal;
                float:left;
            }
 Hasilnya akan seperti pada contoh internal CSS, karena isi CSSnya sama. :


  • Inline CSS
Penulisan kode CSS dalam tag HTML. contoh:
<html>
    <head>
        <title>Belajar Web dengan CSS</title>
    </head>
    <body>
        <div style="background-color:#999999; text-align:center;">Inline CSS</div>
</body>
</html>

Yaaaa.... sampai segini dulu ya... tunggu  postingan saya selanjutnya "Belajar Dasar Membuat Web Sesi 3 "Mendesign Tampilan Web Dengan CSS Bagian 2"". Nanti akan saya postingkan contoh css yang lumayan.
Selamat mencoba ^_^ semoga bermanfaat.

Read More

Friday, February 1, 2013

Cara Membuat Flashdisk Menjadi Bootable hanya dengan CMD

Friday, February 01, 2013    6 comments


Share pengalaman lagi nih… Beberapa hari yang lalu kakaknya temenku ada yang beli laptop. Nah saya disuruh buat nginstal laptopnya pakai windows 7. Karena kebetulan master windows 7 yang uda saya burning di DVD corrupt, maka saya pakai flashdisk buat booting.

Awalnya saya gunakan software unetbootin-windows-491. Unetbootin  adalah suatu program yang memungkinkan kita untuk membuat bootable Live USB tanpa perlu burning CD.  Namun sudah saya coba berulang kali tetap gagal. Akhirnya saya cari-cari tutorial dan nemu deh caranya. Ini cara simpeeellll banget, karena Cuma modal CMD doing, gak perlu pakai software tambahan.
Berikut langkah-langkahnya :
  1.  Siapkan flashdisk yang ukurannya muat dimasukkin windows 7. Karena besar total windows 7 2,4Gb maka minimal kita harus memakai flashdisk 4Gb.
  2. Format flashdisk. Backup data yang ada di flashdisk dulu jika ada data yang penting.
  3. Buka CMD dengan cara lakukan search “cmd” pada  star menu, lalu buka.
  4. Setelah CMD terbuka, lalu ketik DISKPART dan  tekan enter. Nanti akan muncul User Account Control, klik saja tombol Yes dan akan terbuka CMD baru
  5. Kemudian ketik lagi LIST DISK enter, LIST DISK bertujuan untuk menampilkan flashdisk.
  6. Pilih salah satu saja (sesuai flashdisk yang dicolok tadi, ingat berapa tadi volume FD anda). Jangan salah pilih ya, bisa jadi yang dipilih itu hardisk internal leptop Anda.
  7. Jika sudah ketik lagi SELECT DISK 1 enter, (karena flashdisk saya berada di Disk 1).
  8. Kemudian ketik lagi CLEAN, lalu enter.
  9. Kemudian ketik CREATE PARTITION PRIMARY,enter
  10. Lalu ketik FORMAT RECOMMENDED enter, nah. Di langkah ini ni prosesnya lama banget, sesuai ukuran FD. Jika semakin besar ukuran FD makin lama pula proses formatnya.
  11. Jika proses sudah selesai langkah selanjutnya adalah mengetik lagi ACTIVE
  12. Terus langkah selanjutnya ketik EXIT untuk mengakhiri proses pembuatan boot FD ini.
  13. Langkah terakhir yaitu file windowsnya. Copy-pastekan file windows(master windowsnya ke FD) 

Nih tampilan screenshot-nya:


Ingat, jika settingan BIOS tidak dipilih first bootnya USB FDD serta pada DISK PRIORITYNYA pada urutan nomor satu maka FD TIDAK AKAN NGEBOOT… tau kan gan cara masuk bios, yaitu sesuai komputernya ada yg pake del, F1,F2…

Sumber : http://pradiptakuspriambodo.wordpress.com/2012/09/10/cara-membuat-usb-flashdisk-menjadi-booting-menggunakan-cmd/

Read More

Saturday, March 17, 2012

Belajar Dasar Membuat Web Sesi 2 "Paragraf, Garis, Bullet Numbering, Format Karakter, Font, Hyperlink"

Saturday, March 17, 2012  ,  No comments

Menindak lanjuti postingan "Belajar Dasar Membuat Web Part 1 "HTML, HEAD, TITLE, BODY" ", kini saya akan sharing bagaimana mengatur paragraf, membuat garis, membuat list bullet numbering, format karakter, pengaturan font, dan hyperlink. Langsung ke TKP aja ya. Aktifkan wamp (bisa yang lain), buka web editor dan buka browser.

Tuliskan code dasar html seperti code dibawah
<html>
    <head>
        <title>Belajar HTML Part 2</title>
    </head>
    <body>

    </body>
</html>
  
Membuat tag paragraf dan tag garis pada web, tuliskan code di bawah antara tag body
<p>Cara membuat paragraf dengan default rata kanan.</p>
<p align="center">Cara membuat paragraf agar berada di tengah dengan menggunakan atribut "align center". </p>
<p align="justify">Cara membuat paragraf agar rata kanan kiri dengan menggunakan atribut "align justify".</p>
<blockquote>Cara membuat paragraf agar menjorok ke dalam.</blockquote>
 Tag hr adalah tag yang digunakan untuk membuat garis, seperti garis di bawah ini.
<hr>
<p align="center">&copy; www.spirit221.blogspot.com</p>
<hr>

 Hasilnya akan seperti ini:

 


 Membuat tag bullets numbering pada web, tuliskan code di bawah antara tag body
Membuat tag numbering diapit tag "ol" dengan type a. Type numbering : 1, a, A, i, I (default 1)
 <ol type= "a">
            <li>Numbering pertama</li>
            <li>Numbering kedua</li>
            <li>Numbering ketiga</li>
 </ol>
    
 Membuat tag bullets diapit tag "ul" dengan type circle. Type bullets : disc, squre, circle (default disc)
 <ul type="circle">
            <li>Bullets pertama</li>
            <li>Bullets kedua</li>
            <li>Bullets ketiga</li>
 </ul>
 <hr>
 <p align="center">&copy; www.spirit221.blogspot.com</p>
 <hr>
 Hasilnya:
 


 Membuat tag format karakter, tuliskan code di bawah antara tag body
 <b>Membuat karakter menjadi cetak tebal</b> <br>
<i>Membuat karakter menjadi cetak miring</i> <br>
<u>Membuat karakter terdapat garis bawah </u> <br>
<tt>Menampilkan huruf seperti pada mesin ketik</tt> <br>
<strike> Menampilkan garis horizon pada tengah huruf. </strike> <br>
<big>Untuk menmampilkan huruf lebih besar</big> <br>
<small>Untuk menampilkan huruf lebih kecil</small> <br>
Untuk menampilkan <sub>subscript</sub> <br>
Untuk menampilkan  <sup>superscript</sup> <br>
                
 <hr>
<p align="center">&copy; www.spirit221.blogspot.com</p>
<hr>
Hasilnya :
 

 Membuat variasi tag font, tuliskan code di bawah antara tag body:

 <font face="Verdana">Teks ini menggunakan atribut face Verdana.</font><br>
 <font size="+3">Teks ini menggunakan atribut size dengan size +3.</font><br>
 <font color="red">Teks ini menggunakan atribut color dengan warna merah.</font> <br>
 <font color="#990000">Teks ini menggunakan atribut color #990000</font><br>
 <font color="blue" size="+2" face="Verdana">Teks ini menggunakan atribut color = blue, size = +2, dan face = Verdana</font>

 <hr>
 <p align="center">&copy; www.spirit221.blogspot.com</p>
 <hr>
 Hasil:

 Membuat hyperlink pada web, tuliskan code di bawah antara tag body:
(Asumsi file tentang bullet numbering tadi diberi nama BulletNumbering.html dan file tentang font tadi diberi nama font.html)

 <a href="Font.html">Teks ini melakukan link ke file Teks.html.</a><br>
 <a href="BulletNumbering.html" target="_new">Teks ini melakukan link ke file BulletNumbering.html dengan target new(tab baru pada browser).</a><br>
 <a href="http://spirit221.blogspot.com" target="_new">Teks ini melakukan link ke website http://spirit221.blogspot.com dengan target new(tab baru pada browser).</a><br>

 <hr>
 <p align="center">&copy; www.spirit221.blogspot.com</p>
 Hasilnya:
 


Tunggu kelanjutan "Belajar Dasar Membuat Web Part 3" ya... Di sana InsyaAllah saya akan membahas tentang cara membuat tabel dan frame pada web. Selain itu juga nantikan kedatangan "Belajar Dasar Membuat Web Part 4" yang sangat ditunggu-tunggu nantinya, yaitu membahas tentang CSS. Apa itu? Nantikan saja, setidaknya dengan hanya bermodalkan tutorial ini dari Part 1 - Part 4 kalian bisa membuat web statis sederhana. Semoga menambah pengetahuan teman-teman semua....

Read More

Belajar Dasar Membuat Web Sesi 1 "HTML, HEAD, TITLE, BODY"

Saturday, March 17, 2012  ,  No comments

Kali ini saya akan memeberikan tutorial membuat web mulai dari dasar. Ini sangat cocok untuk teman-teman yang penasaran dan ingin membuat web sendiri namum belum bisa sama sekali. Langkah awal ini akan menjembatani teman-teman untuk bisa lebih baik lagi dalam membuat web.


Bahan-bahan yang dibutuhkan:
  1. PC
  2. Bowser (Mozilla, Opera, Safari, Internet Explorer, Flock, dll)
  3. Web Editor (Notepad, Notepad++, NetBeans)
  4. Wamp Server / Xampp server, dll ( kami menggunakan wamp, bisa didownload DI SINI )
 Langkah-Langkah membuat web:
  1. Buka PC
  2. Buka Web Editor
  3. Instal Wamp Server (jika sudah di instal langsung diaktifkan saja)
  4. Aktifkan wamp
  5. Mulai menulis code di web editor
  6. Simpan file dengan nama index.html di C:\wamp\www\latihan (terlebih dulu buat folder latihan di C:\wamp\www\)
  7.  Buka Browser
  8. Ketikkan http://localhost lalu enter (jika terdapat tulisan Problem Loading, berarti wamp belum aktif)
  9. Pilih folder dengan nama latihan
  10.  Maka hasil codingan kita akan tampil di web browser

Kali ini saya akan mengajari coding sederhana mulai dari tahap paling awal. Ketikkan code dibawah ke web editor. Lalu simpan seperti pada langkah-langkah membuat web.


<html>
    <head>
        <title>Belajar HTML Part 1</title>
    </head>
    <body>
        Belajar membuat web tahap awal.<br>
        Tag html merupakan definisi awal bahwa dokumen ini merupakan dokumen html.<br>
        Tag head digunakan untuk menuliskan keterangan dokumen.<br>
        Tag titel berada di dalam tag head yang berfungsi untuk menuliskan judul html ini yang akan muncul pada caption halaman browser. <br>
        Tag body merupakan bagian utaman dalam dokumen web, semua yang berada di dalam body akan ditampilkan di web browser. <br>
        Tag br digunakan untuk memberikan spasi.<br>
        Semua tak ditulis dengan diapit tanda "<" ">".<br>
        Secara normal tag ditulis secara berpasangan. Misal "< i >" dengan "< / i >". Namun ada juga yang tidak, misalnya "< br >"
    </body>
</html>

Hasilnya setelah dijalankan adalah:

Setelah ini saya akan mengajarkan beberapa tag yang biasanya dipakai pada html. Misalnya mengatur paragraf, membuat garis, membuat list bullet numbering, format karakter, pengaturan font, dan hyperlink. Tunggu kelanjutannya di "Belajar Dasar Membuat Web Part 2" ya...

    Read More
    Subscribe to: Posts (Atom)