Belajar Kode HTML

Kode-kode dasar HTML

Di bawah ini ada beberapa kode-kode html untuk mewakili pemformatan text maupun mebuat berbagai object dalam halaman website anda.

---

Membuat Center,gunakan kode :  
<p align="center">Belajar</p>
 hasilnya seperti:

Belajar

---

Membuat Posisi kekanan gunakan kode :  
<p align="right">Belajar</p>
hasilnya seperti :

Belajar

---

Membuat Posisi kekiri gunakan kode:
 <p align="left">Belajar</p> 
hasilnya seperti :

Belajar

---

Membuat Huruf Tebal gunakan kode:
 <b>Belajar</b>
hasilnya seperti :
Belajar

---

Membuat Huruf Garis Bawah gunakan kode :  
<u>Belajar</u>
hasilnya seperti :
Belajar

---

Membuat Huruf bercetak Miring gunakan kode :  
<i>Belajar</i>
hasilnya seperti :
Belajar

---

Membuat Kombinasi huruf tebal,miring,garisbawah,gunakan kode :
<b><i><u>Belajar</u></i></b>
hasilnya seperti :
Belajar

---

Membuat Huruf tebal strong gunakan kode :  
<srong>Belajar</strong> 
hasilnya seperti :
Belajar

---

Membuat Huruf Hidden gunakan kode :  
<span style="visibility: hidden">Belajar</span>
hasilnya seperti :

Namanya juga hidden..ya..ga keliatan..

---

Membuat Huruf Besar semua (uppercase) gunakan kode :
<span style="text-transform: uppercase">Belajar</span> 
hasilnya seperti :
BELAJAR

---

Membuat Huruf Small caps gunakan kode:
<span style="font-variant: small-caps">Belajar</span>
hasilnya seperti ini:
Belajar

---

Membuat Huruf Subscribe / kecil di bawah gunakan kode:
<p>4₂</p>
hasilnya seperti ini:
4₂

---

Membuat Huruf Superscribe / pangkat gunakan kode:
<p>4²</p>
hasilnya seperti ini:
4²

---

Membuat Huruf bergaris atas gunakan kode:
<span style="text-decoration: overline">Belajar</span>
hasilnya seperti ini:
Belajar mengganti huruf

---

Membuat Huruf bergaris tengah gunakan kode:
<strike>Belajar</strike>
hasilnya seperti ini:
Belajar

---

Menentukan jenis huruf gunakan kode:
<p><font-family="Arial" >Belajar</font></p>
hasilnya seperti ini:
Belajar

---

Menentukan ukuran huruf gunakan kode:
<p><font-size="3" >Belajar</font></p>
hasilnya seperti ini:
Belajar

---

Menentukan warna huruf gunakan kode:
<p style="color: green; >Belajar</p>
hasilnya seperti ini:
Belajar

---

Membuat bullet dot bolong gunakan kode:
<ul type="circle">
<li>DOT 1</li>
<li>DOT 2</li>
<li>DOT 3</li>
</ul>

hasilnya seperti ini:

• DOT 1
• DOT 2
• DOT 3

---

Membuat bullet dot kotak gunakan kode:
<ul type="square">
<li>DOT 1</li>
<li>DOT 2</li>
<li>DOT 3</li>
</ul>

hasilnya seperti ini:

• DOT 1
• DOT 2
• DOT 3

---

Membuat bullet dot bulat gunakan kode:
<ul>
<li>DOT 1</li>
<li>DOT 2</li>
<li>DOT 3</li>
</ul>

hasilnya seperti ini:

• DOT 1
• DOT 2
• DOT 3

---

Mengatur posisi bullet gunakan kode:
<blockquote>
<ul>
<li>DOT 1</li>
<li>DOT 2</li>
<li>DOT 3</li>
</ul>
</blockquote>

hasilnya seperti ini:

• DOT 1
• DOT 2
• DOT 3

---

Menentukan kombinasi warna,jenis,dan ukuran huruf gunakan kode:
<p><font style="color: red; font-family: courier new; font-size: 15px;" >Belajar</font></p>

hasilnya seperti ini:

Belajar

---

Membuat tabel border solid gunakan kode:

<table border="1" width="200">
<tr>
<td style="border-style: solid">Text</td>
</tr>
</table>

hasilnya seperti :

Text

---

Membuat tabel border dot gunakan kode:
<table border="1" width="200"
style="border-style: dotted">
<tr>
<td border="2" style="border-style:
dotted">Text</td>
</tr>
</table>

hasilnya seperti ini:

Text

---

Membuat tabel border dashed gunakan kode:
<table border="1" width="200" style="border-style: dashed">
<tr>
<td style="border-style: dashed">Text</td>
</tr>
</table>

hasilnya seperti ini:

Text

---

Membuat tabel border groove gunakan kode:
<table border="1" width="200" style="border-style: groove">
<tr>
<td>Text</td>
</tr>
</table>

hasilnya seperti ini:

Text

---

Membuat tabel border Ridge gunakan kode:
<table border="1" width="200" style="border-style: ridge">
<tr>
<td>Text</td>
</tr>
</table>

hasilnya seperti ini:

Text

---

Membuat tabel border Insert gunakan kode:
<table border="1" width="200" style="border-style: inset">
<tr>
<td>Text</td>
</tr>
</table>

hasilnya seperti ini:

Text

---

Membuat tabel border Outset gunakan kode:
<table border="1" width="200" style="border-style: outset">
<tr>
<td>Text</td>
</tr>
</table>

hasilnya seperti ini:

Text

---

Membuat Tabel Biasa gunakan kode :
<table border="1"width="200"><td>Text</td></table>

hasilnya seperti:

Text

---

Membuat Tabel berwarna gunakan kode :
<table border="1"width="200"bgcolor="green"><td>Text</td></tabel> hasilnya seperti :

Text

---

Membuat Tabel berwarna tak berbingkai gunakan kode :
<table border="0"width="200"bgcolor="blue"><td>Text</td></tabel> hasilnya seperti:

Text

Read More

Cara Sadap HP Blackberry dan Android

Android n Blackberry

Siang sahabat semuanya,, Oke langsung aja ya. kali ini saya mau berbagi cara cara untuk sadap BBM untuk kamu para pengguna BB. Ini khusus untuk BB asli bukan BB Bajakan. Ok, langsung saja kita perhatikan langkah-langkah berikut ini.

1. Siapkan BB korban untuk dilakukan instalasi aplikasi sadap BBM
2. Silahkan kamu login ke situs DEREX.COM, silahkan kamu daftar dengan cara mengisi nama, email, password, pilih Message Plan Dexrex Free.
3. Setelah itu kita akan mendapat 2 pilihan untuk memilih. Lihat pada gambar
   

   Contoh
4. Jika kamu pengguna BB, maka pilih BLACKBERRY dan jika Android, kamu pilih ANDROID. Setelah itu akan ada verifikasi email dan kita akan diberi link untuk download aplikasinya. Lihat pada gambar
   

   Contoh
5. Selanjutnya, pada halaman tersebut kita akan mendapatkan instruksi cara penginstalan aplikasi tersebut pada gadget kita.
6. Setelah instalasi selesai, maka aplikasi sudah dapat berjalan di BB korban dan jika di close aplikasi tetap berjalan dan melakukan connect server automatis.

Perhatian..! Cara ini digunakan untuk hal yang penting saja.

Selamat mencoba. Seneng bisa berbagi 

SUMBER : cyber4rt

Read More

Cara Sadap Sms Orang Lain Symbian S60V3

Cara Menyadap Nomor HP Orang Lain – Kali ini kita akan membahas mengenai cara menyadap Nomer hp, buat sobat cara terbaru yang kebingungan bagaimana menyadap no hp orang lain, mau ceweknya pacar teman dekat ataupun hal lainnya sobat bisa mencoba dengan cara dibawah ini.

Untuk saat ini Cara Mudah Menyadap Nomor HP Orang Lain atau pun cara menyadap sms orang lain ini hanya untuk pengguna hp nokia s60v3 dan silahkan simak cara menyadap hp orang lain dibawah ini :

• Download Aplikasi SMS Forwader disini
• Update terbaru baca juga artikel Cara menyadap SMS

Cara kerja SMS Forwarder adalah memforward setiap sms yang masuk ke nomer hp yang sudah diinstal aplikasi ini ke nomer hape kita.Jadi setiap sms yang masuk ke nomer itu akan diforward ke nomer kita.

Karena sistem aplikasi ini akan meneruskan sms ,tentu saja si pemilik hape nya akan terkena pulsa juga setiap sms yang di forward ke nomer kita.Tapi ini mungkin tak jadi masalah karena tarif sms sekarang sudah makin murah. Sms yang diforward ke kita akan terekam di laporan pengiriman. Untuk itu maka kita juga harus seting laporan pengiriman agar tidak aktif.

Demikianlah artikel Cara Mudah Menyadap Nomor HP Orang Lain semoga bermanfaat. dan jangan lupa baca baca juga artikel lainnya ya contohnya Aplikasi Nokia c3 bagi pengguna nokia c3 dan Tema BB Gemini bagi pengguna blackberry gemini 8520.

SUMBER : Cara-terbaru

Read More

Belajar Cara Edit Template Blogger Supaya Keren

Mengedit Template yang ada di Blogspot memang saya akui bukan pekerjaan yang mudah, dimana kita tidak diberi ruang yang bebas dalam melakukan pengeditan. Walaupun tidak seluasa saat kita Membuat Website, namun jangan khawatir dengan kreatifitas yang Anda miliki, kita bisa 'menembus' batasan tersebut.

Baik. tanpa perlu berlama-lama, sekarang langsung saja kita mulai pembahasan Cara Edit Template Blogger milik Anda supaya menjadi lebih keren.

Catatan : Disini saya akan mengedit Template Sederhana bawaan Blogger yang ada di urutan 1.

Alasan utama saya memilih Template ini adalah karena Ringan dan cukup Mudah jika kita ingin mengedit seluruh bagian Template, karena sudah tersedia comment dari pihak Blogger untuk memudahkan kita mengenali setiap bagian dari kode xml template tersebut.

Contoh comment :

•  /* Content ------------ */ ( menandakan kode kode css yang ada dibawahnya untuk mengatur tampilan isi )

• /* Header ------------*/ ( menandakan kode kode css yang ada dibawahnya untuk mengatur tampilan atas template, seperti misalnya judul blog )

Lalu kapan kita mulai mengedit Template Blogspotnya ? sebentar, dalam mengedit sebuah tampilan sebuah blog, kita tidak wajib untuk terjun langsung kedalam sourcenya. Yang pastinya itu akan berisi ribuan kode CSS, JS, dan HTML yang akan membuat Anda dan saya bingung 7 keliling.

Lalu apa solasinya, *eh solusinya ? mudah saja kita bisa menggunakan beberapa Tool yang sudah dibundling oleh Browser kita, misal di Chrome ada Developer Tool, dan di Mozilla juga ada tool bernama Web Developer, keduanya memiliki fungsi yang sama tentunya. (namun saya lebih memilih punyanya Chrome karena lebih simple tampilannya).

Langkah Mengedit Template Blogger Supaya Keren

Saya ingatkan sekali lagi, untuk alatnya saya menggunakan Chrome Developer Tool dan untuk bahannya saya menggunakan Template Sederhana Blogger.

1. Menghilangkan Navigasi Bar Template

   
   Langkah awal kita akan merombak tampilan depan, yang jadi masalah ada Navigasi Bar yang (menurut saya) sedikit membingungkan kita saat ingin melakukan pengeditan template. Untuk itu kita akan menghilangkannya.
   
   Caranya, klik kanan dimana saja, lalu pilih Inspect Element. Selanjutnya kita akan sedikit bermain-main dengan alat yang mempunyai ikon kaca pembesar atau sering disebut selector.
   
   
   
   
   Sekarang arahkan kursor Anda tepat dipojok kiri bawah Navigasi Bar tersebut (intinya hingga semua tertutupi dengan warna biru), contoh seperti gambar dibawah ini.
   
   
   
   
   Lalu lihat sebelah kanan bawah layar Anda, tulisan Matched CSS Rules, lalu tambahkan kode 'display: none;' tanpa tanda kutip. Cara menambahkannya klik pada simbol '}' lalu tinggal Anda ketikkan perintah 'display: none;' dan lenyap sudah Navigasi Bar tersebut.
   
   Catatan : Untuk menghilangkan Navigasi Bar tersebut sebenarnya ada dua cara, yaitu dengan visibility: hidden dan display: none. Bedanya, kalau hidden itu hanya menyembunyikan, sementara none itu benar-benar menghilangkan. Jika masih bingung silahkan Anda coba, dan lihat perbedaanya.
   
   

2. Mangganti Warna Background Template

   
   Cara kedua ini bisa dibilang yang paling penting ya, karena jika salah dalam memadukan warna, bisa jadi pengunjung akan kabur. Dan langkah untuk Mengganti Warna Template ini sama saja seperti waktu kita ingin menghilangkan Navigasi Bar tadi.
   
   Pertama tentu klik dulu kaca pembesarnya, lalu arahkan ke tempat yang ingin Anda ganti Backgroundnya, contoh saya ingin mengganti warna background hanya dibagian sisi kanan dan sisi kiri, maka akan saya arahkan ke sebelah kiri template. Lalu saya ingin mengubahnya menjadi warna abu-abu muda, ya tinggal saya tambahkan kode css 'backgorund-color: #f2f2f2'.
   
   Lihat gambar dibawah ini agar tidak bingung.
   
   
   
   
   

3. Menambahkan Border Pada Sisi Template Tertentu

   
   Yah, sekali lagi tak jauh beda dengan 2 Cara diatas, seperti biasa Anda arahkan dahulu pada bagian yang ingin Anda tebali dengan garis (border).
   
   Contoh saya ingin memberi border pada pembatas sisi kiri dan kanan, caranya tinnggal saya tambahkan 'border: 1px solid gainsboro;' ini merupakan selektor bertingkat ya, jadi border akan berwarna abu-abu (gainsboro mirip gray).], memiliki garis yang padat (tidak putus-putus) dan mmemiliki ketebalan 1px.
   
   Hasilnya seperti gambar dibawah ini.
   
   
   
   
   Lanjut semisal kita ingin menambahkan ruang diatas judul, semisal untuk penempatan iklan. Caranya cukup kita tambahkan 'div' dibawah class='content-cap-top cap-top' Lalu edit css divnya dengan value :
   
   

   border: 1px solid gainsboro;
   height: 40px;
   background-color: #FDF5F5;
   border-bottom: 0;
   padding-top: 20px;
   font-size: 20px;
   text-align: center;

   
   Alasan saya menuliskan 'border-bottom: 0' adalah untuk menghilangkan garis yang bertumpuk antara div yang kita buat dengan content-inner.
   
   Dan hasil akhir akan seperti gambar dibawah ini.
   
   
   

Cukup mudah bukan

Read More

Asphalt 8: Airborne

Posted on July 29, 2013 by Rifay el-jufry in Berita Terbaru with 0 Comments

Para Penggemar game ngebut-ngebutan, bersiaplah menantikan kedatangan suksesor dari permainan besutan Gameflot. Yap tak lama lagi akan dirilis Asphalt 8, dengan judul Asphalt 8: Airborne.

Kehadirannya Asphalt 8 ini diumumkan langsung oleh Gameflot dalam acara Google Keynote, di San Francisco, Amerika Serikat. Ya, Asphalt 8 akan dioptimalisasi untuk Nexus 7 baru dari Google.

“Asphalt 8 sangat ideal didemonstrasikan sebagai aplikasi game di device Google terbaru,” kata Baudouin Corman, Gameloft VP of Publishing American

asphalt 8

“Dengan grafis yang luar biasa, dan pembaharuan di semua fitur, ini akan mendorong perkembangan tablet Nexus 7 dan membawanya ke Asphalt 8 ke sentuhan yang nyata,” tambahnya.

Aspalth 8 telah dioptimalkan dengan menyertakan fitur OpenGL ES 3.0, sehingga grafis dan gambar mengalami peningkatan kualitas pada Nexus 7.

Beberapa fitur baru di Asphalt 8:

-. Real physics engine baru

-. 180 lokasi, 47 licensed cars dan mode game baru

-. Online simultaneous multiplayer action, asynchronous challenges, including friends dan global leaderboards.

Incoming search terms:

• tips dan trik asphalt 8
• trik asphalt 8
• trik bermain asphalt 8
• asphalt 8 tips dan trik
• trik game asphalt8
• trik game asphalt
• trik asphalt 8 android
• tips trik asphalt 8 android game
• tips trik asphalt 8
• tips memainkan asphalt 8

SUMBER : GEMOPER

Read More

Belajar HTML

Belajar HTML

Read More