Sabtu, 31 Januari 2015

Mempercantik Tampilan Blog

Hai sobat spedaantik! sebelumnya kita udah ngebahas artikel tentang cara membuat blog. Mungkin kalian merasa bosan dengan tampilan blog yang segitu segitu aja dan juga template yang disediakan oleh blogger sendiri pun terkesan membosankan. Nah kali ini kita akan ngebahas cara mempercantik tampilan blog!. Ada 2 Tingkatan dalam mempercantik tampilan blog ini yaitu dari Tingkat Dasar dan Tingkat Advance. Tingkat dasar yaitu tingkatan yang hanya mementingkan settingan bawaan dari blogger, sedangkan tingkat advance menggunakan Edit HTML yang memerlukan pemahaman bahasa HTML dan CSS. Langsung saja kita mulai dari tingkat dasar

Tingkat Dasar

Dalam tingkat dasar ini kita akan menggunakan settingan dari bloggernya.
  1. Pertama kita buka blog kita kemudian klik menu "Template" di sebelah kiri layar.
  2. Kemudian klik tombol "Sesuaikan" maka akan muncul tampilan seperti ini
  3. Disini kita bisa mengatur : Template, Latar Belakang, Lebar Blog, Tata Letak, dan Tingkat Lanjut. Tingkat lanjut disini terdapat pengaturan berupa Font, Warna Font, Ukuran Font dan lain lain. Silahkan kalian coba satu satu :) gak ada salahnya kan mencoba hehehe.
  4. Jika sudah selesai mengedit tampilan blognya maka klik tombol "Terapkan ke Blog" untuk menyimpannya.
  5. Selesai sekarang tampilan blog kalian sudah berubah

Tingkat Advance

Dalam tingkat advance ini kita nggak lagi memakai template bawaan dari blogger melainkan template yang disediakan selain di blogger, atau kata lainnya template buatan orang lain. Dengan menggunakan template diluar blogger maka penyesuaian manual seperti di tingkat dasar tidak bisa diterapkan, jadi kita hanya mengandalkan HTML dan CSS :). Yuk langsung saja kita mulai.
Sebelum dimulai, kita akan mencari template yang ingin kita gunakan, disini kita akan mencarinya di situs penyedia template btemplates.com

  1. Kita buka web btemplates.com
  2. Disini kita bisa memilih template yang kita inginkan, kalian juga bisa mencari template yg kalian inginkan dengan kata kunci seperti "Nature" atau "Techno" atau apa gitu :v. disini kita akan menggunakan template "Orange Line". Klik template tersebut.
  3. Untuk mendownload template kita bisa mengeklik tombol download, untuk melihat desain kita bisa mengeklik tombol preview. Setelah kita mendownload template nya, kita ekstrak file yang telah kita download, kemudian buka folder hasil ekstrak dan cari file "OrangeLine.xml" jika sudah menemukannya biarkan saja hanya untuk memastikan saja :v. 
  4. Setelah itu kita akan meng-upload template kita ke blogger caranya : Template - Cadangkan/Pulihkan. Maka muncul pop up cadangkan/pulihkan. Unduh template kalian terlebih dahulu. Setelah itu klik tombol "Choose File" kemudian cari "OrangeLine.xml". setelah itu klik tombol open, kemudian klik tombol "Unggah". Tunggu hingga proses menggungah selesai.
  5. Selesai... sekarang tampilan blog kalian telah berubah, untuk mengeditnya kalian bisa menggunakan "Edit HTML" pada menu Template, untuk belajar HTML dasar, kalian bisa belajar di w3school

Menambahkan Widget

Kita bisa mempercantik tampilan blog dengan menambahkan widget, caranya yaitu :
  1. Buka menu Tata Letak, maka akan muncul tampilan seperti ini
  2. Klik "Tambahkan Widget" untuk menambahkan widget. Kalian bisa menambahkan widget berupa gambar, video, dan banyak lagi.
  3. Kalian bisa mencari tutorial menambahkan widget selain yang diberikan oleh blogger seperti widget jam, dll.
  4. Untuk menghapus widget klik "Edit" yang terdapat di setiap kotak widget, maka akan muncul window widget tersebut, klik tombol "Hapus"
  5. Nah selesai... kalian bisa menambahkan widget sesuka hati kalian :)

NB:

  1. Untuk mempercantik tampilan blog tingkat advance, kalian bisa mencari tutorialnya di google, seperti cara menambahkan read more di setiap postingan, menambahkan recent post, menambahkan dropdown menu, dan masih banyak lagi

0 komentar:

Posting Komentar