Pergantian tampilan blog akhirnya selesai dengan kurun waktu mulai sabtu malam (malming) pukul 23:00 WIB hingga minggu malam pukul 01:00 WIB atau sama dengan 26 jam. Memang tergolong waktu yang terlalu lama, karena yang di ganti hanya tampilan judul posting, body posting, gambar posting, tampilan komentar dan tampilan widget pada sidebar.
Itulah bedanya web programer profesional dengan web programer jadi-jadian :), kalau orang profesional mungkin dalam kurun waktu 6 jam atau bahkan lebih cepat, pasti sudah rampung dengan hasil yang lebih baik. Karena ini adalah web programer jadi-jadian ya jadinya memakan waktu yang lebih lama karena saking seringnya mencoba dan mencari-cari :).
Rasanya seperti sudah bosan melihat bahasa CSS, karena dalam waktu 26 jam tidak henti-hentinya untuk menatapi hingga lupa membalas komentar dan blogwalking. Bahkan hingga lupa caranya untuk tidur dan jalan-jalan(lebay). Emm btw sudah tau CSS kan?, ya benar CSS itu kepanjangan dari Cascading Style Sheets yang berfungsi untuk mengatur dan mengendalikan komponen pada tampilan web.
Memang bosan sekali setiap postingan heqris.com selalu dikemas dengan bahasa yang formal bagaikan para jurnalis sebuah majalah dipelosok desa yang jauh disana(kok membingungkan ya tulisannya..ah biar lah, lanjut lagi). Postingan kali ini terinspirasi setelah melakukan blogwalking ke beberapa teman-teman blogger, ingin mencoba sesuatu yang baru dengan memposting sedikit pengalaman pribadi. Mungkin inilah cara untuk menikmati ngeblog dengan sesungguhnya :D.
Sedikit curhat ya :D
Sebenarnya saya ini sudah lama sekali menjadi anggota blogger, terhitung sejak tahun 2008 samping sekarang. Namun dengan kurun waktu tersebut juga masih belum bisa dikatakan mahir dari segi membuat tampilan blog, karena saya tidak benar-benar fokus untuk menggelutinya. Kendalanya banyak sekali, mulai dari kecantol game online, mencoba CMS lain seperti wordpress, joomla dan bahkan pernah ingin membuat CMS sendiri (ngayal). Dengan berbagai kendala tersebut bahkan pernah pensiun ngeblog beberapa kali :D.
Sedikit berbagi ya :D
Membuat atau mengedit tampilan blogspot memang berbeda dengan CMS lain, pada blogspot untuk merubah suatu tampilan atau beberapa perintah, dilakukan dalam satu lembar utuh. Namun untuk blogspot kali ini sudah lebih mudah karena sudah terdapat sub-sub, nomor line dan warna coding untuk mempermudah mengedit maupun menemukan kesalahan.
Kalau untuk mengedit template blogspot, yang perlu diketahui adalah letak CSS nya. Pada blogspot selalu berada diantara <head> </head> atau biasanya diawali dengan <style type='text/css'> </style> dengan ciri-ciri penulisannya selalu diawali dengan tanda titik dan #
Contoh untuk tanda awal #:
#footer{width:960px;margin:0px 0px 15px 0px;}
Contoh untuk tanda awal titik :
.sidebar{font-size:14px;color:#555555;}
Untuk penjelasan lebih detailnya lagi, nunggu saya jadi web programer profesional dulu ya :), atau do'a kan supaya bisa menjadi web programer profesional :).
Dengan pergantian template kali ini, mungkin para pengunjung yang 1 atau 2 kali berkunjung tidak bisa benar-benar merasakan bedanya, jika ingin mengetahui tampilan yang lama, silahkan lihat gambar di bawah ini:
Bagaimana sudah tahu perbedaannya? Perbedaannya memang tidak begitu mencolok karena tampilan tidak dirombak seutuhnya, hanya dari tampilan read-more, memisah postingan, pemisah widget sidebar dan tampilan pada komentar.
Pemisah itu sengaja saya kasih supaya terihat rapi dan enak untuk dipandang, untuk script yang saya edit sebagai berikut:
.post{
text-align:justify;
margin-bottom:15px;
border:1px solid #c6c6c6;
background:#fff;
-moz-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, .1);
-webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, .1);
box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, .1);}
saya hanya menambahkan script margin-bottom:15px; yang berfungsi untuk mengatur perenggangan dan menambah efek shadow seperti script warna merah di atas. Kemudian mengatur ukuran body posting dan widget sidebar. Untuk mengatur letak judul posting dan isinya hanya menambah perintah padding.
Berikut sedikit pengalaman saya untuk merapikan posting dan sidebar widget, semoga bisa bermanfaat :)
Untuk yang ingin bertanya dan ingin menambahkan ide, kami persilahkan :)
Itulah bedanya web programer profesional dengan web programer jadi-jadian :), kalau orang profesional mungkin dalam kurun waktu 6 jam atau bahkan lebih cepat, pasti sudah rampung dengan hasil yang lebih baik. Karena ini adalah web programer jadi-jadian ya jadinya memakan waktu yang lebih lama karena saking seringnya mencoba dan mencari-cari :).
Rasanya seperti sudah bosan melihat bahasa CSS, karena dalam waktu 26 jam tidak henti-hentinya untuk menatapi hingga lupa membalas komentar dan blogwalking. Bahkan hingga lupa caranya untuk tidur dan jalan-jalan
Memang bosan sekali setiap postingan heqris.com selalu dikemas dengan bahasa yang formal bagaikan para jurnalis sebuah majalah dipelosok desa yang jauh disana
Sedikit curhat ya :D
Sebenarnya saya ini sudah lama sekali menjadi anggota blogger, terhitung sejak tahun 2008 samping sekarang. Namun dengan kurun waktu tersebut juga masih belum bisa dikatakan mahir dari segi membuat tampilan blog, karena saya tidak benar-benar fokus untuk menggelutinya. Kendalanya banyak sekali, mulai dari kecantol game online, mencoba CMS lain seperti wordpress, joomla dan bahkan pernah ingin membuat CMS sendiri (ngayal). Dengan berbagai kendala tersebut bahkan pernah pensiun ngeblog beberapa kali :D.
Sedikit berbagi ya :D
Membuat atau mengedit tampilan blogspot memang berbeda dengan CMS lain, pada blogspot untuk merubah suatu tampilan atau beberapa perintah, dilakukan dalam satu lembar utuh. Namun untuk blogspot kali ini sudah lebih mudah karena sudah terdapat sub-sub, nomor line dan warna coding untuk mempermudah mengedit maupun menemukan kesalahan.
Kalau untuk mengedit template blogspot, yang perlu diketahui adalah letak CSS nya. Pada blogspot selalu berada diantara <head> </head> atau biasanya diawali dengan <style type='text/css'> </style> dengan ciri-ciri penulisannya selalu diawali dengan tanda titik dan #
Contoh untuk tanda awal #:
#footer{width:960px;margin:0px 0px 15px 0px;}
Contoh untuk tanda awal titik :
.sidebar{font-size:14px;color:#555555;}
Untuk penjelasan lebih detailnya lagi, nunggu saya jadi web programer profesional dulu ya :), atau do'a kan supaya bisa menjadi web programer profesional :).
Dengan pergantian template kali ini, mungkin para pengunjung yang 1 atau 2 kali berkunjung tidak bisa benar-benar merasakan bedanya, jika ingin mengetahui tampilan yang lama, silahkan lihat gambar di bawah ini:
Bagaimana sudah tahu perbedaannya? Perbedaannya memang tidak begitu mencolok karena tampilan tidak dirombak seutuhnya, hanya dari tampilan read-more, memisah postingan, pemisah widget sidebar dan tampilan pada komentar.
Pemisah itu sengaja saya kasih supaya terihat rapi dan enak untuk dipandang, untuk script yang saya edit sebagai berikut:
.post{
text-align:justify;
margin-bottom:15px;
border:1px solid #c6c6c6;
background:#fff;
-moz-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, .1);
-webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, .1);
box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, .1);}
saya hanya menambahkan script margin-bottom:15px; yang berfungsi untuk mengatur perenggangan dan menambah efek shadow seperti script warna merah di atas. Kemudian mengatur ukuran body posting dan widget sidebar. Untuk mengatur letak judul posting dan isinya hanya menambah perintah padding.
Berikut sedikit pengalaman saya untuk merapikan posting dan sidebar widget, semoga bisa bermanfaat :)
Untuk yang ingin bertanya dan ingin menambahkan ide, kami persilahkan :)
