Cara Membuat Blog 2

Cara Membuat Blog : Materi Dasar 2

Saya Ucapkan SELAMAT !!! ATAS PENCAPAIAN ANDA yang telah menyelesaikan matarei Dasar 1

" Seribu Langkah itu selalu diawali dengan 1 langkah, artinya KESUKSESAN itu dibangun dari kumpulan kesuksesan kesuksesan kecil yang harus anda syukuri, seperti kita menyusun sebuah parcel dibutuhkan kesabaran dan ketelitian dalam menyusun bagian demi bagian "

Dan Materi Dasar 2 ini sengaja Link Halamannya Tidak Saya Tampilkan Dihalaman Utama, Tujuannya agar anda tidak lompat materi, saya tidak ingin materi dasar belum dikuasai sudah baca baca materi yang lebih rumit, akhirnya merasa susah dan berhenti sebelum melangkah.

Beda jika Setahap demi setahap sehingga memiliki kemampuan dasar yang kuat, pada saat menginjak level materi berikutnya akan terasa mudah saja.

Baik kita langsung saja ke Materi Dasar 2

Materi Dasar Blog Bagian 2

Target Pembelajaran : 

Menguasai Pengaturan Setingan Blog Untuk Platform Standart Berjualan

Seperti yang saya ulas di bagian 1 kalau tujuannya hanya ngeblog biasa maka sampai bagian 1 pun sudah cukup, tinggal berkreasi saja, Tinggal mempelajari operasioanl dalam doshbord blog, apa saja fungsi fungsi menunya dan seterusnya. Jika saya biarkan seperti itu, maka untuk mebuat blog yang bertujuan berjualan produk akan memakan waktu yang cukup lama, karena harus coba coba, coba tema warna, ganti template, model dan besar kecil huruf, lebar kolom samping dan banyak lagi yang ingin dicoba coba. kalau sudah seperti itu kapan mulai berjualannya.

Agar lebih cepat dan tidak buang buang waktu maka saya buatkan master blog standart untuk jualan. Yang sederhana tapi saya rasa cukup bagus untuk berjualan. Karena intinya sebenarnya bukan pada penampilan blog, tetapi kemampuan blog dalam merayap mencapai halaman pertama google, yang akan kita bahas pada materi selanjutnya.

Mungkin ada pertanyaan, kenapa membuatnya harus yang sederhana agar cepat ?

ini bocoran rahasiannya : Karena nanti kalau sudah berhasil membuat satu blog dengan baik dan benar dan sudah mulai ada orderan maka telah menanti puluhan bahkan ratusan produk yang menarik yang ingin anda kerjakan, artinya luas lahannya tidak terbatas, tinggal berapa banyak kesanggupan waktu dan tenaga anda dalam mengerjakannya. Semakin rajin dan disipin tentu hasilnya akan semakin banyak.

Baik, Mari kita mulai..

Sebelumnya kita lihat lagi hasil terakhir dari materi dasar 1

Dari hasil terakhir diatas kita rubah setahap demi setahab menjadi lebih menarik.

Merubah Blog Hasil Materi Dasar 1 Menjadi Blog Yang lebih Menarik

1. GANTI TEMPLATE DENGAN YANG LEBIH SEIMBANG

Login dulu ke dalam menu dashbord blog anda lalu pilih / kilk "Template"

Akan terbuka tampilan seperti dibawah ini, Geser ke bawah (1), temukan model template sederhana (2), pilih klik template yang terakhir (3).

Klik "Terapkan ke blog " seperti gambar dibawah.

Jika sudah sekarang test atau lihat blog dari publik area dengan meng-klik "lihat blog".
Jika berhasil maka tampilannya templatenya akan seperti gambar dibawah ini.

Ganti Template selasai.


2. MENGATURE DESAIN TEMPLATE


Kembali lagi ke menu dasboard blog, pilih klik "Tata Letak"

Pilih klik "Desainer Template"

a. Mengatur Latar Belakang

Pilih klik "Latar belakang"

Terdapat banyak pilihan warna tema latar belakang blog seperti terlihat pada gambar dibawah, Tapi kita tidak akan menggunakannya, Kita akan pakai warna putih saja kerena bisa lebih netral

Untuk membuat warna putih pada latar belakang, kita buka dulu menu "paint" pada komputer kita, klik start window yang ada pada sudut kiri bawah monitor kita, jika sudah terbuka pilih klik "Paint" seperti gambar dibawah.

Buat kotak putih ukuran 300 x 300, klik tahan dan geser ke kiri atau ke kanan untuk memperoleh ukuran 300 (1), demikian juga pada gambar no (2) geser ke atas atau ke bawah hingga ukuranya 300, jika ukurannya suda 300 x 300 (3), maka segera simpan (4) file gambar tsbt dengan nama "putih"(di ingat tempat menyimpannya agar nanti mudah menemukannya)

Jika sudah tersimpan, kembali lagi ke latar belakang blog, klik tanda panah seperti pada gambar dibawah.

lalu kita akan mengunggah warna putih yang tadi kita sudah simpan, klik "unggah gambar"

Klik "Browse"

Jika sudah ter upload (1), klik "selesai" (2)

Selanjutnya tinggal klik "Terapkan ke Blog"

Jika sudah berhasil anda terapkan sekarang klik "lihat blog"
jika berhasil maka tampilannya sudah seperti gambar di bawah ini, warna dasarnya sudah putih semua.

b. Sesuaikan Lebar Dan Tata Latak

Sekarang menginjak pada setting kelebaran blog, silahkan klik "Sesuaikan Lebar"

Terlihat Lebar seluruh blog 960 px dan lebar pinggir kanan 310 px, walaupun yang ada tanda panah itu bisa dirubah atau geser tapi ini jangan dirubah, karena nanti akan berhubungan dengan panjang Header,
Lanjutkan saja klik "Tata letak" (ini beda ya dengan tata letak yang ada di menu utama dashboard).

Terlihat banyak pilihan, yang perlu dirubah hanya tata letak kaki, klik seperti pada gambar, lalu klik "Terapkan ke Blog"

c. Tingkat Lanjut

Silahkan klik menu "Tingkat Lanjut"

Maka akan terbuka lagi beberapa menu.

c.1 Mengatur Teks Laman.

Klik menu "Taks Laman". ganti Font nya dengan "Verdana", ukuran hurufnya tetap "12px". lalu klik "terapkan ke Blog"

c.2 Mengatur Latar

Selanjutnya (1) Klik "Latar", (2) Pilih warna putih paling ujung untuk latar luar, Untuk latar utama biarkan saja, dan (3) pilih warna putih paling ujung untuk latar header, lalu (4) klik "Terapka ke Blog" seperti pada gambar dibawah.

c.3 Mengatur Warna Link

Klik "Link", Pilih warna hijau tengah bawah untuk warna link, demikian juga untuk warna yang dikunjungi (jadi warnanya sama), sedangkan untuk warna gulir pilih hijau yang diatasnya (lebih muda) seperti pada gambar di bawah, jika sudah klik "Terapkan ke Blog"

c.4 Mengatur Judul Blog

Klik "Judul Blog", Font nya tetap Arial, Besarnya ganti 22px, Untuk Warna pilih hijau yang bawah, lalu klik "Terapkan Pada Blog"

c.5 Mengatur Deskripsi Blog

Klik (1) "Deskripsi Blog" , (2) Ternyata masih kosong ( Lupa, seharusnya diisi pada saat buat blog, bersamaan dengan Judul), Kalau begitu (3) klik kanan "Kembali ke blogger", lalu pilih "Open link in new window".

Akan terbuka jendela baru seperti gambar dibawah. klik menu (1) "Setelan" lalu (2) "Dasar", selanjutnya klik (3) "Edit" dan isikan deskripsi sembarang saja (kan baru latihan), Jika sudah (4) klik "Simpan Perubahan"

Selanjutnya kembali ke menu "Deskripsi blog" lalu refresh. kalau tidak bisa mulai lagi saja dari awal dashboard blog, klik menu "Tata Letak", "Desainer Tenplate", "Tingkat Lanjut" baru ke "Deskripsi Blog", lalu pilih warna hitam muda seperti pada gambar, jangan lupa klik "Terapkan pada Bloh", jika sudah, coba kita "Lihat Blog"

Jika semua lankah tadi benar, maka akan terlihat seperti pada gambar di bawah.

c.6 Mengatur Teks Tab

Klik "Teks Tab". Ternyata belum memiliki Teks Tab. Mari kita buat dulu.
Klik kanan "Kembali ke Blogger" lalu pilih "Open in new window".

Pilih (1) klik "Laman", lalu pilih (2) "Laman Baru". seperti pada gambar dibawah

Tulis (1) Nama Produk dibagian Judul Laman, Sedangkan untuk isi artikelnya (2) bisa kosong dulu, lalu (3) klik "publikasikan", jadi ini mirip dengan membuat halaman posting.

Jika sudah di publikasikan maka akan tersimpan satu judul, selanjutnya klik lagi "Laman Baru" dan buat 4 lagi masing masing untuk judul : "Harga produk tadi", "Cara Order", "Tanya Jawab", "Contact Us", jangan lupa setelah menyelesaikan satu  judul halaman selalu klik "Publikasikan" sebagai penyimpan data.

Jika berhasil akan memiliki 5 judul seperti pada gambar di bawah, berikutnya klik "Tata Letak"

Lalu klik "Tambah Gadget" di cross colum seperti gambar dibawah

Maka akan terbuka jendela baru, Geser kebawah sesuai petunjuk gambar, cari "Laman" lalu klik

Dan akan terbuka lagi jendela baru, (1) Centang kelima judul tadi, dan hapus centang pada judul "Beranda", kemudian gambar (2) urutanya pasti terbalik, urutkan kembali seperti gambar (2) dengan cara klik ( satu judul) tahan lalu geser keatas atau kebawah kemudian lepas kliknya, Hingga urutan judulnya sama seperti pada gambar no (2), jika sudah sesuai urutan klik (3) Save

Jika suda tersimpan, silahkna coba klik "Lihat Blog", jika benar maka menu laman atas akan sudah muncul seperti pada gambar dibawah.

Sekarang kembali lagi ke (2) "Teks Tab", (3) pilih Font nya "Verdana", (4) besarnya 13px, (5) warna teks hitam muda seperti pada gambar, (6) untuk warna yang dipilih lihat gambar, (7) terakhir klik "Terapkan Ke Blog"

Jika sudah coba lihat kembali klik "Lihat Blog", jika berhasil maka tulisan dan warnannya sudah berubah seperti gambar dibawah

c.7 Mengatur Latar Tab

Klik "Latar Tab", pilih warna latar dan warna yang dipilih dengan warna hijau yang sama seperti pada gambar dibawah, jika sudah klik "Terapka Ke Blog"

c.8 Mengatur Gadget

Klik "Gadget" Font judul tetap Arial, besarnya ganti menjadi 13px, lalu klik "Terapkan Pada Blog"

Sekarang "Lihat Blog" jika benar maka tampilannya sudah seperti gambar dibawah

3. MEMBUAT HEADER BLOG

Untuk membuat header kita harus tahu berapa kelebaran blog, hal ini untuk menentukan panjang Header yang akan kita buat.

Seperti pada setingan awal, Lebar blog yang kita buat untuk jualan produk ini adalah 960px, maka panjang header yang akan kita buat adalah 960px, sedangkan untuk tebal atau tinggianya bebas, tapi biar proporsional dan kelihatan bagus maka saya tentukan di 130px.

Kita akan buat header yang mudah dan sederhana, tidak perlu bisa photoshop (yang sudah bisa tentu lebih baik, saya sendiri tidak bisa sama sekali photoshop)

Tetapi walaupun mudah dan sederhana saya rasa sudah cukup bagus untuk jualan online

Baik mari kita mulai setahab demi setahap.

Buka halaman blog anda dari publik area atau klik "Lihat Blog", lalu tekan secara bersamaan tombol "Control dan Print Screen di keyboard anda". Sekali tekan saja tapi secara bersamaan, lihat gambar dibawah.
Posisi tombol "Control" selalu di sudut kiri bawah, sedangkan tombol "Print Screen" di deretan kanan atas.

Buka kembali menu "paint" pada komputer kita, klik start window yang ada pada sudut kiri bawah monitor kita, jika sudah terbuka pilih klik "Paint" seperti gambar dibawah.

Jika sudah terbuka klik "Paste" kemudian akan terbuka paste dibawahnya, klik lagi "Paste" bagian bawah.

Jika dilakukan dengan benar maka gambar utama blog yang kita tekan Control + Print Screen tadi akan tercopy di halaman Paint, Seperti terlihat dibawah.
Selanjutnya kita akan ambil ( memotong) bagian Headernya saja dengan cara (1) klik gambar kotak putus putus sekali,
Lalu klik tekan tahan di bagian sudut panah (2a) lalu tarik ke sudut panah (2b), lalu klik kanan (3) di area yang akan kita potong tsbt, lalu klik "copy" (3)

Buka halaman paint yang baru lagi, dan klik paste seperti sebelumnya.

Jika berhasil maka potongan gambar header yang kita copy akan muncul di halaman paint yang baru seperti gambar A paling bawah. jika tidak muncul gambar berarti ada yang salah, coba ulangi lago sampai berhasil.

Selanjutnya kita akan membuat lis garis hijau caranya dengan memotong warna latar tab, lihat gambar bagian bawah (A) yang di kotak merah. Caranya seperti cara potong header sebelumnya, klik menu kotak garis putus putus seperti terlihat pada gambar, Lalu klik tekan tahan di bagian sudut panah kiri lalu tarik ke sudut panah kanan, lalu tekan tanda panah keatas di tombol keyboard anda, sehingga garis tersebut mulai bergerak ke atas sampai pada posisi yang terlihat pada gambar B

Selanjutnya kita atur ketebalan atau ketinggian Header, (1) klik (kotak kecil putih dalam kotak merah) tahan dan geser keatas sampai (2) 130px, lihat gambar dibawah. sehingga bagian tab lamannya tertutup atau hilang kepotong. seperti gambar dibawah.

Selanjutnya tinggal mengatur panjang Header, seperti yang kita ketahui sebelumnya panjang header yang akan kita buat adalah 960px, sedangkan panjang garis hijau jika kita cek itu panjangnya 930px yang nantinya akan sejajar dengan warna latar tab. jadi ada selisih 30px, dan jika posisi garis harus ditengah tengan maka selisih 30px akan kita bagi 2 untuk sisi kiri dan kanan, jadi masing masing 15px.

Untuk mensiasatinya kita buat kotak yang lebarnya 15px, caranya klik gambar kotak di tools atas (1), terus (2) klik pilih garis yang paling tipis, terus klik (3) pilih warna yang jelas. lalu klik (4) paling tepi klik tahan tarik ke tengah sambil perhatikan (4b) angkanya, paskan di 15px lalu lepas, lihat gambar dibawah

Kemudian geser garis hijau ke kiri sampai ujungnya nempel pada kotak merah,  caranya klik (5) tool potong, klik tahan diatas ujung garis hijau (6a) lalu tarik keposisi (6b) dan lepas, lalu tekan tanda panah ke kiri pada tombol keyboard anda sampai ujung garis hijau nempel pada ujung kotak merah. artinya jarak tepi ke ujung garis hijau sudah 15px.

Selanjutnya tinggal menghapus kotak merah kecil tsbt dengan memakai penghapus klik (7), lalu klik pada kotak merah hingga bersih, hati hati jangan sampai mengikis ujung garis hijau.

Lngkah berikutnya klik tahan geser kekiri kotak kecil di ujug kanan header sampai angka px nya 960, lepas jika sudah (lihat gambar bawah)

Lihat gambar bawah, Agar lebih bagus ganti saja judulnya dengan tulisan baru, pakai tools A, pilih tetap warna hijau, besar huruf 22, sedangkan besar huruf deskripsinya 12-14, model huruf deskripsi silahkan dicari yang menarik.
Caranya klik A , lalu klik tarik pada area yang akan kita kasih tulisan, ketik tulisan di area border, untuk merubah besar kecil tulisan harus disaat border masih aktif tapi tulisannya harus di blok dulu, termasuk jika ingin merubah model tulisan, kalo bordernya sudah tidak aktif tulisannya sudah mati, tidak bisa di edit, harus mulai baru lagi , sebaiknya sering berlatih kreatif di area paint, dengan terus coba coba

Memasukkan no hp dan bb pada header seperti pada gambar dibawah, dengan berkreasi melalui Tool Paint yang sudah dipelajari sebelumnya, caranya, copy dan simpan gambar header ini ( www.catatannamaanda,blogspot.com) di komputer anda, Pakai cara "Contro + Print Screen" juga bisa, lalu buka melalui edit pait, nah tinggal potong dan copy area hp bb dan csnya, kemudian pastekan di paint tempat header anda. kurang rapi ? tinggal geser geser dengan teknik yang sudah di pelajari
Hasilnya akan seperti dibawah ini. kemudian simpan atau save dulu.

Header sudah jadi dan sudah tersimpan, sekarang tinggal Upload ke Blog, Caranya klik "Tata Letak" kemudian klik "Edit" pada Header seperti gambar dibawah

Maka akan muncul jendela baru, pilih dulu penempatan yang tengah (selain judul dan keterangan), lalu pilihan yang atas "Dari komputer Anda", selanjutnya klik "Browser"

 Jika sudah berhasil ter Upload akan tampak seperti gambar di bawah, lalu klik "Simpan"

Selanjutnya tinggal "Lihat Blog" , Nah sudah jadi...Cukup Menarik bukan ???