- Silahkan jalankan program Dreamweaver jika pembaca telah menginstalnya.
- Pada menu utama, pilih File --> New, maka akan muncul tampilan pilihan jenis dokumen baru yang ingin kita buat. Maksudnya adalah kita memilih apakah ingin membuat halaman web basic (statis), web dinamis (biasanya untuk web berbasis database), halaman template, dan lain-lain. Setiap kategori terdiri dari beberapa jenis dokumen. Menurut saya jenis ini dibedakan berdasarkan bahasa dan fungsi yang akan digunakan untuk halaman website yang akan kita buat. Karena saat ini kita mencoba belajar yang dasar terlebih dahulu, maka silahkan pilih kategori Basic Page dan jenisnya HTML.
- Tampilan layar desain Dreamweaver terdiri dari 3 jenis, yaitu code, split, dan design.
Layar Code berfungsi sebagai tempat kita membuat halaman web dengan mengetik bahasa pemograman secara langsung. Artinya, layar inilah yang menampilkan struktur bahasa pemograman web yang dipakai pada halaman web yang sedang kita buat. Pada bagian design, kita membuat website dengan menggunakan menu-menu yang tersedia, misalnya menu menambahkan gambar, membuat tabel, mengatur tampilan tulisan, dan lain-lain. Kita tidak perlu mengetik bahasa pemograman halaman web yang kita buat karena secara otomatis, setiap kita menambahkan sebuah elemen, maka dreamweaver akan menerjemaahkannya kedalam kalimat-kalimat bahasa pemograman yang kita gunakan. Inilah keunggulan dreamweaver dibanding notepad, frontpage, dan mungkin yang lainnya. Karena pada dreamweaver sudah tersedia menu-menu yang siap pakai untuk mendesain halaman web. Selain itu, interface-nya juga sangat bagus dan mudah digunakan. Bagian split berguna untuk membagi halaman kerja dreamweaver menjadi 2, separuh untuk menampilkan layar code, dan separuh lagi menampilkan layar design. Hal ini berguna jika kita ingin mendesain halaman melalui layar design namun ingin melihat perubahan kode bahasa webnya, dan juga sebaliknya. Jika pembaca masuk ke layar Code, Anda akan melihat struktur HTML seperti yang pernah saya tunjukkan pada postingan yang ini. Sebagai contoh struktur:
<title>Untitled Document</title>dimana struktur tersebut berfungsi untuk mendefenisikan judul halaman web kita yang akan muncul di title bar browser.
- Dibagian kiri atas dibawah menu File, terdapat menu dropdown yang terdiri dari beberapa pilihan. Pilihan ini berguna untuk memilih menu-menu desain yang akan kita gunakan. Misalnya kita ingin menambah gambar, maka pilih Common, maka disebelah kanannya akan muncul menu-menu bergambar yang bisa kita gunakan, salah satunya untuk memasukkan gambar ke halaman website.
- Coba pembaca masuk ke layar Design seperti yang saya jelaskan pada poin 3. Setelah memilih bagian tersebut, dibagian bawah pembaca akan melihat bagian Properties. Bagian ini berfungsi untuk mengatur tampilan dari elemen-elemen yang kita tambahkan kedalam halaman web yang kita buat. Menu-menu Properties ini hanya terlihat jika kita bekerja pada layar Design.
- Dibagian samping, terdapat pula bagian yang bernama Panel. Salah satu fungsi panel ini adalah untuk mengatur file-file web yang telah kita buat.
- Dibagian atas tepatnya disamping menu pilihan layar, ada kotak isian bernama Title. Bagian berfungsi untuk memberikan judul halaman web yang sedang kita buat yang akan muncul pada title bar browser.
Fungsi ini sama seperti yang dijelaskan pada poin 3 diatas mengenai tag title. Coba pembaca ganti tulisan yang ada di kotak tersebut menjadi misalnya "Tutorial Website Dengan Dreamweaver". Setelah itu, kembali ke layar code dan lihat perubahan yang terjadi pada bagian tag <title>.
Tampilkan postingan dengan label WEB. Tampilkan semua postingan
Tampilkan postingan dengan label WEB. Tampilkan semua postingan
Apa itu Alexa ??? Nama band itu ???. Hahahahah bukan, bukan. itu adalah untuk melihat blog/web kita ada diurutan keberapa.
Berikut tips-tips menaikkan ranking alexa:
1. Alexa Traffic
Dengan menjadikan web anda populer, buatlah banyak pengunjung. Intinya dengan cara mempromosikan blog anda.
2. Alexa Toolbar
Dengan memasang ini dibrowsermu, ranking alexa angka akan mengecil. Sebaiknya gunakanlah browser Mozilla. Sudah browsermu dipasang ???
KLIK >>PASANG<<
3. Alexa Widget
Pasang widget alexa diblogmu, karena jika ada pengunjung yang datang diblogmu membuat statistik rank alexa. Cara buka www.alexa.com
4. Alexa Blog
Tulis tentang Alexa diblogmu, banyak para blogger menyukai artikel tips menaikkan alexa. So, post your alexa !
Berikut tips-tips menaikkan ranking alexa:
1. Alexa Traffic
Dengan menjadikan web anda populer, buatlah banyak pengunjung. Intinya dengan cara mempromosikan blog anda.
2. Alexa Toolbar
Dengan memasang ini dibrowsermu, ranking alexa angka akan mengecil. Sebaiknya gunakanlah browser Mozilla. Sudah browsermu dipasang ???
KLIK >>PASANG<<
3. Alexa Widget
Pasang widget alexa diblogmu, karena jika ada pengunjung yang datang diblogmu membuat statistik rank alexa. Cara buka www.alexa.com
4. Alexa Blog
Tulis tentang Alexa diblogmu, banyak para blogger menyukai artikel tips menaikkan alexa. So, post your alexa !
Bagi sebagian blogger seperti saya ganti-ganti template adalah hal yang menyenangkan. Akan tetapi masalah yang timbul dari ganti-ganti template adalah posisi serp yang tidak menentu. Belum lagi kalau kata kunci yang kita bidik sudah menjadi black list google. Seperti blog ini, nah bagi teman-teman yang sering ganti-ganti template, mulai sekarang berhentilah.
Seperti blog ini sudah berganti template sebanyak 7 kali. Dengan begitu kata kunci yang saya bidik dulu pada posisi pertama, sekarang merosot entah dimana. Apa mungkin karena update alogaritma atau bagaimana yang jelas ganti-ganti template sungguh sangat merugikan blog itu sendiri.
Nah untuk sobat yang biasa ganti-ganti template seperti saya. Sejuta trik blogger ada tips ringan yang bisa mengurungkan niat sobat-sobat untuk mengganti template dengan cara menggunakan fitur blogger yang baru.
Ok langsung saja kita view blog kita dengan tampilan bawaan blogger tapi kita tidak mengganti template blog. Wah-wah-wah emang bisa? Emmn bagi sobat yang belum tahu, yuk lihat gambarnya dulu.
Seperti blog ini sudah berganti template sebanyak 7 kali. Dengan begitu kata kunci yang saya bidik dulu pada posisi pertama, sekarang merosot entah dimana. Apa mungkin karena update alogaritma atau bagaimana yang jelas ganti-ganti template sungguh sangat merugikan blog itu sendiri.
Nah untuk sobat yang biasa ganti-ganti template seperti saya. Sejuta trik blogger ada tips ringan yang bisa mengurungkan niat sobat-sobat untuk mengganti template dengan cara menggunakan fitur blogger yang baru.
Ok langsung saja kita view blog kita dengan tampilan bawaan blogger tapi kita tidak mengganti template blog. Wah-wah-wah emang bisa? Emmn bagi sobat yang belum tahu, yuk lihat gambarnya dulu.
Nah pada saat kita memasuki blog atau website seseorang, pasti kita akan disugguhkan beberapa potongan postingan di halam utama website tersebut. Bisa saja jumlah potongan postingannya berjumlah 3 hingga puluhan yang akan ditampilkan di halaman utama.
Ok untuk lebih jelasnya langsung saja ke TKP.
1. Anda harus login terlebih dahulu di blogger
2. Setelah anda siap register, maka akan muncul tampilan dasbor anda, nah pada bagian ini anda klik tulisan setelan.
3. Setelah anda klik setelan, maka langkah selanjutnya anda klik Format.
4. Langkah terakhir adalah anda tentukan jumlah postingan yang akan ditampilkan di Halaman utama pada bagian TAMPILKAN SEBANYAK MUNGKIN. Sebagai contoh saya akan menampilkan postingan di halaman utama sebanyak 10 postingan. Setelah itu anda klik tombol simpan setelan.
Nah coba anda lihat, pasti jumlah postingan yang ada dihalaman utama anda akan bertambah ataupun berkurang sesuai inputan yang kita berikan tadi.
Ok untuk lebih jelasnya langsung saja ke TKP.
1. Anda harus login terlebih dahulu di blogger
2. Setelah anda siap register, maka akan muncul tampilan dasbor anda, nah pada bagian ini anda klik tulisan setelan.
3. Setelah anda klik setelan, maka langkah selanjutnya anda klik Format.
4. Langkah terakhir adalah anda tentukan jumlah postingan yang akan ditampilkan di Halaman utama pada bagian TAMPILKAN SEBANYAK MUNGKIN. Sebagai contoh saya akan menampilkan postingan di halaman utama sebanyak 10 postingan. Setelah itu anda klik tombol simpan setelan.
Nah coba anda lihat, pasti jumlah postingan yang ada dihalaman utama anda akan bertambah ataupun berkurang sesuai inputan yang kita berikan tadi.
Nah, anda pasti sudah banyak melihat tutorial tutorial HTML yang ada di ilmuwebsite.com. Tapi, masih ada 1 kekurangan, tutorial HTML untuk tingkat pemula???
Nggak ada kan??? nah, maka dari itu, saya, C.H.I.P. Sensei, akan menjelaskan bagaimana website di bangun menggunakan tag-tag HTML, dan ini penulis sediakan untuk pemula. Tapi sebelum itu, ada yang perlu diketahui.
tag <>
digunakan untuk menuliskan sintak, ada dua jenis, yaitu tag container dan tag biasa.
Tag container adalah tag yang berisi text yang akan ditampilkan setelah tag ditutup. Contoh: <td> text yang ditampilkan </td>.
Tag biasa, yahh…tag aja, contoh <BR> (break). <br> kaga perlu ditutup oleh tag </br>, tapi jika sintak yang digunakan tag container, contoh: <h1>, yah mesti ditutup dengan </h1>.
Tag yang digunakan untuk mengakhiri sintak punya karakter / (slash) sebelum sintaknya, contohnya: <td> </td>
Kita juga dapat mengetik attribut di dalam sebuah tag, contoh: <body bgcolor=”red”> </body>. atau <input type=”text”>.
LANGKAH 1
pertama, ketikkan
<html>
tekan enter, kemudian ketik
<head>
Dalam container head, kita bisa mengetikan beberapa sintak, tapi yang paling penting jangan lupa mengetikan sintak <title> judul halaman web </title>. Untuk sintak lain nanti saja.
Sekarang ketikkan sintak title tadi, jadi seperti ini:
<head> <title> judul halaman web </title> </head>
Kemudian ketikkan <body>. Tag body merupakan badan/tubuh/inti dari halaman web, tampilan web yang kita lihat itu berasal dari <body>.
Body tuh tag container, jadi mesti ditutup. Hasil sampai sekarang:
<html>
<head>
<title> Judul Halaman Web </title>
</head>
<body>
</body>
Selanjutnya bagaimana cara menampilkan tulisan ke dalam HTML??? Ketikan sembarang text ke dalam tag body, contohnya seperti ini :
<body>
Contoh text yang ditampilin di halaman web, By: C.H.I.P. Sensei
</body>
terus, jika sudah, ketikkan </html>, script lengkapnya seperti ini :
<html>
<head>
<title> Judul Halaman Web </title>
</head>
<body>
Contoh text yang ditampilkan di halaman web, By: C.H.I.P. Sensei
</body>
</html>
kalo udah, sekarang save dengan nama dasarHTML.
kalo udah disave, buka data yang tadi di save.
Pada bagian ini, kalian mungkin akan bingun,g karena html yang tadi disave dan cape cape diketikkan, ternyata gagal. Malah yang terbuka adalah file di notepad/wordpad. tau kenapa???
Karena ketika men-save, file tersebut di save dalem bentuk TXT, bukan HTML. Nah cara men-save dalem bentuk HTML yaitu: ketika mensave, ada satu tempat di bawah tempat kita menulis nama file, yakni Save As Type. Silahkan ubah dari text document(*.txt) menjadi all files, ketika menulis nama, di akhir di berikan extensi .html, contoh: dasarHTML.html.
Nggak ada kan??? nah, maka dari itu, saya, C.H.I.P. Sensei, akan menjelaskan bagaimana website di bangun menggunakan tag-tag HTML, dan ini penulis sediakan untuk pemula. Tapi sebelum itu, ada yang perlu diketahui.
tag <>
digunakan untuk menuliskan sintak, ada dua jenis, yaitu tag container dan tag biasa.
Tag container adalah tag yang berisi text yang akan ditampilkan setelah tag ditutup. Contoh: <td> text yang ditampilkan </td>.
Tag biasa, yahh…tag aja, contoh <BR> (break). <br> kaga perlu ditutup oleh tag </br>, tapi jika sintak yang digunakan tag container, contoh: <h1>, yah mesti ditutup dengan </h1>.
Tag yang digunakan untuk mengakhiri sintak punya karakter / (slash) sebelum sintaknya, contohnya: <td> </td>
Kita juga dapat mengetik attribut di dalam sebuah tag, contoh: <body bgcolor=”red”> </body>. atau <input type=”text”>.
LANGKAH 1
- MEMBUKA NOTEPAD.
- MENGETIKKAN SINTAK/SYNTAX.
pertama, ketikkan
<html>
tekan enter, kemudian ketik
<head>
Dalam container head, kita bisa mengetikan beberapa sintak, tapi yang paling penting jangan lupa mengetikan sintak <title> judul halaman web </title>. Untuk sintak lain nanti saja.
Sekarang ketikkan sintak title tadi, jadi seperti ini:
<head> <title> judul halaman web </title> </head>
Kemudian ketikkan <body>. Tag body merupakan badan/tubuh/inti dari halaman web, tampilan web yang kita lihat itu berasal dari <body>.
Body tuh tag container, jadi mesti ditutup. Hasil sampai sekarang:
<html>
<head>
<title> Judul Halaman Web </title>
</head>
<body>
</body>
Selanjutnya bagaimana cara menampilkan tulisan ke dalam HTML??? Ketikan sembarang text ke dalam tag body, contohnya seperti ini :
<body>
Contoh text yang ditampilin di halaman web, By: C.H.I.P. Sensei
</body>
terus, jika sudah, ketikkan </html>, script lengkapnya seperti ini :
<html>
<head>
<title> Judul Halaman Web </title>
</head>
<body>
Contoh text yang ditampilkan di halaman web, By: C.H.I.P. Sensei
</body>
</html>
kalo udah, sekarang save dengan nama dasarHTML.
kalo udah disave, buka data yang tadi di save.
Pada bagian ini, kalian mungkin akan bingun,g karena html yang tadi disave dan cape cape diketikkan, ternyata gagal. Malah yang terbuka adalah file di notepad/wordpad. tau kenapa???
Karena ketika men-save, file tersebut di save dalem bentuk TXT, bukan HTML. Nah cara men-save dalem bentuk HTML yaitu: ketika mensave, ada satu tempat di bawah tempat kita menulis nama file, yakni Save As Type. Silahkan ubah dari text document(*.txt) menjadi all files, ketika menulis nama, di akhir di berikan extensi .html, contoh: dasarHTML.html.
~cms atau singkatan dari content management system, suatu software yang berguna untuk memanipulasi content atau isi dari suatu situs web.
maksud dari manipulasi di sini adalah menambah, mengedit atau menghapus isi dari situs. dengan cms, semua itu bisa di lakukan tanpa pengguna harus belajar HTML atau bahasa pemograman web. karena CMS bisa berbasis web atau pun aplikasi desktop biasa.
~MySQL adalah salah satu Relational Database Management System (RDBMS) yang di distribusikan secara gratis. MySQL merupakan database open source yang cukup banyak di gunakan pada berbagai aplikasi.
kehandalannya dalam mengolah database di tunjang
kecepatan mengakses query, serta banyaknya fitur- fitur yang di miliki menjadikannya sebagai database idola saat ini.
~PHP adalah skrip pemogram yang bersifat server side yang ditambahkan ke dalam HTML. php membuat suatu aplikasi dapat di intergrasikan kedalam HTML sehingga halaman web tak lagi bersifat statis, tetapi bersifat dinamis.
php termasuk bahasa pemograman web yang cepat berkembang dan diminatioleh banyak orang. salah satu alasan nya adalah dekatnya program php dengan bahasa C, sehingga yang sudah terbiasa dengan bahasa C bisa dengan cepat beradaptasi dengan php.
Baik untuk blog baru atau pun yang lama
- Pada saat membuat blog baru dan nama serta domainnya sudah disetujui, maka anda akan diberikan 4 macam template baru ketika sudah sampai di tempat akan memasang template. Anda bisa memilih salah satu template baru tersebut. nanti bisa anda ganti kalau tidak suka.
Kalau anda ingin menggantinya saat itu, klik Rancangan seperti dijelaskan di bawah ini: - Kalau untuk mengganti template lama dengan templat baru Blogger, anda masuk ke darbor Blogger dan klik Rancangan (Design) pada blog yang ingin anda ubah templatenya
- Pada tampilan yang kemudian muncul, klik Perancang Templat Baru
- Akan muncul tampilan seperti di bawah ini. Di situ diberikan 6 macam template baru dan masing-masing template dilengkapi dengan beberapa desain alternatif di bawahnya.
- Lalu di sudut kanan atas, ada beberapa tombol yang bisa anda klik. Yang penting adalah Back to Blogger untuk kembali ke dasbor dan Apply this to blog yang anda klik ketika akan memakai salah satu template yang disediakan di blog anda.
Layout
Di bawah Background
Di bawah Background terdapat tombol Layout yang isinya ada 3: Body Layout, Footer Layout dan Adjust Width.
- Body Layout | Isinya adalah layout body dari blog, yaitu mengatur letak dan jumlah sidebar. Sidebar bisa berjumlah 2 atau 3. Bisa juga tidak ada. Letaknya bisa di kiri atau kanan dari post area.
- Footer Layout | Adalah jumlah footer yang anda pakai, bisa 1, 2 atau 3.
- Adjust Width | Ini adalah untuk mengatur lebar blog dan sidebarnya. Anda bisa menggeser alat yang ada di situ.
Background atau Latar
Lebih tepatnya warna latar
Di sebelah kiri ada 4 tombol yang bisa anda klik. Pertama adalah Background (latar) Silakan pilih salah satu warna yang anda sukai. Blogger juga memberikan saran untuk kombinasi warna yang lain.
Jangan lupa menekan APPLY TO BLOG kalau sudah menentukan salah satu kombinasi warna latar yang mau anda pakai.
Jangan lupa menekan APPLY TO BLOG kalau sudah menentukan salah satu kombinasi warna latar yang mau anda pakai.
Buku Problogger yang terkenal itu
ProBlogger: Secrets for Blogging Your Way to a Six-Figure Income
Amazon Price: $16.31 (as of 06/26/2011)
Darren Rowse adalah Blogger Professional yang terkenal. Menjadi seorang problogger handal memang bukan hal mudah. Tetapi Darren Rowse membaginya di buku yang terkenal ini!
Advanced
Sebenarnya tidak juga Advanced kalau sudah biasa
Ini adalah menu yang terakhir, adanya di bawah Layout. Di sini anda bisa mengatur banyak, misalnya jenis huruf, warna huruf, format huruf, dan sebagainya, dan sebagainya. Pokoknya banyak. Silakan anda coba-coba sendiri. Gampang kok!
Jangan sampai anda lupa menekan APPLY TO BLOG setiap kali anda ingin melakukan perubahan
Anda ingin tahu cara membuat blog? Cara membuat blog itu sangat mudah, apalagi kalau anda menggunakan Blogger. Anda tidak perlu pengetahuan yang tinggi untuk tahu bagaimana cara membuat blog. Membuat blog itu gampang dan sederhana.
Lensa ini memandu anda cara membuat blog di Blogger. Bisa juga menjadi tutorial anda tentang bagaimana cara membuat blog. Setelah anda membaca, dijamin anda akan bisa membuat sebuah blog yang sederhana atau pun yang luar biasa. Atau banyak blog. Berapa blog? Tergantung berapa banyak yang mau anda buat. Silakan lihat cara membuat blog di lensa ini
Lensa ini memandu anda cara membuat blog di Blogger. Bisa juga menjadi tutorial anda tentang bagaimana cara membuat blog. Setelah anda membaca, dijamin anda akan bisa membuat sebuah blog yang sederhana atau pun yang luar biasa. Atau banyak blog. Berapa blog? Tergantung berapa banyak yang mau anda buat. Silakan lihat cara membuat blog di lensa ini
Sebelum belajar cara membuat blog, buatlah akun Google terlebih dahulu!
Kok akun Google? Google dan Blogger adalah milik perusahaan yang sama. Akun Google bisa anda gunakan untuk masuk ke fasilitas Blogger atau fasilitas Google lainnya, termasuk ke Blogger atau Blogspot.
Kita buat aja dulu akun Google. Caranya adalah sebagai berikut:
Kita buat aja dulu akun Google. Caranya adalah sebagai berikut:
- 1Klik di sini untuk masuk. Tampilan seperti di bawah ini (tampilannya terpotong) akan muncul
- 2Isi data yang diminta sesuai permintaan. Data tersebut adalah Nama Depan, Nama Belakang, Nama Login yang Diinginkan, Buat Sandi, Masukkan Kembali Sandi, Pertanyaan Rahasia, Jawaban (pertanyaan rahasia anda), Email Pemulihan (boleh kosong), Lokasi, dan Verifikasi Kata.
Pelan-pelan aja mengisinya supaya tidak ada kesalahan! - 3Tekan Saya Menerima. Buat Akun Saya
Mari mulai belajar cara membuat blog
Sekarang masuk ke Blogger
Setelah membuat akun Gmail seperti di atas, anda sudah bisa masuk ke Blogger.
- 1Klik di sini untuk masuk ke Blogger.
- 2Isi Nama Pengguna (Email) dan Kata Sandi anda.
- 3Tekan Masuk
- 4Anda akan dibawa ke Dasbor Blogger dengan tampilan sebagai berikut:
- 5Tekan Buat Blog (di sudut kanan atas, di bawah Bahasa) untuk membuat blog anda
- 6Beri nama blog anda, berisi Judul Blog, Alamat Blog (url) dan Verifikasi Kata
Mengganti Template?
Blogger sudah memasang Template Designer New yang berbeda dengan sebelumnya. Lihat cara menggunakannya di sini
Blogger sudah memasang Template Designer New yang berbeda dengan sebelumnya. Lihat cara menggunakannya di sini
Cara membuat entri atau postingan
Sekarang kita buat entri atau posting anda di blog.
- 1Dari dasbor anda, akan tampak semua blog yang sudah anda buat. Lalu di bawah judul masing-masing blog akan ada pilihan-pilhan, termasuk di dalamnya untuk membuat entri baru, seperti di bawah ini
. Klik buat entri baru
- 2Maka kemudian muncul window tempat anda membuat entri atau postingan. Di situ ada Judul, kemudian Isi entri, lalu Label atau Ketegori.
- 3Setelah selesai menuliskan entri anda, tinggal klik Terbitkan untuk menerbitkan entri tersebut. Atau bisa juga Draft (entrinya tetap ada cuma tidak terbit), kemudian Pratinjau untuk melihat entri itu sebelum diterbitkan.
- 4Untuk melihat bagaimana tampilan entri tadi dalam blog anda, klik kanan Lihat Blog
Cara Mencari Uang dengan Blog
- Want To Make Easy Money???
- You Need To Check Out ProBlogging BluePrints - Blog Your Way To Riches
- Blogging Jackpot - Earn Cash
- Make Money with your Blog! Step by Step How To Guide
- Niche Blogging Sucks
- Unless You Read the Pdf... and Make Money Online!
- Blogging Your Way To Riches
- Learn The Blogging Gurus Secrets And Make Quick Money With Blogs.
Langganan:
Postingan (Atom)