Cara Edit Template Blog - Blogspot bagi yang awam

Advertisement

Sebagian blogger mungkin ada perasaan bosan dengan template yang ada / dipakai saat ini, mungkin ingin mengganti template tersebut ataupun hanya ingin menggganti / edit sebagian dari template tersebut. Namun sebelum edit template blog kamu pastikan kalau kamu sudah paham atau mengerti tentang nama-nama bagian template. Ibarat wajah seseorang yang memiliki dahi, alis, mata, hidung, mulut, telinga, dsb. Karena dengan mengenal nama-nama tersebut kita akan bisa, atau paling tidak mencari tahu bagaimana untuk edit bagian tersebut. 

Selanjutnya setelah mengetahui nama dari template tersebut baru kita cari tahu keberadaan dari nama itu di dalam template blog kita. Misal, header, body, sidebar, dan footer. Bagi yang sudah mahir koding sih nggk usah ditanya, hehe, ibaratnya sambil tiduran juga bisa tahu. 

Tapi bagi yang masih awam seperti aku, karena belajar dari nol, maka kita harus melototin mata buat nemuin nama / kode dari bagian template itu. Namun jangan lekas menyerah, soalnya ternyata banyak tuh blogger yang basicnya bukan progamer tapi lihai bikin template atau sekedar edit template yang hasilnya sangat bagus.

 Untuk lebih jelas mungkin pic berikut bisa sedikit menjawab kebingungan kita yang awam ini :

1. Body  : elemen/area yang ada di paling belekang yang mencakup keseluruhan sebuah template
2. #outer-wrapper : elemen ini letaknya di depan body yang berisi elemen-elemen seperti #header, #main, #sidebar-wrapper, dan #footer-Wrapper
3. #header : karena namanya header ya berarti kepala artinya tempat atau areanya ada di atas Template yang berisi Judul blog dan Deskripsi Blog
4. #main : elemen yang satu ini isinya tentang artikel yang kita tulis atau post dan kotak komentar
5. #sidebar-wrapper  : elemen yang satu ini isinya ya widget-widget yang biasa dipakai seperti buku tamu, statistik dll.
6. #footer-wrapper : elemen ini letaknya ada di paling bawah Template yang berguna untuk meletakkan Widget atau pun yang lain

Cara Memperlebar Halaman Blog,  langkah-langkah nya di bawah ini :

1.  Login ke blogger
2.  Masuk ke Tata Letak  Edit HTML
3.  Sebelum meng-edit Backup dulu Template sahabat dengan cara Download Template Lengkap
4.  Setelah selesai membackup Template cari kode yang akan di lebarkan, contoh : #Outer-Wrapper

5.  Nah setelah ketemu akan ada tampilan kurang lebih seperti di bawah ini

#outer-wrapper {
background:#000;
width:973px;
margin:0 auto;
padding:0;
text-align:left;
border:2px solid #1A1A1A;}

 6.  Nah silahkan diperhatikan tulisan yang bercetak tebal  merah, tulisan tersebut yang mempengaruhi lebar dari #outer-Wrapper. Apabila kamu ingin di perlebar tinggal ganti saja angka yang bercetak Tebal dan merah menjadi angka yang lebih tinggi dari semula.
7. kalau kira-kira sudah cukup jangan disimpan dulu takut tidak sesuai keinginan klik Pratinjau
8. kalau sudah lihat dan sesuaikan dengan kenginan, setelah puas baru Simpan
9. untuk elemen yang lain yang ingin kamu perlebar bisa coba sendiri untuk mengedit nya, caranya sama seperti yang di atas (thanks to : blogzafar.blogspot.co.id)

  

Tweet

Subscribe to receive free email updates: