Cara Mudah Mengedit / memodifikasi blog

Cara Mudah Mengedit / memodifikasi blog
Cara Mudah Mengedit blog
Malam Ini saya akan posting dengan tema Cara mudah mengedit atau memodifikasi template blog, langkah cara yang satu ini sebenarnya sangatlah menyenangkan, dengan mengetahuinya langkah mudahnya membuat kita setiap sa'at bisa mengotak atik tampilan blog kita sendiri dengan keingina kita sendiri tentunya. Jadi dengan begitu kita selalu betah berada pada blog yang kita kelola, cara yang satu ini juga sangat menyebalkan sekali jika kita tidak tahu betul perintah-perintah dasar yang bekerja pada template blog itu sendiri, namun dengan adanya pedoman dasar, maka cara ini akan membuat kita selalu terinfirasi dengan hal-hal baru. Posting malam ini saya akan bahas sesuai tema yang saya buatkan, yaitu cara mudah untuk mengedit atau memodifikasi template blogger kita. melihat kode css saja dalam template blog kita akan membuat terasa begitu lelah mata kita, apalagi mengotak atiknya.

Kita mulai tutorial cara mudah mengedit template blog

.
  • Pertama adalah masuk kedalam template blog.
  • Buka pada tab browser berikutnya blog yang ingin di edit, cara yang ini saya menggunakan browser GoogleCrome.
  • Kemudian klik kanan pada mouse pada posisi yang akan kita ingin mengeditnya, lalu pilih pada inspeksi. Maka akan menampilkan seperti contoh gambar di bawah ini:
    Cara Mudah Mengedit / memodifikasi blog
  • Dari contoh gambar di atas bisa dijelaskan bahwa saya akan mengedit blog pada posisi sidebar blog.
  • Untuk mengetahui pada kolom elements apa berfungsi bisa dengan membawa cursor pada kolom elements pada posisikan pada id atau class yang di inginkan.
  • Pada posisi style di posisi kanan akan menunjukkan perintah css, berupa id ataupun Class.
  • Untuk menampilkan kode hover bisa kalian klik pada sebelah kanan di :hov, conteng pada keinginan misalkan ingin mengedit hover, maka conteng pada :hover
Perlu dipahami bahwa pada posisi style akan menampilkan perintah dalam format css saja, jadi setelah pengeditan selesai dan sesuai dengan yang di inginkan maka kalian bisa lansung menenpatkan kedalam bskin blog, atau bisa juga dengan seperti yang di bawah Jika perintah belum tampil di sebelah kanan sa'at kita mengeklik pada elements sebelah kiri maka perintah class ataupun id belum ada dalam bskin atau style dalam blog kita.

Cara menambahkan perintah id atau class kedalam template

.
  1. Klik pada elements sebelah kiri, kemudian lihat pada sebelah kanan apa sudah memiliki kesamaan perintah yang diklik pada sebelah kiri, misalnya kita klik pada perintah sebelah kiri yaitu <div id='sidebar-wrapper' maka pada sebelah kanan akan menampilkan perintah #sidebar-wrapper { blablabla
  2. Jika perintah sebelah kiri menunjukkan <div class='sidebar-wrapper' maka pada sebelah kanan akan menampilkan perintah .sidebar-wrapper { blablabla
  3. Dua perintah di atas menunjukkan bahwa yang menandakan id dengan {#} sedangkan class menandakan dengan {.}
  4. Jika perintah di atas belum ada bisa kalian mengeditnya didalam posisi element style yang ada di sebelah kanan terlebih dahulu, kemudian jika kesesuain sudah di dapat maka kalian bisa menyimpan kedalam template blog dengan perintah yang tertera pada elemnts tadi yang kalian klik.
Jika tutorial di atas dilakukan maka sebelum kalian keluar dari template blog kalian ada baiknya kalian bisa mengeceknya terlebih dahulu pada

w3c markup validation css

, jika ada kesalahan css yang tadi kita simpan bisa dengan mudah memperbaiki kesalahannya.
Yang umum terjadi kesalah tersebut biasanya lupa menutup perintahnya misalkan .class {color: blue; seharusnya .class {color: blue;} atau tidak memiliki batas perintah misalkan #class {color: blue padding: 0 5px;} disini tidak adanya perintah pembatas yaitu pada color: blue seharusnya color: blue; itulah yang umum terjadinya kesalahan di dalam css template blog kita.
Cukup ini posting tutorial cara mudah mengedit / memodifikasi blog, semoga bisa berguna.
Berlangganan melalui email untuk mendapatkan update posting terbaru
View Feed XML
Next Prev
Warning..! Berkomentar Se sopan mungkin, Jangan hanya menaruh ling saja tetapi isikan dengan beberapa kata...
Loading Facebook Comment
Followers