Jumat, 20 Maret 2015

Top 15 Most Popular Celebrity Gossip Websites

Top 15 Most Popular Celebrity Gossip Websites | March 2015

Here are the top 15 Most Popular Celebrity Gossip Sites as derived from our eBizMBA Rank which is a continually updated average of each website's Alexa Global Traffic Rank, and U.S. Traffic Rank from both Compete and Quantcast."*#*" Denotes an estimate for sites with limited data.

15 | FishWrapper
2,184 - eBizMBA Rank | 3,500,000 - Estimated Unique Monthly Visitors | 2,553 - Compete Rank | 557 - Quantcast Rank | 3,443 - Alexa Rank | March 1, 2015.
The Most Popular Gossip Websites | eBizMBA

The copas of ebizmba.com
That to 15 sites visited most in the world, hopefully this article can be useful for you and do not forget to visit the original source ie ebizmba.com so you can get more information

Senin, 09 Maret 2015

Belajar HTML, Modul Dasar Cara Membuat Kode HTM

_{Belajar HTML, Modul Dasar}

_{Cara Membuat Kode HTML}

_{Belajar HTML . Pengetahuan HTML sebernarnya
tidak hanya diperlukan kalau kita ingin terjun di dunia bisnis online.
Untuk memperindah tampilan blog, sedikit banyak akan menuntut
kemampuan kita dalam mengedit kode - kode HTML. Walaupun kita
menggunakan blog engine seperti Wordpress yang mempunyai plugin - plugin
yang lengkap, namun sering ditemui kita harus mengedit sidebar atau
bagian lainnya, menempatkan kode HTML, mengedit kode warna HTML,
menempatkan tabel dan banyak kasus lainnya yang mengharuskan kita
menguasai dasar - dasar kode atau script HTML.}

_{Untuk belajar HTML anda tidak perlu membeli modul khusus cara membuat kode HTML, juga tidak perlu berguru pada penyedia jasa SEO atau jasa SEO terbaik
sekalipun. Dengan membaca artikel berikut ini saja anda sudah bisa
belajar HTML sesuai keperluan anda untuk mengedit website anda.
Pengertian HTML secara awam seperti saya adalah serangkaian kode - kode
bahasa pemrograman yang digunakan untuk membangun website yang akan
membentuk halaman - halaman situs setelah dionlinekan ke internet.}

_{Untuk mempermudah pengertian anda dalam belajar HTML,
di sini juga akan saya berikan contoh penerapan kode atau script HTML
sehingga anda dapat mengikutinya dengan praktek pula. Bagi anda yang
masih pemula, langsung saja kita lihat pembahasan kode HTML berikut ini :}

_{Struktur kode HTML yang harus selalu ada di setiap halaman situs adalah:}

_<html>

_<head>

_{<title>Tulis Judul Anda di Sini</title>}

_{<meta name="description" content="tulis deskripsi/penjelasan singkat situs anda di sini">}

_{<meta name="keyword" content="tulis kata kunci halaman anda di sini">}

_</head>

_<body>

_{Di sini adalah konten / isi halaman anda}

_</body>

_</html>

_{Latihan 1. Belajar membuat halaman sederhana dengan kode HTML}

Sebagai bahan untuk belajar HTML, sekarang buka program Notepad anda. Caranya klik " start " pilih program, cari program Notepad, jika sudah anda buka kemudian tuliskan kode - kode HTML di bawah ini :

_<html>

_<head>

_{<title>Modul Belajar HTML</title>}

_{<meta name="description" content="Modul belajar HTML untuk pemula">}

_{<meta name="keyword" content="modul html,belajar html">}

_</head>

_<body>

_{Modul
HTML ini berisi latihan - latihan sederhana untuk beljar membuat sebuah
halaman website agar dapat online di internet. Bagi anda yang masih
pemula sebaiknya mengikutinya dengan memparaktekkan secara langsung agar
lebih mudah dalam memahami setiap variasi kode - kode HTML.}

_</body>

_</html>

_{Setelah
selesai menuliskan kode - kode HTML di atas kemudian anda simpan.
Caranya : klik " file " kemudian pilih " save as " tentukan lokasi
penyimpanan, misalnya pada folder " latihan " di " my document " , pada "
file name " tulis nama file misalnya " latihan1.html " pada save as
type isikan " all file " kemudian klik " save ".}

_{Untuk mengetahui hasilnya pada browser, caranya sebagai berikut :}

_{Cari
file " latihan1.html " yang anda simpan pada folder " latihan " di " my
document " , setelah ketemu kemudian klik kanan, pilih " open with "
lalu pilih browsernya misalnya " internet explorer " maka hasilnya akan
tampak seperti gambar di bawah ini :}

DENGAN LANGKAH - LANGKAH SEPERTI DI ATAS COBA ANDA PRAKTEKKAN LATIHAN - LATIHAN SELANJUTNYA

_{Latihan 2. Belajar membuat link atau tautan dengan kode HTML :}

_{misalnya : kata yang terlihat dalam link ( ancor text ) adalah "cara membuat website"}

_{sedangkan alamat/URL dari halaman yang dituju tersebut adalah http://edyutomo.com/internet-dan-komputer/cara-membuat-website}

_{maka kode HTML nya adalah :}

_{<a href="http://edyutomo.com/internet-dan-komputer/cara-membuat-website">cara membuat website</a>}

_{hasilnya adalah cara membuat website}

_{Latihan 3. Belajar kode warna HTML untuk mengedit warna teks :}

_{<font color="red">kata yang diedit</font>, ini akan mengubah warna teks menjadi merah.}

_{Lihat contoh berikut ini :}

<font color="red">Modul HTML</font> ini berisi latihan - latihan.....

hasilnya akan tampak sebagai berikut :

belajar membuat halaman situs dengan kode html

_{Latihan 4. Kombinasi kode warna HTML, paragraf baru, ukuran huruf dan jenis huruf :}

_{<p align="left"><font face="arial" size="6" color="red">kata yang diedit</font></p>}

_{ini akan membuat paragraf menjadi rata kiri, dengan jenis huruf arial, ukuran 6 dan warna teks menjadi merah.}

_{Lalu
bagaimana untuk membuat warna menjadi warna campuran, ah... itu
gampang. Caranya anda buka photoshop, lihat gambar di bawah :}

_{klik
kotak merah yang saya lingkari, kemudian akan muncul kotak dialog color
picker, lalu cari warna yang anda inginkan, lalu copy code warna yang
ada di bawah ( saya tandai ), setelah itu anda paste pada kode warna
HTML untuk mengedit warna.}

_{Contoh : color="#ed260b"}

_{mudah - mudahan jelas ya.}

_{Kode HTML lainnya :}

_{<p>isi paragraf</p> , untuk membuat paragraf baru}

_{<br>isi kalimat</br> , untuk membuat baris baru}

_{<b>kata/kalimat</b> , untuk membuat teks tebal}

_{<i>kata/kalimat</i> , untuk membuat kata miring}

_{<u>kata/kalimat</u> , untuk membuat garis bawah}

_{Latihan 5. Belajar cara menyisipkan gambar dengan kode HTML :}

_{Sebelum
kita menyisipkan gambar, terlebih dahulu kita harus mengupload foto
atau gambar untuk mendapatkan link dari gambar tersebut untuk keperluan
menyisipkan gambar yang telah kita tentukan. Lihat cara upload foto atau gambar.}

_{sebagai
contoh saya telah mengupload gambar pada situs image hosting
http://photobucket.com, sehingga saya mendapatkan url link gambar
seperti berikut ini :}

_{http://i1095.photobucket.com/albums/i480/satujambi/contoh1.gif}

_{Sebagai contoh, lihat ilustrasi contoh penerapan kode HTML di bawah ini :}

_{<p>di bawah ini adalah contoh gambar :</p>}

_{<img src="http://i1095.photobucket.com/albums/i480/satujambi/contoh1.gif">}

_{hasil dari penullisan kode HTML adalah sebagai berikut :}

_{Latihan 6. Belajar kode HTML untuk menyisipkan link pada gambar}

_{Sebagai contoh, berdasarkan gambar di atas, kita akan menyisipkan link menuju halaman http://edyutomo.com/anak-dan-balita/kumpulan-puisi-anak, maka kode HTML yang perlu dibuat adalah sebagai berikut :}

_{<a href="http://edyutomo.com/anak-dan-balita/kumpulan-puisi-anak"><img src="http://i1095.photobucket.com/albums/i480/satujambi/contoh1.gif"></a>}

_{Hasilnya akan menjadi sebagai berikut :}

Coba anda klik gambar di atas, pasti akan terbuka halaman yang dituju. Selamat anda sudah dapat membuat link pada gambar.

_{Artikel lainnya tentang belajar HTML :}

_{Belajar HTML 1 : membuat bullet dan numbering dengan kode HTML}Belajar HTML 2 : cara menuliskan kode HTML untuk karakter khusus
Belajar HTML 3 : cara termudah mengetahui kode warna HTML
Belajar HTML 4 : cara membuat tabel dengan kode HTML

Belajar HTML 5 : cara membuat favicon dengan kode HTML

Belajar HTML 6 : cara menuliskan URL gambar dengan kode HTML
Belajar HTML 7 : macam link dan cara menuliskannya dalam kode HTML

Artikel terkait :

Trik merajai search engine dengan mudah tanpa berburu backlink.

Mudah - mudahan kumpulan artikel tentang belajar HTML bermanfaat.
<script type="text/javascript">
var adfly_id = 9143968;
</script>
<script src="http://cdn.adf.ly/js/display.js"></script>

Macam Link Dan Cara Menuliskan Linknya

Macam Link Dan
Cara Menuliskan Linknya

Materi belajar HTML kali ini kita akan membahas tentang hyperlink atau link. Link adalah kata – kata atau teks yang diberi tanda khusus, dimana kalau kata atau teks tersebut diklik maka akan muncul halaman yang dituju oleh link tersebut.

Pada halaman cara membuat website, kita telah membahas bahwa untuk membuat website dapat menggunakan cara instan menggunakan blogger, wordpress atau joomla. Dengan cara tersebut, untuk membuat link tentu sangat mudah hanya dengan memanfaatkan tombol yang tersedia dan semuanya beres.

Namun jika kita ingin membuat situs penjualan seperti bisnis online kita dituntut untuk dapat memahami cara menuliskan kode HTML termasuk cara menuliskan link.

Link biasanya ditandai dengan teks yang berwarna biru dan bergaris bawah. Satu lagi ciri khasnya adalah pointer mouse akan berubah menjadi gambar telunjuk tangan jika diarahkan ke link tersebut. Link dapat berbentuk teks atau gambar.

Untuk membuat teks atau gambar menjadi sebuah link, berikut ini adalah rumus cara menuliskannya :

<a href=”lokasi halaman yang dituju”>teks yang diinginkan </a>

Contoh kalimat : aneka resep nusantara.

Dari kalimat di atas, kata “ resep “akan dibuat link menuju halaman berikut ini :

http://edyutomo.com/resep-makanan

Maka cara menuliskan link adalah sebagai berikut :

aneka <a href=”http://edyutomo.com/resep-makanan”> resep</a>nusantara.

Sehingga link itu akan tampak seperti di bawah ini :

aneka resep nusantara

MACAM - MACAM LINK

Berdasarkan lokasi halaman tujuan dari sebuah link, hyperlink atau link dapat dibagi menjadi bebearapa macam :

1. Link yang menuju ke halaman utama, cara menuliskan adalah : href=”http://www.namasitus.com”

2. Link yang menuju ke halaman lain dalam situs lain, cara menuliskannya , disamping kita menuliskan URL halaman utama kita juga harus menuliskan lokasi file / foldernya. Contoh : href=”http://edyutomo.com/internet-dan-komputer/tips-seo“

3. Link yang menuju ke halaman lain dalam situs yang sama, maka cukup menuliskan lokasi filenya tanpa menuliskan URL halaman utama. Ini dibagi menjadi beberapa macam :

Bila lokasi / halaman yang dituju berada pada folder yang sama dengan file dari link tersebut, maka cukup dituliskan nama filenya saja, contoh : href=”latihan.html”.
Bila lokasi / halaman yang dituju berada pada folder yang lain di bawah folder yang ditempati oleh link tersebut, maka harus dituliskan juga nama foldernya, contoh : href=”panduan/latihan.html”.
Bila lokasi / halaman yang dituju berada pada folrder yang lain di atas folder yang ditempati oleh link tersebut, maka cara menuliskan link seperti berikut ini : href=”../gambar01.jpg”
Bila lokasi / halaman yang dituju berada pada folder yang letaknya berada di dua tingkat di atas folder yang ditempati oleh link tersebut. Caranya : href=” ../../gambar01.jpg”

4. Link yang menuju ke bagian tertentu dari sebuah halaman. Ini dilakukan dengan cara memberi nama bagian atau area yang dituju sebelum dibuatkan linknya. Untuk memberi nama pada bagian tersebut digunakan tag <a name=”nama yg diinginkan”></a>. Untuk embuat linknya ada 2 cara seperti :

Bagian atau tempat yang dituju berada pada halaman yang sama dengan link yang dibuat. Cara menuliskannya adalah href=”#nama yg diinginkan”
Bagian atau tempat yang dituju berada pada halaman yang lain, maka nama filenya harus ditulis baru diikuti dengan nama bagian / areanya. Contoh href=halaman1.html#nama area

5. Link yang mengarah ke file yang bukan file HTML, misalnya file audio, video atau file gambar. Caranya sama dengan poin 1,2 dan 3. Yaitu href=”lokasi filenya”

6. Link yang mengarah ke alamat email tertentu. Contoh cara menuliskannya adalah href=”mailto: info@edyutomo.com”

Artikel berkaitan :

Belajar SEO - cara mudah no. 1 di Google nggak pake lama

Cara membuat website yang menarik dengan mudah

Dicopas dari edyutomo.com jangan lupa kunjungi sumber aslinya untuk mendapatkan referensi lebih banyak di edyutomo.com

Cara Membuat Tabel Dengan Kode HTML

Cara Membuat Tabel Dengan
Kode HTML

TAG DASAR
Cara membuat tabel dengan kode HTML diperlukan 3 tag dasar yaitu : TABLE, TR, TD. Tag TABLE untuk menandai sebuah tabel, TR untuk membentuk baris, TD untuk membentuk kolom. Secara default nilai border=0, jadi tabel akan tampil pada browser tanpa bingkai. Untuk dapat menampilkan bingkai, maka nilai border harus diberi nilai minimal =1.
Contoh , di bawah ini adalah serangkaian kode HTML untuk membuat tabel :
<table border=1>
<tr><td>tanggal</td></tr></table>

Hasilnya, browser akan menampilkan gambar tabel seperti di bawah ini :
Cara membuat tabel dengan kode html

CARA MEMBUAT TABEL 1 BARIS 2 KOLOM
Berikut ini adalah cara membuat tabel dengan kode HTML 1 baris 2 kolom, lihat penerapannya di bawah ini :
<table border=1>
<tr><td>tanggal</td><td>nama</td></tr></table>
Hasilnya, browser akan menampilkan gambar tabel seperti di bawah ini :
Cara membuat tabel dengan kode html

CARA MEMBUAT TABEL 3 BARIS 1 KOLOM
Berikut ini adalah cara membuat tabel dengan kode HTML 3 baris 1 kolom adalah sebagai berikut :
<table border=1><tr><td>tanggal</td></tr><tr><td>kota</td></tr><tr><td>jenis kelamin</td></tr></table>
Hasilnya, browser akan menampilkan gambar tabel seperti di bawah ini :

CARA MEMBUAT TABEL DENGAN ATRIBUT CELLSPACING
Atribut CELLSPACING digunakan untuk menentukan jarak antar sel pada sebuah tabel. Lihat penerapan CELLSPACING pada kode HTML berikut ini :
<table border=1 cellspacing=10><tr><td>becak</td><td>sepeda</td></tr><tr><td>mobil</td><td>motor</td></tr></table>
Hasilnya, browser akan menampilkan gambar tabel seperti di bawah ini :
Cara membuat tabel dengan kode html

CARA MEMBUAT TABEL DENGAN ATRIBUT CELLPADDING
Atribut CELLPADDING digunakan untuk member jarak antara sel dengan tulisan. Lihat penerapannya pada kode HTML berikut ini :
<table border=1 cellpadding=10><tr><td>becak</td><td>sepeda</td></tr><tr><td>mobil</td><td>motor</td></tr></table>
Hasilnya, browser akan menampilkan gambar tabel seperti di bawah ini :
Cara membuat tabel dengan kode html

CELLSPACING DAN CELLPADDING DIPAKAI BERSAMA – SAMA
Jika kedua atribut tersebut dipakai bersamaan dalam pembuatan tabel, maka penerapannya seperti kode HTML berikut ini :
<table border=1 cellpadding=10 cellspacing=10><tr><td>becak</td><td>sepeda</td></tr><tr><td>mobil</td><td>motor</td></tr></table>
Hasilnya, browser akan menampilkan gambar tabel seperti di bawah ini :
Cara membuat tabel dengan kode html

MENENTUKAN LEBAR KOLOM DENGAN PROSENTASE ( WIDTH=100% )
Jika lebar kolom ditentukan 100 %, maka tampilan tabel akan melebar memenuhi lebar halaman. Jika lebar setiap kolom tidak ditentukan, maka lebar 100% akan terbagi sama lebar untuk setiap kolomnya. Apabila jumlah kolomnya 2, maka tabel tersebut akan terbagi menjadi 2 sama lebar, masing – masing 50%.
Lebar kolom pada tabel dapat ditentukan tidak sama lebar, artinya masing – masing kolom lebarnya tidak sama. Lihat contoh penerapannya pada kode HTML berikut ini :
<table border=1 width=100%><tr><td width=25%>becak</td><td width=75%>sepeda</td></tr><tr><td width=25%>mobil</td><td width=75%>motor</td></tr></table>
Hasilnya, browser akan menampilkan gambar tabel seperti di bawah ini :
Cara membuat tabel dengan kode html

MENENTUKAN LEBAR DAN TINGGI KOLOM DENGAN SATUAN PIXEL
Untuk membuat tabel, lebar kolom ( WIDTH ) dan tinggi kolom ( HEIGHT ) dapat ditentukan dengan satuan pixel. Lihat penerapannya dengan kode HTML berikut ini :
<table border=7 ><tr height=40><td width=150>becak</td><td width=250>sepeda</td></tr><tr height=80><td width=150>mobil</td><td width=250>motor</td></tr></table>
Hasilnya, browser akan menampilkan gambar tabel seperti di bawah ini :
Cara membuat tabel dengan kode html

PERATAAN TULISAN DALAM TABEL
Perataan tulisan dalam sebuah tabel menggunakan tag ALIGN ( untuk perataan horizontal ) dan VALIGN ( untuk perataan vertical ). Untuk lebih memahaminya lihat contoh kode HTML berikut ini :
<table border=7 ><tr height=40><td width=150 align=left valign=top>becak</td><td width=250 align=right valign=middle>sepeda</td></tr><tr height=80><td width=150 align=right valign=bottom>mobil</td><td width=250 align=center valign=middle>motor</td></tr></table>
Hasilnya, browser akan menampilkan gambar tabel seperti di bawah ini :
Cara membuat tabel dengan kode html

Mudah – mudahan materi belajar HTML tentang cara membuat tabel dengan kode HTML di atas bermanfaat bagi anda.
Temukan kumpulan artikel lainnya :
Cara membuat website yang menarik dengan mudah
Belajar SEO - cara mudah no.1 di Google nggak pake lama

Dicopas dari edyutomo.com jangan lupa kunjungi sumber aslinya untuk mendapatkan referensi lebih banyak di edyutomo.com

Minggu, 08 Maret 2015

Cara Membuat Bullet Dan Numbering Dengan Kode HTML

Cara Membuat Bullet Dan Numbering

Dengan Kode HTML

Jika anda membuat website atau blog dengan Blogger atau Wordpress, untuk membuat bullet dan numbering mungkin hanya dengan mengklik tombol yang sudah tersedia. Namun tahukah anda cara membuatnya dengan kode HTML?

Tulisan berikut ini akan menunjukkan kepada anda bagaimana cara membuat bullet dan numbering dengan kode HTML, sehingga anda akan tahu bagaimana cara membuat website sendiri dengan pemrograman HTML. Simak saja langkah - langkahnya pasti anda bisa melakukannya tanpa perlu belajar HTML yang bikin pusing.

Untuk membuat item tak berurut digunakan tag UL sedangkan untuk membuat item berurut digunakan tag OL. Setiap item ditandai dengan LI

Contoh :

Ini adalah beberapa pesan ibu : ( contoh item tak berurutan )

makan
jemput adik
pergi ke rumah nenek

Ini adalah beberapa pesan ibu : ( contoh item berurutan )

makan
jemput adik
pergi ke rumah nenek

Untuk menuliskannya dalam HTML, caranya sebagai berikut :

Contoh untuk item tak berurutan

<body>

<ul>

Ini adalah beberapa pesan ibu :

<li>makan</li>
<li>jemput adik</li>
<li>pergi ke rumah nenek</li>

</ul>

</body>

Contoh untuk item berurutan

<body>

<ol>

Ini adalah beberapa pesan ibu :

<li>makan</li>
<li>jemput adik</li>
<li>pergi ke rumah nenek</li>

</ol>

</body>

---------------

Di copas dari edyutomo.com jangan lupa kunjungi sumber aslinya untuk referensi lebih banyak di edyutomo.com

Super Copas

Halaman

Jumat, 20 Maret 2015