Upload
raden-ageng-mas-ilyas
View
48
Download
10
Embed Size (px)
DESCRIPTION
di tujukan untuk para bloger anyar
Citation preview
KATA PENGANTAR
Bismillahhirohmanirrokhim
Buku ini merupakan panduan bagi pemula yang ingin belajar membuat
Blog sendiri secara gratis dan mudah - mudahan bermanfaat bagi kalangan umum.
Dengan mempelajari Blog kalian dapat menurunkan angka buta teknolagi di
Indonesia sekaligus dapat berbisnis melalui Blog.
Blogger merupakan alat komunikasi, alat promosi, alat bisnis, alat
berbagi, alat belajar, alat pengetahuan, Dll. Begitu banyak manfaat Blog untuk
mencerdaskan bangsa.
Semoga buku ini bisa memperkaya ilmu teknologi masyarakat Indonesia
terutama kalangan pendidikan agar lebih bermanfaat untuk kedepannya.
Malang, 08 April 2013
Penulis
DAFTAR ISI
KATA PENAGNTAR
DAFTAR ISI
1. MEMBUAT AKUN EMAIL
A. MEMBUAT AKUN EMAIL GMAIL ..................................................... 1
B. MEMBUAT AKUN EMAIL YAHOO .................................................... 5
2. MEMBUAT AKUN BLOGGER .....................................................................
A. DAFTAR DI BLOGGER .......................................................................
B. MENULIS DI AKUN BLOGGER ..........................................................
C. MEBUAT ARTIKEL DOWNLOAD .......................................................
D. MENAMBAHKAN WIDGET KE BLOG ................................................
E. MENGEDIT TATA LETAK BLOG ..........................................................
F. MENGGANTI TEMA/TEMPLATE BLOG .............................................
3. MEMBUAT AKUN BLOG WORDPRESS .......................................................
A. DAFTAR AKUN WORDPRESS .............................................................
B. MENULIS DI WORDPRESS ................................................................
C. MENAMBAHKAN WIDGET KE WORDPRESS .....................................
D. MENGEDIT TATA LETAK WORDPRESS ...............................................
E. MENGGANTI TEMA WORDPRESS ....................................................
MEMBUAT EMAIL
Sebelum membuat sebuah akun Blog anda di wajibkan memiliki email
terlebih dahulu karna email adalah syarat dari membuat Blog, anda tidak dapat
membuat Blog jika tidak mempunya akun email. Banyaknya situs jasa pembuatan
email gratis di internet dapat membantu mempermudah pembuatan email,
contohnya: Gmail.com, id.Yahoo.com, Aol.com, hotmail.com, dll. Masih banyak
lagi situs – resmi yang menyediakan jasa pembuatan email.
Kita akan membuat akun email yang telah banyak orang pilih yaitu GMAIL
dan YAHOO. Cara – cara membuat email sebagai berikut :
A. MEMBUAT AKUN EMAIL GMAIL
Pertama masuk ke alamat www.gmail.com akan muncul jeda seperti
gambar dibawah ini
Setelah itu klik sign up (Buat Akun) pada pojok kanan atas setelah itu
masukkan biodata anda sesuaikan dengan kolom yang diminta. Harus diisi semua
kolomnya.
Setelah mengisi semua kolom jangan lupa mencentang kolom Saya
menyetujui Persyaratan layanan dan Kebijakan Privasi Google setelah itu klik
Langkah Berikutnya (Continue)
Setelah itu verifikasi lewat telpon bisa melalui SMS atau ditelpon oleh
google,
klik Lanjutkan (Continue)
Masukkan nomer verifikasi yang telas di kirim oleh Google ke yang telah
disediakan, klik Lanjutkan (Continue)
Setelah memasuknak nomer verifikasi dan sukses berarti akun sudah
terdaftar sebagai email yang sah. Kini setelah Anda memiliki Akun Google, buatlah
profil Google Anda. Profil ini merupakan sarana bagi Anda untuk menunjukkan diri
Anda secara publik. disini dapat mengubah foto profil email setelah itu Klik
Langkah Berikutnya (Continue)
Hasil Email Gmail sudah selesai seperti di gambar di bawah ini
* Keunggula email gmail secara otomatis sudah terdaftas sebagai pengguna Blog,
jadi tidak perlu lagi daftar ke Blogger tinggal login saja
B. MEMBUAT AKUN EMAIL YAHOO
Pertama masuk ke situs id.yahoo.com akan muncul jeda seperti gambar
dibawah ini
Klik gambar pada pojok kanan atas untuk masuk ke dalam
email yahoo seperti gambar di bawah ini
Klik Buat Akun setelah itu masukkan biodata secara lengkap dan jelas
sesuai dengan kolom yang telah disediakan kemudian ketikan pertanyaan –
pertanyaan beserta jawannya untuk mengamanan akun ketika lupa dengan
paswordnya setelah itu ketikan kode verifikasinya kolom verifikasi
klik Buat Akun Saya dan akan muncul seperti gambar dibawah ini klik
Lanjutkan
Setelah itu akan secara otomatis akan kembali ke halaman login masukkan
alamt email yang baru di buat di kolom ID Yahoo dan masukkan Kata Sandi
(Pasword) di kolom Kata Sandi (Pasword) klik sign in.
MEMBUAT AKUN BLOGGER
Salah satu sarat membuat Blog adalah harus memiliki alamat email yang
masih aktif dan cara pembuatan email telah di jelaskan di materi ata, email
berperan sangat penting pada Blog contohnya saat ada pemberitahuan jika ada
seseorang/Bloger lain mengomentari Blog anda akan dikirim ke email
NB: untuk www.blogger.com atau www.blogspot.com DIWAJIBKAN menggunakan
email Gmail
A. DAFTAR DI BLOGGER
Pertama kunjungi alamt www.blogger.com atau www.blogspot.com
Masukan Alamat email Gmail dan pasword email ke kolom yang telah
disediakan kemudian beri centang pada tetap masuk dan klik Masuk
Setelah berhasil masuk di halaman Blogger akan tampil halaman seperti
dibawah ini
Yang harus diganti pada halam ini adalah bahasa Blogger pada pojok
kanan atas
Ubah bahasa ke bahasa yang anda mengerti.
Setelah itu bergeser kebawah centang Pengumuman fitur dan Klik lanjut
ke Blogger
Kemudian akan muncul halaman berikut seperti gambar di bawah
Pada gambar diatas, itu terdiri atas :
* Untuk memberi judul, alamat, dan memilih tema pada Blog.
* Sebagai membahkan(mengikuti) Blog lain yang ingin di ikuti
sebagai bahan bacaan.
Pada jika di klik akan muncul gambar seperti berikut
Di situ terdapat kolom Judul sama Alamat
Judul : Sebagai judul Blog yang akan dibikin, isikan dengan keinginan
Alamat : Sebagai alamat Blog yang dibuat, contoh umath19.blogspot.com
Templete : tema pada Blog, pilih salah satu
Dan pada jika di klik akan muncul gambar seperti berikut
Pada gambar ditasa terdiri dari Tambahkan dari URL, Import dari Google
Pustaka, dan opsi mengikuti.
Tambahkan dari URL : Jika di isi secara otomatis Blog akan terisi
bacaan atau isi tulisan dari Blog atau web lain
yang di ikuti.
Import dari Google Pustaka : Mencari isi Blog di pustaka google.
Opsi mengikuti : mengikuti Blog lain secara umum atau Anonim
(dirahasiakan identitasnya).
NB: Untuk TIDAK WAJIB untuk di isi.
Setelah diisi judul dan alamat Blog akan muncul seperti gambar di bawah
Klik lihat Blog untuk mengetahui hasil pembuatan Blog.
Blogger sudah terdaftar dan sudah memiliki alamat sendiri, setiap alamat
Blog pasti berbeda sesuai dengan yang diingikan tapi Blog yang bagus adalah Blog
yang judul dan alamatnya singkron, contoh Judul Blog MUKHIBBUDDIN dan Alamat
Blog.
B. MENULIS DI AKUN BLOGGER
Cara menulis di akun blogger sangat mudah klik , setelah itu
masuk ke Laman Entri, seperti gambar dibawah ini.
1. Judul Entri : Judul artikel yang akan di tulis.
2. Compose : Menampilkan tulisan dalam format sebenarnya dan umum,
maksudnya jika anda membuat tulisan atau artikel maka
tulisan atau artikel yang anda buat akan tampil seperti anda
melakukan penulisan secara umum
Contoh: “Sabar itu tidak ada batasnya”. Maka tulisan yang
tampil adalah sama seperti yang anda tulis.
3. HTML : Hampir sama dengan Compose tapi dalam format
penulisannya yang berbeda, jika di Compose itu “Sabar itu
tidak ada batasnya” maka di HTML seperti ini <i><span
style="color: red;">sabar tidak ada batasnya</span></i>.
4. Publikasikan : Mempublikasikan/menampilkan hasil artikel yang sudah di ketik ke dalam Blog.
5. Simpan : Menyimpan artikel tanpa mempublikaikan 6. Pratinjau : melihat/meninjau hasil artikel yang telah di tulis 7. Tutup : Menutup laman entri. 8. Link : Menyisipkan URL ke dalam tulisan, jika di office dikenal
sebagai Hiperlink. 9. Insert Image : Menyisipkan sebuah gambar.
10. Insert a vidio : Menyisipkan sebuah vidio. 11. insert jump break : Memberi batasan pada artikel ketika ditampilankan di
Blog. 12. Setelan entri - Label : Mengelompokan/menggolongkan artikel - Jadwal : Jadwal publikasi/menerbitkanartikel ke Blog
- Tautan permanen : Atau permailink ini jika ada judul artikel yang panjang otomatis akan terpotong jika yang khusus akan di tampilkan semua.
- Lokasi : Menambahkan lokasi pada artikel - Pilihan : Komentar jika di izinkan berarti siapa saja boleh
mengomentari artikel yang telah dipublikasikan, mode tulis itu metode penulisan HTML, baris baru saat penulisan artikel tekan enter atau <br>.
C. MEMBUAT ARTIKEL DOWNLOAD
Artikel download sangat banyak di internet, setiap blog pasti ada artikel yang mengajak untuk mendownload entah itu data, aplikasi, software, film, musik, dll. dari yang gratis sampai yang berbayar semua ada. Semakin banyak bloger (orang yang suka ngeblog) yang membuat artikel dowload semaiki banyak juga situs – situs atau jasa penyimpanan data yang memfasilitasi tempat menyimpan data agar dapat di download kembali. Contohnya : indowebster.com, 4shared.com, mediafire.com, megauplud.com, ziddu.com, dll. Caranya mari kita kujungi salah satu situs penyimpanan data diatas www.mediafire.com setelah itu sign up atau bisa log in melalui facebook dan twitter
Jika ingin log in menggunakan email di haruskan untuk daftar dulu klik sign up isikan kolom – kolom yang telah di sediakan dengan benar. Setelah registrasi anda akan disuruh untuk verifikasi dan Verifikasi akan dikirimkan melalui email yang digunakan saat regestrasi. Biasanya pihak mediafire memakai lamat email [email protected]. Untuk mengirimkan verifikasi
Setelah diklik akan masuk ke mediafire dan verifikasi mediafire sukses, setalah itu masuk ke my flie, cek juga SSL jika OFF jadika ON
Sekarang tinggal uploud file caranya klik tanda Plus (+) ,
sedangkan untuk membuat folder baru, setelah klik plus pilih From computer
akan muncul seperti gambar berikut
- From computer : data diambil di komputer - From the Web : data diambil dari internet - Document : lembar baru di Ms. Word - Spreadsheet : lembar baru di Ms. Exel - presentation : lembar baru di Ms. Power Point - Text file : lembar baru di notepad Setelah klik From computer klik tanda (+) setelah itu pilih data yang ingin di uploud, kalau memilih data klik 2x pada data tersebut trus klik Begin uploud tunggu hingga proses selesai, jika sudah selesai data yang diaploud akan muncul di my documen, seperti gambar dibawah
Gambar diatas sudah ada beberapa data yang saya uploud, sekarang yang kita butuhkan adalah alamat link dari data tersebut supaya dapat dimasukkan kedalam Blog. Caranya klik pada gambar atau klik kanan pada file klik copy link Setelah itu kembali keBlog atau artikel yang telah ditulis kemudian blok tulisan yang ingin disisipkan link download, klik link terus pastekan pada kolom Web Address.
Kloalau sudah selesai klik ok dan langsung klik publikasikan
Untuk contoh hasilnya bisa dilihat di http://mukhibbuddinnpm64.blogspot.com/2013/04/soal-pd-bernaulli-dan-trayektory.html
D. MENAMBAHKAN WIDGET KE BLOG
Widget adalah suatu scrip atau kumpulan kode yang hanya dapat di integrasikan (copy paste) pada Blog maupun Web tanpa memerlukan kompilasi tambahan dan prosedur yang rumit dan mengguanakn bahasa pemrograman (java script) dan hasinya berupa flash. Contoh widget adalah jam, kalender, facebook, dll. Yang ada pada blog atau web.
Daftar situs widget
http://www.al-habib.info/islamic-clock/ (Jam dan kalender Islami)
http://www.clocklink.com (Jam)
http://cbox.ws/ (chat)
http://flickr.com/badge.gne (Foto)
http://www.prchecker.info/check_page_rank.php (statistik)
http://www.flashvortex.com (Banner)
http://developers.facebook.com/docs/reference/plugins/like-box/ (like FB)
http://www.facebook.com/facebook-widgets/pagebadges.php (halaman FB)
http://scmplayer.net/ (musik). Dll,
.
cara memasang widget ke blog sangat mudah tinggal copy paste saja.
Contoh widget Jam, buaka URL http://www.clocklink.com pilih tema
jam sesuai dengan tema blog atau yang dianggap menarik pilih salah satu tema
seperti gambar di bawah ini
Contoh Tema digital sepeti gambar di bawah ini
Pilih salah satu dari jam tersebut dengan klik , setelah itu
masuk ke halam pemberitahuan dan klik Accept. Ganti Timezone dengan GMT +
07 : 00 (kode waktu Indonesia). Setelah itu copy tulisan berbentuk java script
seperti contoh gambar di bawah ini yang sudah saya blok
Setelah di copy terus kembali ke dasbor Blog lalu klik Tata letak, Setiap
Blog memiliki Tata letak yang berbeda – beda tergantung dari saat memilih tema
Blog
Setelah masuk ke tata letak langsung klik Tambah Gedjet, saya sarankan
pilih yang ada pada sisi kanan atau kiri Posting Blog jangan diatas atau dibawah
Posting Blog, membuat tampilanya tidak enak untuk dipandang.
Pilih HTML/JAVA SCRIPT, klik tanda (+) atau judul HTTML/JAVA SCRIPT
Pastekan kode yang telah di copy tadi kedalam kolom konten lalu klik
simpan
Pratinjau hasil, setelah itu jangan lupa disimpan klik simpan setelan
Contoh hasil dari Blog saya seperti gambar dibawah ini
Pasang lebih banyak widget biar blog lebih menarik dan bagus di pandang.
E. MENGEDIT TATA LETAK
Setelah belajar mengenai widget sekarang cara mengedit tata latak widget
jika mengalami salah meletakan suatu widget atau ingin merubah posisi widget.
Untuk masalah salah meletakkan widget caranya sangat mudah tinggal
geser ke tempat yang diinginkan, geser ke, atas ke bawah, ke samping. Jika ada
widget yang sudah tidak diperlukan tinggal dihapus. Caranya seperti berikut
Klik lambang jika berada dihalaman Blog, atau ke tata letak jika ada
didasbor blog dan pilih widget yang ingin dihapus klik edit trus klik hapus
lalu klik simpan setelan.
Sekarang cara merubah posisi tata letak dan menambah kolom tata letak,
pertama masuk kedalam dasbor Blog lalu klik tata letak kemudian klik desainer
tamplete yang ada diatas.
Setelah itu ke tata letak, pilih kolom tata letak sesuai dengan kebutuhan
Blog, ada yang tanpa kolom, ada yang 2 kolom, ada yang 3 kolom. Jika diperlukan
tata letak kaki juga dapat dirubah, fungsinya sama dengan dengan yang disamping
ataupun yang diatas, jika sudah memilih klik pada kanan atas
F. MENGGANTI TEMA/TEMPLATE BLOG
Jika bosan atau tidak cocok dengan tema Blog yang telah dibuat anda
dapat mengganti tema Blog sesuai dengan yang anda inginkan, ini sering terjadi
pada saya yang kurang puas terhadap tema – tema yang telah dibuat karna tidak
singkron dengan artikel yang dibuat.
Dengan demikin banyak cara untuk mengganti tema pada Blog tapi yang
sering banya digunakan ada tiga cara yaitu
- merancang sendiri tema Blog dengan bantuan aplikasi
- mencari tema Blog di google
- mengedit HTML.
Saya akan menjelaskan caranya dua dari tiga cara diatas
cara pertama merancang sendiri tema Blog dengan bantuan aplikasi,
salah satu aplikasi tersebut bernama Artisteer. Aplikasi ini bisa anda download di
internet contoh gambar aplikasi Artisteer.
Cara kedua dengan mencari di google, banyak web atau situs yang telah
menyediakan tema Blog atau web, antara lain :
http://btemplates.com/
http://www.bloggerthemes.net/
http://www.zoomtemplate.com/
http://www.deluxetemplates.net/
http://www.blogcrowds.com/resources/blogger-templates/
http://www.soratemplates.com/
http://www.coolbthemes.com/
Dan masih banyak lagi situs jasa pmbuatan template Blog gratis lainnya.
Cara mengganti tema/tamplate dengan menggunakan cara kedua, cara
ini sangat simple bagi pemula langsung saja, saya menggunakan salah satu URL
diatas http://www.bloggerthemes.net/ .
pilih salah satu dari beberapa template blog yang diminati, perhatikan
juga
jumlah kolom tata letak apakah sudah sesuai dengan keinginan.
Jika sudah memilih tema/template kemudian download template tersebut
dengan mengeklik tanda pada template yang tetah di pilih, kemudian klik
download.
Template sudah di download dan kemudian ekstrak .rar tamplet menjadi
sebuah folder, di dalam folder ada dua atau tiga file dan salah satunya memiliki
format file XML, file inilah yang nantinya yang merubah tampilan Blog
sekarang kembali ke beranda Blog kemudian klik Tamplate, lalu klik
Cadangkan/Pulihkan pad pojok kanan atas
Sebelum mengganti tamplate sebaiknya anda simpan dulu template yang
sekarang anda gunakan dengan cara klik Unduh Tamplate Lengkap untuk antisipasi
jika terjadi kesalahan, jika sudah klik Pilih File
Masukkan file Template yang telah di download yang berformat file XML
kemudian klik Open, kemudian klik unggah
Kemudian klik Lihat Blog disisi atas.
Dan hasilnya seperti dibawah ini
Sebelum Sesudah
Sekarang menggunakan cara ke tiga yaitu mengedit menggunakan Edit
HTML, cara ini sedikit agak sulit bagi pemula karena diharuskan mengerti bahasa
pemrograman atau bahasa java script.
Langsung saja ke dasbor blogger klik Tamplate kemudian klik Edit HTML
Ini contoh isi Edit HTML saya seperti gambar dibawah, klik Edit template
Cara pertama mengganti background Blog, sebelumnya siapkan terlebih
dahulu alamat URL gambar contoh ” http://1.bp.blogspot.com/-
Q_4ijRE_HkE/UPiHRrp5hBI/AAAAAAAAANU/vxXVngn3R0Y/s1600/software.jpg ” jika URL
ini di masukan ke dalam google chrome, mozila firefox, atau yang lainya akan
langsung berupa gambar, jika sudah di siapkan langsung ke tahap ke dua.
Cari kode : </head> terus buka, contoh pada gambar di atas terlatak
pada nomer 11
Cari kode – kode berikut menggunakan Ctrl + F
mengganti background Blog
body,html {
text-align:center;
font-family:Trebuchet MS,Arial, Tahoma, Verdana;
font-size:13px;
margin:0;
background:#574433
url(http://2.bp.blogspot.com/_WoCJXgXotb8/SuJ_6WSsBnI/AAAAAAAABIg/GA6tJ
sEQx-g/s1600/background.gif) top left repeat-x;
}
Ganti dengan kode berikut
body,html {
text-align:center;
font-family:Trebuchet MS,Arial, Tahoma, Verdana;
font-size:13px;
margin:0;
background: url(##) repeat-y center;
}
Mengganti background header (Judul) blog
#header-wrapper {
height:251px;
background:url(http://2.bp.blogspot.com/_WoCJXgXotb8/SuJ_-
bUoIdI/AAAAAAAABKY/YJQGYSJpl8M/s1600/header.gif) top left no-repeat;
}
Ganti dengan kode berikut
#header-wrapper {
background:url(##) repeat-x scroll left bottom;
height:251px;
width:50%;
}
Mengganti backround posting atau artikel
#content-wrapper {
width:800px;
float:left;
Ganti dengan kode berikut
#content-wrapper {
background:url(##) repeat-y
width:800px;
float:left;
Mengganti backround diluar Area posting atau artikel
#outer-wrapper {
background: url(pasang link gambar background disini)none repeat scroll 0 0;
border:1px solid #000;
margin:0 auto;
text-align:left;
width:960px;
}
Ganti dengan kode berikut
#outer-wrapper {
background: url(##)none repeat scroll 0 0;
border:1px solid #000;
margin:0 auto;
text-align:left;
width:960px;
}
Background sidebar
.sidebarl h2 {
background:url(http://2.bp.blogspot.com/_WoCJXgXotb8/SuKAAjPDFUI/AAAAAAA
ABMA/dfYLKbPn02g/s1600/widget_title_left_1.gif) top left no-repeat;
color:#FFF;
height:26px;
font-size:14px;
padding:7px 0 0 9px;
}
Ganti dengan kode berikut
.sidebarl h2 {
background:url(##) repeat-x top;letter-spacing:-.001em;font:normal 12px Arial;
color:#FFF;
height:26px;
font-size:14px;
padding:7px 0 0 9px;
}
Background Footer
#footer {
background:#453627 url(http://4.bp.blogspot.com/_WoCJXgXotb8/SuJ_-
GzLriI/AAAAAAAABKQ/OfRFp7e0CEk/s1600/footer.gif) top left repeat-x;
padding:30px 0;
margin:20px 0 0;
color:#FFC842;
Ganti dengan kode berikut
#footer {
background:#453627 url(##) repeat-x scroll bottom;font:normal 12px Arial;
padding:30px 0;
margin:20px 0 0;
color:#FFC842;
Ganti tanda ## dengan URL gambar yang telah disediakan
* yang warnanya berbeda telah diedit.
Bagi pemula pasti bingung dengan istilah header, footer, sidebar.
Perhatikan gambar dibawah ini
Warna merah adalah backgroun Blog
Itulah sekilas mengenai cara mengganti tema atau tamplate Blog, dari
yang mudah sampai yang cukup sulit untuk yang menggunakan aplikai Artiseer
tinggal memilih bentuk template dan mengganti namanya saja.
MEMBUAT WORDPRESS
Wordpress adalah salah satu jasa pembuatan akun Blog gratis dan
premium. Keleihan dari akun Wordpress bisa menggunakan email apa saja tidak
seperti Blogger yang hanya bisa menggunakan email Gmail saja, akun wordpres ini
akun rumayan banyak digunkan oleh para Bloging karna pembuatanya cukup
mudah dan hampir mirip dengan Blogger
A. DAFTAR AKUN WORDPRESS
Buka alamat www.wordpress.com kalau sudah masuk klik Get Started
Isikan setiap kolom yang diminta dengan benar, usahakan menulis
pasword yang panjang
Setelah diisi semua, trus geser kebawah klik Create Blog (untuk yang
gratis)
Setelah kita disuruh untuk mengecek email, cek dulu email anda
Jika didalam email belum mendapatkan pesan dari WordPress.com klik
Didn't get your email yet? dan perbaiki alamat email mungkin ada kesalahan
pengetikan alamat email, ini adalah sebagai tahap pengaktifan akun yang akan
dibuat
Jika sudah isi email sep[erti gambar dibah ini
Klik Activate Blog, jika sudah anda akan di arahkan kembali ke WordPress
untuk melengkapi data Blog
Step 1 isinya : Judul Blog, tagline (optional), Mengubah Bahasa.
Step 2 isinya : Tema.
Step 3 isinya : Memilih post pertama, bisa berupa Text, Photo, Vidio, Quote,
Link
Setelah itu klik Finis.