PANDUA BLOGGER.pdf

32
PANDUA MEMBUAT BLOG DENGAN BLOGGER DAN WORDPRESS (Cara mudah membuat BLOG) INDRA MUKHIBBUDDIN ILYAS

description

di tujukan untuk para bloger anyar

Transcript of PANDUA BLOGGER.pdf

PANDUA MEMBUAT BLOG DENGAN

BLOGGER DAN WORDPRESS

(Cara mudah membuat BLOG)

INDRA MUKHIBBUDDIN ILYAS

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.