Panduan Membuat Blog #5 : Cara Paling Mudah Modifikasi Template Yang Biasa Saya Lakukan

Template blog yang baik dan keren tentu saja akan membuat tampilan blog menjadi lebih menarik, disukai oleh visitor maupun search engine.

Template blog yang dibagikan secara gratis ataupun berbayar memiliki struktur standar yang perlu dimodifikasi sesuai kebutuhan agar menjadi lebih unik dan beda dari yang lain.

Struktur itu antara lain berupa logo, header menu, side bar, footer dan sebagainya.

Cara memodifikasi template blogspot tidak serumit yang dibayangkan kok,

So dalam panduan membuat blog #5 ini, akan saya sampaikan bagaimana cara memodifikasi template blog hasil download agar blog kita menjadi lebih menarik dengan cara yang paling mudah.

Cara Memodifikasi Template

Untuk merubah template blog yang telah kita download seperti dalam panduan sebelumnya, ada dua cara mudah yang bisa dilakukan.

Yang pertama melalui pengaturan layout, yang kedua memodifikasi template melalu edit html template.

Modifikasi Template dengan Layout Setting

Cara modifikasi template menggunakan layout setting ini paling mudah dikerjakan karena kita tidak harus berhadapan dengan barisan script html yang rumit.

Cukup klak dan klik, save dan selesai :)

Menambah Widget Sidebar & Footer

Widget adalah elemen tambahan halaman blog yang bisa dibuat dan dihapus dengan klik, dan drag&drop.

Secara umum, widget terletak pada bagian sisi kanan atau kiri halaman yang disebut sidebar widget. Sedangkan widget yang ada di bagian bawah halaman disebut widget footer.

Untuk membuat widget dapat dilakukan dengan cara :

1. Login ke dashboard blog, pilih tata letak

2.Scroll kebawah sampai menemukan bagian sidebar/ sisi kanan blog . Klik tulisan tambahkan gadget

3. Muncul jendela popo up, untuk latihan kali ini pilih widget Entri Populer.

Sesuaikan settingan dengan kebutuhan kita, selanjutnya klik simpan.

Refresh halaman blog untuk melihat perubahanya.

Dan dihalaman depan sudah tampil entri populernya!

Kita bisa melakukan prosedur yang sama untuk menambhkan widget pada area sidebar dan footer.

Bagaimana kalo sekarang latihan menambahkan widget arsip di bagian sidebar blog anda, setuju?

Memodifikasi Header & Logo

Untuk memodifikasi header dan logo urutanya sama dengan nomor 1 dan 2 diatas, hanya saja yang dipilih adalah header.

Klik tulisan header, hingga muncul jendela pop up.

Edit Judul dan Deskripsi Blog sesuai kebutuhan, dan jangan lupa untuk menyimpan perubahan yang dilakukan.

Jika ingin mengganti logo, ada baiknya kita persiapkan dulu logonya.

Cara Membuat Logo

Untuk membuat logo yang mudah, saya menggunakan Free Logo Maker Online

Masukkan nama yang akan dijadikan logo dan pilih industry yang sesuai dengan tema blog kita.

Dalam hal ini saya memilih kecantikan, agar template logo yang ditampilkan lebih spesifik sesuai dengan kebutuhan blog.

Klik Got it dan pilih symbol yang sesuai.

Atur ukuran dan warna dari symbol yang ada sesuai kebutuhan, jika dirasa sudah sesuai bisa langsung klik tombol download.

Klik No Thanks, just give my free logo karena kita hanya menginginkan logonya saja.

Setelah itu dilanjutkan dengan mengklik tulisan Clik Here To download dan logo akan tersimpan ke komputer kita.

Dan gambar untuk logo sudah siap di upload ke blog kita.

Mengupload Logo

Kembali ke langkah modifikasi header seperti yang diatas, lalu klik opsi Dari komputer Anda, lalu upload logo yang sudah disiapkan.

Pilih opsi selain judul dan keterangan jika ingin logo ditampilkan tanpa ada tulisan Judul Blog dan Deskripsi Blog.

Jangan lupa untuk menyimpan perubahan yang dilakukan.

NB : Tampilan logo akan mengikuti settingan dari pembuat template nya, sehingga logo anda mungkin akan ditampilkan lebih kecil dari ukuran aslinya.

Untuk pembahasan masalah ini akan saya bahas dalam artikel yang lain karena harus merubah melalui kode CSS nya.

Modifikasi Template Melalui Edit HTML

Modifikasi melalui edit HTML ini biasa dilakukan jika kita ingin menambah fungsi dari templates seperti

Menambah menu navigasi
Menambah script untuk SEO
Menambah script untuk pemasangan iklan
Merubah kode script komponen templates sesuai kebutuhan

Agar pembahasan tidak terlalu melebar dan mudah di ikuti, untuk saat ini saya cukup membahas modifikasi template untuk menambah menu navigasi pada bagian header.

1. Login ke dashboar blog dan pilih template

kemudian klik edit html

2. Cari source code yang mengatur bagian menu navigasi. Jika anda mengkuti panduan membuat blog dari awal dan menggunakan template yang sama akan jadi lebih mudah.

Tapi jika anda menggunakan template yang berbeda tidak tak perlu khawatir.

Lihat bagian menu navigasi blog anda, kalo punya saya akan seperti ini .

Arahkan mouse kedalam jendela editor, klik Ctrl+F untuk melakukan mencarian.

Karena menu navigasi dari template yang saya gunakan ada menu Download This Templates, maka saya cukup memasukan kata download this dalam jendela editor untuk pencarianya.

Mungkin anda harus menyesuaikan kalimat yang digunakan untuk pencarian sesuai dengan template yang digunakan.

Kemudian saya menemukan source code dari menu Download This Templates yang perlu di rubah,

<li><a href='#' itemprop='url'>Download This Template</a></li>

tanda # diganti dengan alamat halaman yang dimaksud

<li><a href='http://myblog.com/contact.html' itemprop='url'>Kontak</a></li>

<li><a href='http://myblog.com/about.html'' itemprop='url'>About</a></li>

Setelah melakukan perubahan jangan lupa untuk menyimpanya.

What Next?

Woahh sudah sampai dimana kita saat ini?

Sampai dengan panduan membuat blog ke #5 ini kita sudah bisa melakukan modifikasi templates, membuat logo dan menguploadnya.

Sampai disini saya rasa anda sudah bisa mulai menulis artikel untuk merintis karir sebagai seorang blogger.

Tetapi sebelum terlalu banyak membuat artikel ada baiknya kita berhenti sejenak.

Pada panduan membuat blog ke #6 saya akan mengajak anda untuk mengatur strategi terlebih dahulu agar apa-apa yang dilakukan lebih terstruktur dan terencana.

Apakah blog yang kita bangun nantinya akan dijadikan sumber penghasilan?

Jika iya lalu bagaimana strateginya?

Investasi apa saja yang harus dilakukan?

Apakah mungkin menghasilkan uang dari blog?

Jawaban dari pertanyaan itu akan saya kupas secara lugas di postingan berikutnya.

See You Next Lecture !