Perjalanan mengikuti Blogspedia Coaching#4 terasa kian terjal. Pekan kemarin berkutat dengan top level domain. Pekan ini lebih menukik lagi, yaitu bagaimana mengulik blog tadi. Belajar mempermak blog supaya tampilannya semakin OK.
Sejujurnya menu ini untukku sangat-sangat belum familiar. Tetapi, tidak ada salahnya kita mencoba dulu ya.. Pada materi yang disampaikan awal, Coach Marita memberikan tips memasang dan mengedit template simpel di blogspot sebagaimana tutorial berikut ini :
Dengan mengucap bismillah, akupun mulai mengerjakan sesuai petunjuk tsb. Penampakan awal dari blog ini sebelum dipermak adalah seperti ini, ternyata lumayan berantakan ya. :D:
1. Memilih Theme
Setiap blogger pasti tidak terlepas dari dashboard. Di sana dibuat postingan, dan di sana pula terletak pengaturan blog.
Untuk memilih theme ini, caranya, dari dashboard blogger, pilih theme, lalu pilih template, lalu klik customise
Template yang disarankan oleh Coach dari yang disediakan oleh blogger adalah template simple. Akupun memilih salah satu template, dengan latar putih. Kemudian aku juga mengubah layout theme tadi ke layout yang banyak dipakai/custom reading style ordinary people, yaitu artikel utama di sisi kiri dan di sisi kanan ada sidebar. Kemudian aku juga memilih yang ada tambahan footer di bawah.
2. Melanjutkan ubah layout
Setelah aku memilih theme dan mengubah layout, ternyata ukuran lebar blog telah berubah. Maka header yang sebelumnya pun menjadi tidak cocok lagi karena terlalu panjang. Tapi karena proses belum selesai, aku masih melanjutkan otak-atik layout. Header yang tidak sesuai ukurannya sementara aku abaikan.
Langkah berikutnya adalah mengubah background (latar belakang). Ada opsi gambar dan juga opsi warna dominannya apa. Gambarnya pun bermacam-macam, mau terkait teknologi, alam, pola tertentu, dll
Kebetulan di pilihan pattern ada gambar pagar kawat. Aku teringat satu tempat di Jatinangor yang ada ini. Yaitu pagar jembatan jalan tol dekat exit Jatinangor. Akupun memilih pattern tersebut.
Kemudian akupun melanjutkan dengan mengubah lebar blog dan mengatur tata letak. Juga mengatur besar font, jenis font dan warna font yang akan aku pakai di blog ini. Aku memilih warna-warna yang biasa saja, hitam, biru, abu-abu. Beberapa widget aku hapus, sisanya aku geser-geser. Lalu aku mengganti header blog dengan ukuran yang sesuai.
Sebenarnya masih ada bagian add CSS sih. Tetapi berhubung aku kurang mengerti jadi sementara ini aku skip dulu dan tidak menguliknya.
3. Menambahkan widget sosial media
Yang aku ulik pertama adalah bagian sisi kanan blog / side bar. Aku akan memasang widget sosial media. Untuk akunku yang ini, baru memiliki dua sosial media yaitu instagram dan youtub. Akupun mencoba memasang dengan cara yang dicontohkan oleh Coach Marita di dalam artikel Cara Mudah Menambahkan Social Media Button.
Secara garis besar langkah-langkahnya sudah aku pahami, yaitu
- membuat dulu draft postingan yang isinya adalah gambar/ikon sosial media. draft ini tidak usah dipublish, karena yang kita butuhkan adalah tautan alamat gambar tsb.
- mengedit html yang sudah dilampirkan, dengan cara mengubah alamat blog dan alamat penyimpanan gambar.
code html-nya di bawah ini.
<a href=“https://www.facebook.com/ms.ningtyas”><img alt=”Facebook” border=”0″ width=”50″ height=”50” src=”https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8NUHiB-V3QAPekZoeCovikQinrBjbsxUCt-wxhcHsPVvjmeWKmQkQ884j214qPX4wJgdzJLBUJDF-34hh4KZKrIFM8i-A4fiMyscsA14iHc6gnzN3SpTD0a_N0yARWwWVJPM5u2enxsHB/s1600/Add+Me.png” title=”Find me on Facebook” /></a>
Untuk tulisan dengan warna biru, gantilah dengan url link alamat social media teman-teman ya.
Untuk tulisan warna ungu, ukuran “50” bisa diganti sesuai dengan kebutuhan teman-teman, mau ukuran gambar yang tampil seberapa.
Sepintas terlihat simpel. Akupun mencoba mempraktikkan. Karena hanya ada dua media sosial yang kupunya, aku hanya mengambil instagram dan youtube.
Karena aku takut layoutku berubah, pertama aku coba di blogku yang lain. Tetapi setelah aku coba beberapa kali, yang muncul adalah gambar ikon yang pecah, dan tautannya tidak mengarah ke alamat yang kubutuhkan.
Akhirnya aku searching cara lain dan menemukan cara di blog Bang Rizkyw.
Maka tampilan tautan sosial mediaku seperti ini
Sebenarnya masih belum puas sih.. tapi sementara bolehlah.. sambil belajar lagi soal html ini.
4. Menambahkan komunitas.
Untuk tambahan komunitas, aku hanya menambahkan satu saja yaitu blogger perempuan. Karena memang saat ini tidak terkoneksi dengan komunitas blogger manapun.
Aku mungkin dulu pernah mendaftar blogger perempuan atau ikut mengisi formulir apa, sampai saat ini masih sering mendapatkan pemberitahuan melalui surat elektronik tentang kegiatan blogger perempuan.
Tetapi karena sudah lama tidak ngeblog juga, jadi belum tahu kegiatan atau perkembangan terbaru tentang komunitas ini.
5. Menambahkan Menu
Untuk menambahkan menu di bawah header, ini aku coba berbagai cara yang disampaikan di materi. Tetapi belum mendapatkan hasil yang memuaskan. Penampakan menu belum seperti yang aku inginkan. Sudah ada sih, sepertinya pemilihan warnanya memerlukan kejelian untuk diulik lagi, agar tampak jelas dalam sekali pandangan.
Secara umum, materi ini sungguh menjadi kawah candradimuka buatku. Baru kali ini bergulat dengan istilah dan rumus-rumus.
Walaupun aku mulai mengulik sejak hari Selasa, tapi ternyata belum cukup waktuku untuk belajar. Semoga kesempatan yang akan datang masih ada.
Materi kali ini memang benar-benar butuh kesabaran, ketelitian, ketekunan juga. Benar-benar menguras pikiran. Nguprek 4 hari. Tapi Alhamdulillah banyak ilmu yang didapat.
Seminggu permak blog ya, Mbak. Itupun masih kurang 😆
BalasHapusiyaa... berasa masih kurang dan belum puas sebenernya.. nanti touch up lagi deh..
HapusMateri kali ini memang benar-benar butuh kesabaran, ketelitian, ketekunan juga. Benar-benar menguras pikiran. Nguprek 4 hari. Tapi Alhamdulillah banyak ilmu yang didapat.
BalasHapussepakat.. banyak ilmu yang didapat
HapusBoleh juga idenya uji coba ke blog yg lain
BalasHapusiy.. kebetulan ada blog baru yang masih original..
Hapus