Minggu, 28 Agustus 2016

Modifikasi Template Blog Ala Diana Rikasari

Mumpung ada waktu, akhirnya aku memutuskan untuk merenovasi atau memodifikasi blog sendiri di www.yanilmatilahsaja.blogspot.com. Apalagi, tampilan blog juga sudah membuat mataku bosan untuk melihatnya. Rasanya sangat ingin di otak atik. Tahap merenovasi atau modifikasi blog ini sebenarnya mudah, hanya mengganti url html sedikit, kemudian diedit templatenya juga. Hanya saja, yang bikin aku begadang semalaman adalah karena aku harus mengubah menu di header menggunakan aplikasi Dreamweaver sampai berapa kali gonta ganti upload gambarnya supaya ukuran menu di header bisa sesuai.


Intinya, untuk bisa menghasilkan template seperti blog ini, aku sarankan menggunakan template dasar bawaan blogger. Untuk yang menggunakan template dari hasil download-an dari situs penyedia template, templatenya akan sangat sulit untuk di modifikasi. Okelah, langsung saja berikut tips tutorial cara membuat atau merenovasi atau modifikasi template sampai jadi seperti blog ini.

1. Judul Blog/ Header
Untuk judul blog, aku membuat gambarnya di aplikasi Corel Draw. Ukurannya disesuaikan dengan ukuran template blog (lihat pada setelan template). Jangan lupa di Corel Draw, satuan yang digunakan adalah pixel. Kalau aku sendiri, ukuran gambar yang kugunakan untuk judul blog adalah 1200 x 178 pixel. Kalau sudah, gambarnya di save as jadi format png. Jangan lupa untuk mencentang opsi Transparent Background. Kemudian, buka menu tata letak pada blogger, lalu konfigurasi header/ judul blog dengan mengupload gambar png tadi. Penempatannya, pilih opsi Selain Judul Dan Keterangan. Lalu simpan.


2. Menu Blog
Ini bagian tersulit dari modifikasi blog ini. Pertama harus buat gambarnya di Corel Draw, format png. Ukuran lebarnya disamakan dengan ukuran header/ judul blog tadi. Setelah jadi gambar png, upload gambar tsb ke situs www.tinypic.com agar alamat url gambar bisa didapat. Buka aplikasi Dreamweaver, insert image menu png tadi, kemudian sisipkan link sesuai dengan menu yang telah dibuat. Untuk bagian ini, tutorial lengkapnya tidak bisa kujelaskan disini karena terlalu panjang. Cuma, kalau penasaran ingin tahu bagaimana caranya, aku belajarnya dari sini. Intinya setelah jadi, htmlnya dimasukkan ke kotak gadget html, dibawah header.


3. Sidebar Blog
Gambar di sidebar blog juga aku buat sendiri di Corel Draw. Seperti gambar About Me, Kontak Sosial Media, dan Partner diupload ke www.tinypic.com. Dan kode htmlnya dipaste ke gadget html sidebar blog. Bagi yang mau, bisa copy html berikut. Untuk yang berwarna pink, disesuaikan dengan hasil gadget html yang diinginkan.
<a href="http://yanikmatilahsaja.blogspot.co.id/2014/08/about-me-suryani-palamui/" target="_self" title="About Me"><img alt="About Me" height="282 px" src="http://i66.tinypic.com/1zq807b.jpg" width="219 px" / /></a>
  • http://yanikmatilahsaja.blogspot.co.id/2014/08/about-me-suryani-palamui/ diganti dengan alamat url yang ingin dituju jika mengklik gambar.
  • _self digunakan jika link yang diklik ingin dibuka pada tab tsb/ tab yang sama. Namun jika ingin dibuka pada tab baru, maka kata "self" diganti dengan kata "blank".
  • About Me diubah sesuai dengan keinginan untuk memberi keterangan tema atau judul pada gambar tsb.
  • 282 diganti sesuai dengan ukuran tinggi gambar yang diinginkan.
  •  http://i66.tinypic.com/1zq807b.jpg diganti dengan alamat url dimana sumber gambar berada.
  • 219 diganti sesuai dengan ukuran lebar gambar yang diinginkan.


4.Gadget Blog
Pada blogku, aku menggunakan beberapa gadget seperti:

Instagram, caranya disini
Google+ Followers, caranya disini

Search, Labels, Blog Archive, Popular Post dan Follow By Email caranya tinggal ditambahkan pada gadget dasar
Back to Top, caranya disini.

5. Edit Template
Untuk mengedit template seperti font, warna, background dll bisa dibuka pada menu template pada blogger lalu pilih Sesuaikan. Disitu ada menu template, latar belakang, sesuaikan lebar, tata letak dan tingkat lanjut. Silahkan di otak-atik sampai stress. Hehe..

Over all, aku sangat puas dengan desain yang aku buat sendiri. Pastinya ada perasaan bangga dan bagi yang berkunjung, pasti tidak akan bosan dengan tampilan blog ini. Yang mau menanggapi, tanya-tanya, silahkan komentar saja di blog ini. Terimakasih.
Posting Komentar