Jurnal Bayi: 2015

Pengalaman Membuat Blog Sampai Hari Ini: Amat Menyenangkan karena Mbak Lala sangat Kooperatif menjawab pertanyaan jika ada kesulitan. Saya mulai Daftar pada tangal Mulai 7 Januari 2015. Untuk sampai pada tulisan Review Minggu Kedua ini saya sudah sampai Tutorial ke 13.

Tutorial yang sudah dilalui:

Tutorial Basic Blogger
Mengisi Blog
Mengenal Dashboard Blogger
Background
Header dan Font
Mempercantik foto ilustrasi posting
Review Minggu Pertama
Mengatur Menu dengan CSS
Membuat Menu dengan Image (Menu Bergambar)
Membuat Pembatas Antar Posting
Membuat Posting Audio dan Podcast
Video Blogging dan Verify Youtube di Google
Artikel Terkait dan Integrasi Media Sosial dan Membuat RSS

Tutorial yang paling sulit menurut saya adalah Video Blogging

Tutorial yang paling saya sukai adalah ketika membuat Top Menu Image dan Membuatnya menjadi Hover

Yang sebelumnya saya tidak bisa membuatnya, tapi hari ini tgl 2 Maret 2015 semua sudah bisa sesuai dengan yang saya harapkan, yaitu:

Tulisan Laman di sidebar kog beda sendiri tampilannya. Bagaiman cara buatnya jadi rata kiri ya?
Sudah bisa
di CSS ditambahkan script ini:
/*Membuat rata kiri tampilan text widget Laman*/
.PageList {
text-align: left !important;
}
Bagaimana ya cara buat postingan jadi Sticky? artinya selalu tamplan selalu diatas tanpa perlu merubah tanggalannya?
Terimakasih Mbak Lala, saya sudah membuatnya seperti petunjuk Mbak, tapi masalah baru keluar jika link Read Morenya di klik. Bagaimana caranya agar pada postingan sebenarnya tidak muncul Sticky Post diatasnya. Lihat deh judulnya jadi double.

Yesss... behasil !!! dengan sedikit tambahan script di dalam EDIT HTML maka sekarang sudah tidak akan double text jika di klik Stickynya. Terimakasih Mbak Lala (Mira Julia) atas bimbingannya.
Bagaimana cara ganti font sticky nya? saya pakai h2 malah jadi ribet karena jadi pengaruhnya kemana2. Mbak Lala memberi tahu caranya.
Ternyata harus lihat kode Widget nya, jadi scripnya menjadi #HTML6 h2

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

Berikut adalah uraian Pengalaman saya Membuat Blog ini sampai saat Riview Minggu Kedua:

Pengalaman Mengikuti Tutorial Basic BloggerWaktu pertamakali saya mendaftarkan blog Jurnal Bayi di blogspot saya abadikan, dan beri nama
http://jurnalbayi.blogspot.com/2015/01/tampilan-1-jurnal-bayi.html
Tampilan pertamanya masih sederhana sekali, yang di dominan oleh warna putih

---------------------------------------------------------------
Tampilan kedua Blog ini setelah diberi Background dan Header
http://jurnalbayi.blogspot.com/2015/01/tampilan-2-blog-bayi-ini-setelah-diberi.html

Disini yang dilakukan adalah:
1. Menambahkan header image
2. Menambahkan background
3. Ukuran header yang saya buat: Width x Height = 960 x 329 pixel

4. Ukuran tampilan Blog: Seluruh Blog x Bilah Pinggir Kanan = 960 x 300 pixel

Saya memilih Lebar Seluruh Blog 960 pixel adalah karena ukuran inilah yang paling baik, agar selain tampil good di komputer juga bisa tampil good juga di gadget
(update foto header terbaru tanggal 26 Pebruari 2015, hehehe... saya ganti fotonya biar pas gitu loch dengan judul blognya)

---------------------------------------------------------------
Tampilan ketiga Blog Bayi ini Setelah Ditambahkan Menu CSS
http://jurnalbayi.blogspot.com/2015/01/tampilan-3-blog-jurnal-bayi-ini.html

Disini yang dilakukan adalah:
1. Tambahkan Gadget Label, lalu ambil url masing2 address yang ada pada label
2. Tambahkan Gadget Laman, ambil juga url masing2 address yang ada pada laman
3. Tambahkan Script yang sudah tersedia pada CSS
4. Lihat Blog: Tampilan Menu Text berada di tengah2 dan jika di tunjuk akan hover menjadi warna orange

Kesimpulan:

Untuk membuat perintah alignment Center atau Lef atau Right serta merubah warna text atau warna hover hanya boleh dilakukan di CSS.

---------------------------------------------------------------
Tampilan keempat Blog Bayi ini Setelah Ditambah Menu dengan Image (Menu ada Gambarnya = Menu Bergambar)
http://jurnalbayi.blogspot.com/2015/02/tampilan-4-blog-jurnal-bayi-ini.html
Ada 3 macam Menu yang pernah dibuat disni:
http://jurnalbayi.blogspot.com/2015/02/macam2-menu.html
1. Ini adalah tampilan Menu pertama ketika dibuat

2. Ini adalah tampilan Menu kedua

3. Ini adalah tampilan Menu ketiga

Disini yang dilakukan adalah:
1. Menambahlan text pada icon menu yang sudah tersedia, bisa dilakukan di pixlr editor atau di adobe photoshop
2. Buat script html menu bergambar di new post
3. Pastekan script tsb di gadget, sebelum disimpan tambahkan script class menu di paling atas, seperti ini <div class="menu"> dan script penutupnya seperti ini </div>
4. Script yang sudah disediakan oleh Mbak Lala simpan di CSS agar tampilannya menjadi rata tengah

---------------------------------------------------------------
Tampilan kelima Jurnal Bayi ini Setelah Diberi Pembatas Image
http://jurnalbayi.blogspot.com/2015/02/tampilan-5-blog-jurnal-bayi-ini.html

Disini yang dilakukan adalah:
1. Adanya pembatas antara postingan berupa image (gambar)

2. Font yang dipilih untuk Judul Posting adalah Pacifico

3. Warna Link: #2288bb (biru)
4. Warna Link Dikunjungi: #ffb450 (orange)
5. Warna Link Gulir: #33aaff (biru terang)
6. Hanya ada satu tampilan di footer posting nya yaitu Widget Label.
7. Membuat tampilan widget Label menjadi ke tengah dan ada jarak cukup jauh dari integrasi media

8. Antara Label dan Pembatas ada jarak sesuai dengan keinginan kita.
Saya memakai padding-bottom : 7em

---------------------------------------------------------------
Tampilan keenam Jurnal Bayi ini setelah diberi

Artikel Terkait

(Tampilan Terhubung dengan Artikel Terkait dan Media Sosial)
http://jurnalbayi.blogspot.com/2015/02/tampilan-6-blog-jurnal-bayi-ini.html

Disini yang dilakukan adalah:
1. Memdaftar di LinkWithin, saya ambil pilihan 5 stories
3. Thumbnail LinkWithin berbentuk kotak

2. Lalu menghilangkan text LinkWithin
3. Merubah Thumbnail LinkWithin menjadi bulat dan text link nya menjadi hover orange

---------------------------------------------------------------
Tampilan ketujuh Jurnal Bayi ini setelah diberi Integrasi Media Sosial
http://jurnalbayi.blogspot.com/2015/02/tampilan-7-blog-jurnal-bayi-ini.html

Disini yang dilakukan adalah:
1. Mendaftar di ShareThis
2. Lalu pilih Blogger3. Saya pilih Facebiook Like, Facebook Share, Twitter, dan Pinterest, serta Linkedin
4. Lalu Get the Code yang diberikan oelh ShareThis kita copy
5. Lalu kita pergi ke Dashboard blogspot kita/Tata Letak/Add Gadget yang paling bawah/Pasyekan Code ShareThis nya disini
6. Jika kita merasa tampilan Integrasi Media yang dibuat di ShareThis ada yang mau ditambahkan, maka tidak usah ragu membuatnya kembali karena angka pengunjungnya tetap akan sama seperti sebelumnya.

---------------------------------------------------------------
Membuat Podcasting Audio Blogging dan Video Blogging
http://jurnalbayi.blogspot.com/2015/02/rekaman-di-audioboom.html
http://jurnalbayi.blogspot.com/2015/02/video-blogging.html
Disini yang dilakukan adalah:

1. Membuat Audio Blogging dengan cara Upload lagu ke AudiBoom

2. Menambahkan Title dan Image lalu ambil script Embed nya dan simpan di blog

3. Membuat Video Blogging dengan cara mengumpulkan foto2 yang mau di buat video lalu di setting di aplikasi Corel Video setelah jadi di upload ke Youtube, gambar diatas adalah thumnail default yang dipilih oleh youtube untuk kita

4. Melakukan verifikasi Youtube ke Google

5. Sejarah tampilan thumnailnya menjadi seperti ini:
1. Tampilan pertama thumbnail youtube ini adalah sebagai berikut:
2. Tampilan kedua thumbnail youtube ini adalah sebagai berikut:
3. Tampilan ketiga thumbnail youtube ini adalah sebagai berikut: