Cara Mengganti Template Blog - Mengubah Tampilan Blogger
February 11, 2014
PANDUAN cara mengganti template blog (mengubah tampilan blog blogger) ini tentu untuk blogger baru yang belum tahu cara mengubah tampilan blog, memasang template (tema/themes) blog baru, atau cara instal file template ke blognya.
Namun, blogger lama juga bisa "mengintip"-nya, siapa tahu ada "hal baru" dalam tutorial dasar blogging ini.
Update! Klik Cara Ganti Template Blog Terbaru
Alasan Ganti Template
Mengganti template harus dilakukan jika blog Anda selama ini sepi pengunjung. Ubah tampilan blognya dengan template yang lebih SEO Friendly (ramah mesin pencari) dan User Friendly (ramah pengguna).Template Blog SEO Friendly akan membuat mesin pencari mudah mengindeks konten blog Anda. Blog user friendly akan membuat pengunjung betah dan berlama-lama membuka isi blog Anda.
UPDATE!
Mengganti template atau memasang file template kini lebih mudah. Semua kode dari blog demo (jika file templatenya didownload dari blog demo) akan terpasang otomatis di blog yang dipasangi template baru.
Cara Terbaru Mengganti Template agar sesuai dengan blog demo:
1. Hapus SEMUA widget yang ada
2. Tema > Edit HTML > Hapus SEMUA kode yang ada
3. Buka file template dengan Notepad
4. Copas ke template yang sudah kosong
5. Save!
Cara Mengganti Template Blog
Panduan mengganti tampilan blog ada di Bantuan Blogger sebagaimana gambar berikut ini:Cara Mengganti Template Blog: Jalur Cepat!
Berikut ini panduan cepat mengganti template blog --bagi Anda yang terburu-buru ingin tahu cara mengubah tampilan blog dengan desain template yang baru. Perhatikan gambar berikut ini:
Langkah Cara Mengganti Template Blog dalam gambar di atas:
- Klik "Template"
- Klik "Backup/Restore" atau "Cadangkan/Pulihkan"
- Klik "Choose File" untuk mengambil file template blog (ekstensi .xml)
- Klik "Upload"
- Tunggu proses selesai. Jika ada error, ulangi lagi! Jangan menyerah... :)
- Berdoa..... Selesai!
- Lanjutkan dengan klik icon "gear" dan pilih "No. Show desktop..." untuk menonaktifkan template mobile bawaan blogger --jika Anda menggunakan Template Blog Responsive alias Mobile-Friendly Blogger Templates.
Cara Mengganti Template Blog plus Dasar SEO Blogger
SIAPKAN DULU TEMPLATENYA!Yang dimaksud mengganti template blog di sini bukan ganti template dengan yang disediakan blogspot atau template bawaan blogger, tapi menggantinya dengan template hasil download, misalnya hasil download dari:
1. Download Templatenya!
Pilih template yang clean, fast loading, dan SEO Friendly. Baca review templatenya (jika ada).
Pilih template yang clean, fast loading, dan SEO Friendly. Baca review templatenya (jika ada).
Sebelum download dan ganti template, Anda bisa Test ke-SEO-an demo templatnya di Chkme. Test loadingnya di GTMetrix.
2. Simpan file ekstensi xml.
Jika hasil download berupa file ZIP atau RAR, ekstrak file tersebut. Caranya:
- Klik kanan > Exctract to [nama file]) sehingga menjadi file ekstensi XML.
- Jika menjadi lebih dari satu file, "amankan" yang berekstensi XML.
- File lain biasanya berupa "readme" atau panduan instalasi dan link.
Cara Mengganti Template Blog
1. Login ke Blogger. Ketik www.blogger.com di address bar browser Anda.2. Klik menu Template / Tampilan di kiri bawah Dashborad Blog.
3. Klik menu Backup/Restore (Cadangkan/Pulihkan) di kanan atas Dashboard Blog.
4. Backup Template lama Anda (optional) dengan klik "Download Full Template".
5. Klik Choose File / Pilih File.
6. Anda akan dibawa menuju folder di komputer untuk menemukan file template blog. Klik file ekstensi XML yang sudah didownload/diekstrak, lalu klik "Open".
7. Klik Upload (Unggah).
8. Tunggu hingga selesai..... dan Beres! Selamat, tampilan blog Anda sudah berubah!
Video Cara Ganti Template Blog
Mengganti Template Blog: Tahap Lanjutan
Mengganti template belum benar-benar selesai setelah langkah ke-7 tadi. Masih ada beberapa hal yang mesti diperhatikan, di antaranya:
1. Cara Mengganti Favicon
Favorit icon. Gambar kecil yang muncul di samping blog. Siapkan gambar ukuran sama lebar-sama panjang, misalnya 100x100 pixel. Kita bisa membuat gambar favicon di Favicon Generator.
Klik Layout > Edit Favicon > Upload!
2. Cara Mengganti Logo.
Favorit icon. Gambar kecil yang muncul di samping blog. Siapkan gambar ukuran sama lebar-sama panjang, misalnya 100x100 pixel. Kita bisa membuat gambar favicon di Favicon Generator.
Klik Layout > Edit Favicon > Upload!
2. Cara Mengganti Logo.
Ini jika di template baru Anda ada logo gambar. Ganti dengan logo versi Anda:
- Klik Layout > Edit Header
- Choose File > Klik file Logo Gambar Header yang sudah disiapkan!
- Centang "Instead of title and description"
- Save!
Catatan:
- Klik "Instead of title and description" sebelum klik "Save" !
- Kadang-kadang ada template yang logonya di dalam (kode HTML). Cari file tersebut di dalam template (Template > Edit HTML) dan ganti dengan URL logo Anda.
- Klik Layout > Edit Header
- Choose File > Klik file Logo Gambar Header yang sudah disiapkan!
- Centang "Instead of title and description"
- Save!
Catatan:
- Klik "Instead of title and description" sebelum klik "Save" !
- Kadang-kadang ada template yang logonya di dalam (kode HTML). Cari file tersebut di dalam template (Template > Edit HTML) dan ganti dengan URL logo Anda.
2. Cara Mengganti Menu.
Ganti nama-nama menu dan link-nya dengan menu yang Anda inginkan. Caranya:
- Klik Template > Edit HTML > cari menu tersebut (CTRL+F) dan Ganti/Ubah.
- Kadang-kadang ada template yang menu HOME-nya menggunakan link desainer template.
- Cek menu dan link home di dalam template. Jika linknya seperti ini, <a href='/'>HOME</a>, tidak usah diubah, sudah benar. Jika tidak begitu, ganti menjadi begitu.
Anda bisa mengganti warna huruf dan warna lainnya dengan mengganti kode warna yang ada. Lihat Kode Warna HTML.
2. Cek link RSS Feed/Subscribe.
Apakah masih kosong atau menggunakan FeedBurner ID yang lain. Ganti dengan FeedBurner ID Anda!
3. Cek juga link SEARCH (jika ada).
Arahkan link searchnya ke blog Anda (jika ada nama blog lain, ganti dengan nama blog Anda).
Misalnya, ada kode begini:
<form id="searchform" action="http://contohblognih.blogspot.com/search".../>
maka ganti dengan nama blog Anda.
4. Cek Link Copyright!
Yaitu link footer bagian "Copyright (c) Tahun NAMA BLOG. All right reserved", apakah sudah mengarah ke nama blog Anda atau ke nama blog lain.
Jika yang muncul nama blog lain, misalnya nama template, ganti dengan nama blog Anda. Umumnya sih sudah mengarah ke nama blog Anda. Tapi ada juga yang menggunakan nama template.
SEO DASAR: Setting Meta Tags
Pastikan meta tags diisi untuk mengenalkan blog Anda kepada mesin pencari. Perhatikan gambar berikut ini:
MASALAH:
Apakah Ganti Template Mempengaruhi Trafik?
Jawabannya, ya, mengganti template akan mempengaruhi trafik atau jumlah pengunjung, dengan catatan:
Info Selengkapnya: Pengaruh Ganti Template
Baca Juga: Jenis-Jenis Template Blog
Demikian Cara Mengganti Template Blog - Mengubah Tampilan Blog Anda menjadi lebih SEO Friendly dan keren. Good Luck and Happy Blogging...! (http://www.contohblog.com).*
SEO DASAR: Setting Meta Tags
Pastikan meta tags diisi untuk mengenalkan blog Anda kepada mesin pencari. Perhatikan gambar berikut ini:
AKHIRUL KALAM
Masih banyak langkah lain untuk mempercantik tampilan blog. Jika ngerasa "ribet" dengan subjudul "Tahap Lanjutan", maka pilih saja template blog yang sudah disediakan CB Blogger. Dijamin, aman dan SEO friendly.MASALAH:
Apakah Ganti Template Mempengaruhi Trafik?
Jawabannya, ya, mengganti template akan mempengaruhi trafik atau jumlah pengunjung, dengan catatan:
- Trafik menurun jika Anda menggantinya dengan template yang tidak seo friendly dan mengganti meta tags.
- Trafik akan naik dramatis jika Anda menggantinya dengan template blogger seo friendly dan tetap mempertahankan meta tags atau mengubahkna ke meta tags yang lebih seo killer.
Info Selengkapnya: Pengaruh Ganti Template
Baca Juga: Jenis-Jenis Template Blog
Demikian Cara Mengganti Template Blog - Mengubah Tampilan Blog Anda menjadi lebih SEO Friendly dan keren. Good Luck and Happy Blogging...! (http://www.contohblog.com).*
Previous
« Prev Post
« Prev Post
Next
Next Post »
Next Post »
template > edit HTML > cari kode "font-family", di sana ganti jenis hurufnya
ReplyDeletePages (Halaman) > New Page (Halaman Baru) > isi judul dengan "Contact Us" dan isinya silakan isi dengan alamat email dll...
ReplyDeleteMau nambahin mas. Usahakan untuk membuat nama judul dulu, baru isi artikel tersebut. Untuk menghindari link halaman statis yang kacau.
ReplyDeleteTerima kasih tutorialnya....
ReplyDeleteGan mau nanya, kok semua postingan aku gak ada setelah templatenya terganti. Help
ReplyDeleteterimakasih infonya,,
ReplyDeletesangat menarik dan bermanfaat,,
mantap
terimkasih gan untuk tipsnya
ReplyDeleteBro, aku udah kopi template-nya trus udah kuterapkan, tapi...aku nggak bisa ngubah menu barnya. Kalau pun misalnya menu barnya sudah kuganti sesuai keinginanku misal home ttp home, desain jadi ekologi, dan postinganku labelnya udah kukasih ekologi, kok menu bar ekologinya nggak bisa diklik ya (atau mengarahkan ke postingan yang berlebel ekologi tersebut)??*paham bahasaku nggak ya
ReplyDeletepaham banget dan ini solusinya:
Deletehttp://contohblognih.blogspot.com/2015/08/cara-membuat-menu-about-sitemap-blogger.html
Gimana cara masukin harga nya kk?
ReplyDeletewah tp gak bisa balik lagi ke templet lama ya ....gmn caranya
ReplyDeletesalam kenal, terima kasih info nya mantep :)
ReplyDeletetanks broooo..... mantap dah...
ReplyDeletemakasih gan sangat membantu buat saya yang lagi belajar,mohon ijin nya
ReplyDeleteijin apaan ? :)
DeleteBiasanya bagi yg tidak bs teruarai XML-nya karena berubah kodenya...atau salah uploadnya. kalo filenya msh dlm ZIP atau rar jelas gak bs....uraikan dulu lantas ambil yg file XML.....
ReplyDeleteMakasih banyak atas template2 yang sangat menarik dan bermurah hati telah membagikannya kepada pecinta blogger.
ReplyDeleteSayang sekali aq belum temukan blogger template yang telah dimodifikasi menjadi template untuk:
1. HOTEL ONLINE BOOKING SYSTEM dengan Checkout Gateway yang tersedia (sekurang-kurangnya Bank Wire Transfer dan PayPal). Apalagi kalau ikut dalam template reservasi room, tanggal check-in dan checkout, search availability, jumlah guest (adult and children), dll.
Minta tolong dunk kalau boleh ada template untuk Hotel(Guest house) online booking! Terima kash duluan atas kebaikan hatinya
2. BOOK STORE tempate (kalau bisa tersedia kedua pilihan untuk pengiriman hardcopy dan e-book (pdf format download) sekalian dengan payment gateway: PayPal dan Bank Wire Transfer, dll.
3. RESTAURANT template dengan Checkout Gateway yang tersedia
Sangat berterima kasih bila dapat juga template untuk restaurant
Izin nyimak gan. mantap tutorialnya
ReplyDeleteCb,,emang langganan ane,,kl lg nyari panduan blog,,,,great info
ReplyDeleteseperti ane kemaren. .
ReplyDeleteane coba tuh saran CB yang buat ngatasin render block (javascript). .
pas ane tes "kok ga bisa bisa ya" , selalu ada notif kesalahan mengurai . .
akhhirnya, ane perhatiin dah tuh seabrek-abrek kodenya.
Eh tau-taunya, itu kesalahan render terjadi karena alamat gambar dibawahnya salah, jadi si bapak google ga bisa ngerender gambarnya. . hehehe, makasih CB buat segala tips blognya. .
Oh iya, gimana sih cara nampilin widget share sosmed di bawah postingan artikel?
gan punya saya itu ada tulisan "lorem ipsum" cara ganti tulisan itu gimana yak? ane gak ngerti. newbie
ReplyDeleteTernyata mudah ya. Mau coba dulu, semoga bisa
ReplyDeletemr. tolong buat artikel tentang cara memasukkan artikel/postingan ke sub menu ya... punyaku gagal terus ni...
ReplyDeletethangks gan infonya
ReplyDeletetutorial yang mudah untuk di pahami
ReplyDeletetks ilmmunya sangat bermanfaat
ReplyDeletemantap broo
ReplyDeleteterimakasih infonya.
ReplyDeleteterima kasih...
ReplyDeleteSEUMULA
Ubah link menunya. Linknya ambil dari link Label (klik kanan label dan copy link adress)
ReplyDeleteGan bagaimana cara mengatasi setingan menu edit html yang hurupnya tiba-tiba berubah kecil... saya jadi kesulitan untuk mendesain template, karena hurupnya kecil tidak kelihatan..
ReplyDeletekak mau tanya , plis tolong jawab , kan kita udah nerapin templatenya , di templatenya tu ada pages about me ,contact , itu nggak bisa diklik ataupun dibuka , nah caranya agar bisa di isi pagesnya gimana yah kajk ?
ReplyDeleteSilakan buka link ini:
Deletehttp://www.contohblog.com/2015/08/cara-membuat-menu-about-sitemap-blogger.html
wah trimakasih
ReplyDeletegan CB aku kasih pertanyaan nih ya, template A dan template B sama-sama seo responsive bla-bla-bla, nah yang jadi pertanyaan saya yang A bisa mantep di SE dan mampu menarik visitor sedangkan B kurang, padahal fast seo responsive keduanya, apa sih bedanya? saya lebih mementingkan tampilan agar enak dilihat oleh visitor soalnya. ya itu dia saya lebih pilih si B. gak pake macem-widget cuman populat post, recent post, dan random post template rapi pokoknya, tapi agak jelek menurut saya di SE, kenapa ya?
ReplyDeleteSudah dibahas di sini:
Deletehttp://www.contohblog.com/2015/10/3-penentu-utama-peringkat-blog-di-google.html
makasih gan atas informasinya,..
ReplyDeletehouse
anek uteun
Mas CB,kalau mau bikin silde di header, gimana caraanya mas?
ReplyDeleteKeren gan. Terimakasih info edit template-nya.
ReplyDeletedicoba dulu..thanks info nya gan
ReplyDeletethanks gan
ReplyDeletebagus panduannya detail.
ReplyDeleteijin sedot yaa..
makasih.
good article gan,,, thanks tutorialnya!
ReplyDeletegimana ya cara nya mengatasi favicon yg kadang² gk muncul...
ReplyDeleteMakasih mas, sangat bermanfaat sekali artikelnya. Kunjungi juga Ternak Lovebird
ReplyDeleteKAK IJIN SHARE ? BUAT TUGAS SEKOLAH ?
ReplyDeletemin mau tanya.template sudah saya unduh tapi dari template yg saya unduh itu ada kolom penulis tapi penulisnya itu penulis template yg saya unduh itu.gimana ya cara mengganti penulisnya menjadi saya???. mohon bantuannya min. trims
ReplyDeletekak tanya kan say baru bikin blog dan saya pakai tamplate saya edit di HTML kayak ganti nama-nama di bar menu tak simpan tapi gak ad perubahan apa apa di blog setelah saya refresh gimana yah kak ?
ReplyDeletemantapp mas gann
ReplyDeleteberhasill dah ane
nice tutorial internet gratis
gan saya udah download tema dari blog ini, tetapi halaman first page sama second page dan seterusnya berbeda bentuknya. di first page tampilannya sepertinya kacau. tetapi di page berikutnya normal2 saja. please help gan. udah saya kutak katik masih juga gak bisa.
ReplyDeleteMakasih bang untuk tutornya, salam kenal ane blogger dari gorontalo
ReplyDeleteCoba dulu gan. Hehehe
ReplyDeleteudah saya ganti. tapi kok semua artikel di halaman ga muncul ya?
ReplyDeletemuchfauzi.com
bagus gan,untuk seorang blogger pemula artikel ini sangat membantu
ReplyDeleteKeren makin banyak yang share informasi penting tentang blogger, jadi para bloger yang baru mulai sangat terbatu
ReplyDeletegan, gmna klw mau back up data blog,misal postingan, ntar semua postingan hilang klw udah ganti templete, mohon bantuanny agan
ReplyDelete1. Ganti template tidak akan menghilangkan postingan, postingan aman, takkan hilang.
Delete2. kalo mau back up: Klik Setting > Other > Back ip Content
makasih inphonya om,, ditunggu kunjungan baliknya,,,
ReplyDeleteTips Agar Diterima Google Adsense
Cara Meningkatkan Traffic atau Pengunjung Blog
Numpang comment yaaa :)
ReplyDeleteBaru belajar ngeblog, kalo sempet boleh ngunjungi blog saya ya.
Izin
ReplyDeletePengaruhnya sangat besar sekali saat perubahan template, traffik menurun drastis. Mas bro adakah meta tag yang seo friendly? Bagi dong
ReplyDeletePada dasarnya ganti template tidak berpengaruh pada trafik. Jika template lebih baik, trafik akan naik. Jika template baru lebih buruk, akan turun. Begitu rumusnya.
DeleteTV Online
ReplyDeleteIjin sedot dulu, manfaat banget nih. makasih ya gan
Tv Bola
ReplyDeleteBagus banget mas, ijin sedot templatenya
makasih infonya sangat berguna salam kami
ReplyDeletestreaming bola
Waw mantep nih blog, komennya banyak bingit ngit
ReplyDeleteminta template nya ini dong buat dipake blog saya
ReplyDeletesangat bermanfaat banget gan artikelnya, bila berkenan silahkan mampir di blog ane ya gan https://kubayar.blogspot.com/
ReplyDeletebagus bener euy, mau praktekit lahh
ReplyDeletejangan lupa mampir diwebsite streaming bola gratis ane gan
https://yukstreaming.com
Terima kasih banyak atas informasinya, hal hal tersebut memang sudah seharusnya kita perhatikan ketika akan mengganti tema di blog, nice article gan! untuk menambah wawasan kunjungi juga Hal-Hal Yang Harus Diperhatikan Ketika Mengganti Template Blog
ReplyDeletebagai mana jika kita mnapilkan di blog dengan jumlah yang banyak, bermasalah ga azwavivo
ReplyDeleteterimakasih atas informasinya,
ReplyDeletesalam nature tourism
kira kira jasa pembuatan website Jakarta yang bagus dimana ya min?
ReplyDeleteDi link yang Anda sertakan itu lho :)
DeleteMakasih infonya ya
ReplyDelete