Anda di halaman 1dari 9

Cara Merapikan Desain (tampilan) Blog Supaya Menarik

Merapikan atau mengedit template (tampilan) blog sebenarnya bukan sesuatu hal yang akan membuat
rambut kalian tiba-tiba rontok. Untuk bisa memiliki tampilan blog yang rapi, simple, fast loading dan
tentunya menarik, kalian juga tidak perlu harus merogoh kantong dalam-dalam.

Karena, dengan membaca panduan dari tulisan wortel ini, mudah-mudahan bisa membantu untuk bisa
mempercantik tampilan blog kalian, yang berguna sekali untuk kenyamanan pembaca.

Jangan dia aja yang dibuat nyaman. Pembaca juga dong….

Namun, sebelum Pangeran jelaskan tentang bagaimana cara merapikan template (tampilan) di blog
kalian, Pangeran akan menjelaskan 4 unsur yang harus kalian pahami baik-baik sebelum mengedit
tampilan blog kalian. Yuk, mulai kita bahas.

Pahami 4 Unsur dalam sebuah Blog

4 Unsur yang wajib ada di sebuah blog/website

1. Header
Header itu gampangnya adalah bagian paling atas dari sebuah blog/website kalian. Biasanya header
memiliki komponen seperti :

1. Judul dan Deskripsi Blog (Bisa dalam bentuk teks atau gambar supaya terlihat lebih menarik)
2. Search box (memudahkan pembaca untuk mencari konten yang dibutuhkan di blog kalian)
3. Navigasi (Menu) Blog (biasanya berisi label dan page dari blog kalian)
Sebenarnya, pada bagian header tidak selalu terdiri dari 4 komponen itu. Karena, ada beberapa
template gratis untuk blogger memiliki komponen tambahan seperti Akun Social Media, Slide, Jam, foto
bersama mantan dll.

2. Post
Ada yang gak ngerti dengan post atau kebanyakan blogger menyebutnya postingan?

Oke, Pangeran gak akan jelasin pengertiannya. Kalian jelas sudah mengerti. Tapi, Pangeran akan jelaskan
fungsi dari postingan ini.
Postingan menurut Pangeran memiliki fungsi yang sama seperti sebuah buku. Menyampaikan infomasi
melalui tulisan yang sering disebut konten.

3. Sidebar

Sidebar ini mempunyai banyak posisi. Ada yang meletakkan sidebar di bagian sebelah kiri, kanan bahkan
kanan dan kiri. Itu tergantung dari kebutuhan kalian masing-masing.

Biasanya, sidebar itu digunakan untuk menambah widget yang berguna untuk memberikan informasi
tambahan dalam sebuah blog. Contohnya seperti : Postingan Baru, Postingan Populer, Profil Owner,
Banner dll. Intinya sidebar itu membantu kalian untuk membuat pengalaman pembaca lebih mudah
dalam menjelajahi blog kalian.

Nah, sebelum menambahkan widget, kalian harus tau tentang widget penting apa saja yang ada di blog.
Tujuannya, supaya loading blog kalian tetap cepat saat diakses.

4. Footer
Jika di awal tadi Header adalah bagian paling atas dari sebuah blog/website. Footer adalah kebalikannya.
Bagian paling bawah dari sebuah blog/website.

Pada footer, biasanya diisi dengan widget dan credit title dari blog kalian. Tapi inget, setiap template
memiliki jumlah widget yang bisa kalian tambahkan dalam jumlah yang berbeda.
Ada yang bisa ditambahkan 3 widget, 2 widget, bahkan hanya 1 widget. Ini sesuai dengan template
yang kalian gunakan.

Cara Merapikan Desain (Tampilan) Blog


Bagaimana, apakah kalian sudah mengerti mengenai 4 unsur dalam sebuah blog?

Oke. Jika sudah. Sekarang saatnya Pangeran membongkar rahasia (Ciye.. rahasia tapi diomongin. Dasar
emak-emak!!) bagaimana cara merapikan template blog kalian supaya pengunjung blog kalian semakin
betah berlama-lama membaca konten yang kalian tulis.Tapi inget, jangan tampilan aja yang bagus.
Konten juga harus bagus.

1. Pilih template yang rapi, responsive (mobile friendly) dan fast loading

Pangeran, template yang rapi, responsive dan fast loading itu seperti apa?
Guys, saran Pangeran. Sebelum kalian mendownload template atau menggunakan template yang udah
tersedia di platform kalian, coba perhatikan struktur dari template itu sendiri. Berikut cara melihatnya :

a. Template harus memiliki tata letak yang tidak sembarangan dan terdiri dari 4 unsur yang Pangeran
jelaskan di awal.

b. Responsive pada semua perangkat. Untuk menguji blog kalian responsive atau nggak, cek di Pengujian
Situs Mobile-Friendly atau Responsive Test.Nah, buat kalian yang bingung cara membuat blog menjadi
resposive, jangan takut.

Gunakan saja template mobile bawaan dari blogger. Tapi, kalo mau lebih profesional, download
template yang mendukung responsive. Karena, kalian akan menyesal jika melihat riset di blog tulisan
wortel ini :

Bedasarkan pengalaman dari gonta-ganti template sejak 2013-2015.

c. Fast loading. Jadi, sebelum kalian menggunakan template yang sudah kalian download, ada baiknya
demo dari template tersebut kalian cek kecepatan loadingnya di PageSpeed Insight (Google) atau GT
Metrix.

2. Atur Tata Letak di Homepage blog kalian


Menurut kalian, dari dua contoh di atas. Mana tampilan blog yang lebih rapi?

Tentunya yang A lebih rapi. Jika kalian ingin membuat blog kalian seperti pada ilustrasi A. Kalian bisa
mengatur beberapa komponen yang tampil di homepage kalian berikut ini :

- Posisikan header dengan benar (left, center or right)

- Tentukan Navigasi yang jelas

- Tentukan berapa Jumlah Post yang sesuai dengan panjang sidebar

- Menambahkan Widget

- Buat credit title di bagian footer kalian

Kalo kalian bingung tentang cara mengatur tata letak homepage, klik home pada blog tulisan wortel ini.
Perhatikan semua bagiannya. Dari mulai header, navigasi, post, sidebar dan footer tersusun rapikan?
Lakukan hal yang sama.

3. Cerdas Menggunakan Widget

Kabarnya, semakin banyak jumlah widget yang kalian gunakan. Maka semakin berat pula loading blog
kalian. Tapi, ini bukan ilmu pasti. Karena, Pangeran pernah menemukan blog dengan widget banyak, tapi
tetep fast loading.

Cuman.. platform blognya bukan blogger. Tapi wordpress.org. Karena Pangeran juga menggunakan
Blogger, makanya panduan ini lebih banyak mengarah ke platform blogger.
Oke, biar loading blog kalian gak berat, Pangeran akan menjelaskan widget yang penting dan tidak
penting untuk sebuah blog. Simak penjelasnnya di bawah ini.

Pahami widget penting untuk Blog


1. Search Box (Memudahkan dalam mencari artikel yang diinginkan)
2. Subscribe Blog (Memudahkan pengunjung mendapatkan update terbaru melalui langganan
email)
3. Related Post (Artikel Terkait)
4. Popular Post (Postingan yang paling banyak dibaca)
5. Recent Post (Postingan terbaru) atau Arsip Post (Menampilkan semua postingan)
6. Label (Kategori)
7. Social Bookmark (Button social media kalian, FanPage, Timeline)
8. Button Share (Di bawah artikel)
9. Random Post (Tidak wajib, tapi masih boleh dipasang)
10. Recent Comment (Tidak wajib, tapi masih boleh dipasang)

Pahami widget tidak penting untuk Blog


1. Visitor Statistic (Aslinya, penggunaa alexa widget, flag counter dll itu, sebenarnya akan membuat
loading blog kalian semakin berat. Hal ini karena widget ini harus menarik banyak data (yang
nge-link) ke web sumber dari pemantau trafik blog kalian.
2. Flash/Animasi (Gambar animasi, kerlap-kerlip, flash, sebenarnya hanya akan menyilaukan mata
pengunjung kalian dan sekaligus penggunaan widget ini akan memberatkan loading blog)

Lagian gini guys, bukan bermaksud apa-apa, sih. Kan gak penting banget harus “show up” jumlah
pengunjung gitu. Apalagi nih, blognya masih baru. Udah, deh. Biarkan kita aja yang tau. Ya, nanti kalo
pengunjungnya sudah mencapai 100.000, gak apa-apa deh, ditampilkan.

Semuanya kembali ke kalian.

4. Jangan mudah putus asa untuk merapikan tampilan blog


Pange, hubungan putus asa sama merapikan template blog apa ya?

Hehehe. Pangeran juga awalnya bingung mau jelasinnya gimana. Tapi, setelah Pangeran pikir ulang,
ternyata kebanyakan blogger yang tampilan blognya (maaf) berantakan. Bukan disebabkan oleh
ketidaktahuan mereka.

Melainkan mereka gampang putus asa.

Baru mengalami error dikit, udah pasrah. Besok gak mau nyobak lagi. Itu yang gak boleh. Kalian kalo
pengen sesuatu yang luar biasa, action kalian juga harus luar biasa.

Jangan biasa-biasa saja.

Gak usah ngambil contoh jauh-jauh. Pangeran adalah tamatan mahasiswa Pertanian yang dilahirkan dari
kampung dan daerah Pangeran masuk namanya internet itu, waktu zaman Pangeran baru masuk SMP
(Mungkin udah lama, tapi Pangeran taunya pas SMP).

Ya, Pangeranpun hanya sekedar tau. Tapi, tidak ingin tau.

Sudahlah jurusan Pertanian, baru kenal internet, tidak ada 1% pun basic IT dalam diri Pangeran. Tapi,
kenapa Pangeran bisa merapikan tampilan (setidaknya) blog Pangeran sendiri?

Karena Pangeran gak pernah putus asa untuk belajar dan action.

----o0o----

Semuanya sudah Pangeran jelaskan di postingan ini. Jadi, sekarang udah mulai ngertikan bagaimana
cara merapikan desain (tampilan) blog sendiri?

Gampangkan? Gampang kok. Kalian pasti bisa. Pangeran juga 3 tahun yang lalu belum mengerti apa-apa,
merasa tabu dan acuh tak acuh. Tapi, Pangeran punya keinginan yang kuat dan tentunya tidak mudah
putus asa untuk terus belajar, belajar, melakukan dan melakukan. Jos!! (Duh.. kenapa jadi mirip
kesaksian MLM gini.. :D)

Masih bingung? Kalo memang masih bingung, Pangeran kedepan akan coba menjelaskan lagi lebih detail
tentang bagaimana cara merapikan blog kalian sendiri. Karena, kalo dibahas dalam 1 postingan, rasanya
nggak cukup dan dijamin kalian akan jenuh.

Tapi, penjelasan di atas sudah sangat jelas menurut Pangeran. Hanya saja, setiap orang punya
kemampuan pemahaman yang berbeda.

Kalo kalian gak ngerti, jangan takut untuk menanyakan di kolom komentar. Tapi maaf, jika komentar
kalian tidak langsung Pangeran balas.

Okelah, sepertinya ini dulu yang bisa Pangeran bagikan kali ini, jika kalian gak mau ketinggalan tips
blogging selanjutnya, jangan lupa subscribe. Pangeran Wortel pamit. See you…
Ebook ini ditulis oleh Heru Arya. Siapapun yang mendownload Ebook ini, silahkan dibagikan kepada
siapapun yang membutuhkan panduan ini.

Semoga bermanfaat buat temen-temen semua.

Salam,

TULISAN WORTEL – BUKAN WORTEL BIASA

Email : contact@tulisanwortel.com

Blog : www.tulisanwortel.com

Anda mungkin juga menyukai