Pada artikel ini, kita akan membahas mengenai tips dan trik dalam merombak tampilan template pada platform Blogger. Ada beberapa hal yang perlu diperhatikan dalam merombak tampilan template pada Blogger, diantaranya adalah cara merombak template Emporio menjadi premium, cara merombak tampilan awal kolom komentar untuk template terbaru, serta cara merombak tampilan dan meningkatkan performa template Blogger.
Merombak tampilan template pada Blogger dapat dilakukan dengan mudah, meskipun terdapat beberapa tahapan yang harus dilakukan sebelumnya. Salah satu hal yang perlu diperhatikan sebelum memulai merombak tampilan template adalah backup data terlebih dahulu agar tidak kehilangan data yang sudah ada. Selain itu, perlu juga melakukan update terhadap versi terbaru dari template yang digunakan untuk memperkecil kemungkinan terjadinya kesalahan atau bug yang muncul dalam penggunaan template tersebut.
Cara Merombak Template Emporio Menjadi Premium
Emporio adalah salah satu template yang populer digunakan pada platform Blogger. Template ini memiliki tampilan yang modern dan elegan, cocok digunakan untuk blog yang berfokus pada topik lifestyle, fashion, atau kuliner. Namun, tampilan template Emporio yang gratis terkadang kurang memuaskan, sehingga tidak jarang blogger ingin merombak template tersebut menjadi premium.
Berikut adalah beberapa hal yang perlu dilakukan dalam merombak tampilan template Emporio menjadi premium:
1. Mengganti Warna Background
Warna background pada template Emporio biasanya berupa warna putih atau abu-abu yang terkesan membosankan. Untuk mengubah warna background, bisa dilakukan dengan cara mengedit kode CSS pada template. Caranya adalah:
a. Masuk ke menu “Theme” dan pilih “Edit HTML”
b. Cari kode CSS untuk background dengan cara menekan Ctrl+F dan ketikkan “background-color” pada kolom pencarian.
c. Ganti kode CSS-nya dengan kode CSS yang baru. Misalnya:
body
background-color: #f9f9f9;
d. Simpan perubahan dengan menekan tombol “Save”
2. Menambahkan Widget Instagram
Widget Instagram bisa menambahkan kesan eksklusif dan premium pada tampilan template Emporio. Untuk menambahkan widget Instagram, bisa dilakukan dengan cara sebagai berikut:
a. Masuk ke menu “Layout” dan pilih “Add a Gadget” pada bagian mana saja yang diinginkan di template.
b. Pilih “HTML/JavaScript” pada kotak pop-up.
c. Masukkan kode HTML untuk widget Instagram. Kode HTML untuk widget Instagram bisa diatur di https://lightwidget.com/.
d. Simpan perubahan dengan menekan tombol “Save”.
3. Menambahkan Kustomisasi Kolom Sidebar
Kolom sidebar pada template Emporio biasanya hanya memiliki satu kolom. Untuk menambahkan kustomisasi pada kolom sidebar, bisa dilakukan dengan cara sebagai berikut:
a. Masuk ke menu “Theme” dan pilih “Customize”.
b. Pilih “Layout” dan pilih “Add a Gadget” pada bagian mana saja yang diinginkan di template.
c. Pilih gadget yang ingin ditambahkan pada kolom sidebar, seperti “Popular Posts” atau “Recent Comments”.
d. Setelah memilih gadget, atur tampilan gadget pada kolom sidebar agar sesuai dengan kebutuhan blog.
e. Simpan perubahan dengan menekan tombol “Save”.
Cara Merombak Tampilan Awal Kolom Komentar untuk Template Terbaru
Salah satu hal yang seringkali menjadi perhatian blogger adalah tampilan kolom komentar pada template mereka. Kolom komentar yang terlihat kuno dan membosankan berpotensi membuat pembaca malas untuk meninggalkan komentar. Oleh karena itu, merombak tampilan awal kolom komentar menjadi hal yang penting.
Berikut adalah beberapa hal yang perlu dilakukan dalam merombak tampilan awal kolom komentar pada template terbaru:
1. Mengubah Tampilan Kolom Komentar
Pertama-tama, untuk merombak tampilan awal kolom komentar pada template terbaru, dapat mengubah tampilan kolom komentar menjadi lebih menarik. Pilih desain dan warna yang cocok dan sesuai dengan tema blog untuk memberikan kesan yang profesional dan menarik. Cara mengubah tampilan kolom komentar pada template terbaru adalah:
a. Masuk ke menu “Theme” dan pilih “Customize”.
b. Pilih “Advanced” dan pilih “Add CSS”.
c. Masukkan kode CSS untuk mengubah tampilan kolom komentar.
.comment-form-title
padding: 10px;
margin-bottom: 12px;
background-color: #f5f5f5;
border: 1px solid #ddd;
border-radius: 2px;
font-size: 16px;
font-weight: bold;
d. Simpan perubahan dengan menekan tombol “Save”.
2. Menambahkan Profil Google+ dan Facebook
Menambahkan profil Google+ dan Facebook pada kolom komentar dapat meningkatkan interaksi dan share yang dilakukan oleh para pembaca dan pengunjung blog. Ada beberapa cara yang dapat dilakukan untuk menambahkan profil Google+ dan Facebook pada kolom komentar, diantaranya:
a. Menggunakan plugin Disqus, yang memungkinkan para pembaca untuk mengomentari postingan menggunakan media sosial mereka. Untuk menggunakan plugin Disqus, blogger perlu membuat akun dan mengintegrasikannya dengan akun media sosial mereka.
b. Menggunakan plugin Facebook Comment, yang memungkinkan para pembaca untuk mengomentari postingan menggunakan akun Facebook mereka. Untuk menggunakan plugin Facebook Comment, blogger perlu membuat halaman Facebook khusus untuk blog mereka.
Cara Merombak Tampilan dan Meningkatkan Performa Template Blogger
Selain merombak tampilan template pada Blogger, meningkatkan performa template juga penting untuk meningkatkan interaksi pengguna pada blog. Performa template atau kecepatan loading blog juga penting untuk mempertahankan pengunjung di blog. Beberapa hal yang perlu diperhatikan dalam meningkatkan performa template Blogger adalah:
1. Mempercepat Loading Blog
Mempercepat loading blog merupakan salah satu faktor penting yang harus diperhatikan karena pengunjung akan meninggalkan blog jika loading-nya lambat. Beberapa cara untuk mempercepat loading blog adalah:
a. Menggunakan plugin caching untuk menyiapkan halaman statis blog di server hosting.
b. Menggunakan gambar dengan ukuran yang tidak terlalu besar agar mempercepat loading blog.
c. Mengompresi file CSS dan Javascript pada blog.
2. Mengoptimalkan Mobile-Friendly Template
Secara global, mengoptimalkan mobile-friendly template sangat penting karena jumlah pengunjung yang mengakses blog melalui perangkat mobile saat ini sangat tinggi. Beberapa hal yang harus diperhatikan dalam mengoptimalkan mobile-friendly template adalah:
a. Memastikan konten terlihat proporsional pada layar perangkat mobile.
b. Mengaktifkan fitur responsif pada template yang digunakan.
c. Memuat konten pada halaman blog secara bertahap untuk mempercepat loading pada perangkat mobile.
FAQ
1. Apakah saya dapat merombak tampilan template pada Blogger jika tidak memiliki keahlian khusus dalam desain grafis?
Jawaban: Ya, Anda dapat merombak tampilan template pada Blogger tanpa harus memiliki keahlian khusus dalam desain grafis. Ada banyak tutorial dan referensi yang tersedia di internet yang dapat membantu Anda merombak tampilan template dengan mudah dan cepat.
2. Bagaimana cara menambahkan video YouTube pada postingan blog di Blogger?
Jawaban: Untuk menambahkan video YouTube pada postingan blog di Blogger, Anda perlu melakukan beberapa langkah sebagai berikut:
a. Buka video yang ingin Anda tambahkan di YouTube dan klik tombol “Share”.
b. Salin URL video yang muncul pada kotak pop-up.
c. Masuk ke menu “Post” dan pilih “New Post”.
d. Klik tombol “Insert Video” pada editor postingan.
e. Tempelkan URL video YouTube yang sudah disalin pada kotak dialog yang muncul.
f. Simpan perubahan dengan menekan tombol “Save”.
