Mengganti Template Blog: Mengedit XML sebelum Diupload

Blogger pemula sering membuat kesalahan saat menginstall template baru. Di benaknya berpikir, kok beda dengan tampilan yang ada di demo. Dan parahnya, blog tidak terindex di google.

Bagaimana cara mengganti template blogspot dengan benar?. Sebelum menggantinya, ada baiknya mengedit dulu file XML di template baru, agar tidak terjadi kesalahan umum, baik dari segi SEO maupun tampilannya.

Persiapan Mengintall Template Baru
1. Siapkan template baru yang sudah didownload. Misal Baronsider Template, jika filenya berbentuk zip atau rar, ekstrak dulu.
2. Backup (cadangkan) template, antisipasi jika nanti tidak sesuai harapan.
3. Download dan install aplikasi Notepad++
4. Buka template yang sudah dibackup dengan notepad++. Buka juga template baru yang ingin digunakan. (ekstensi filenya xml)
5. Perhatikan kode-kode yang wajib diubah di template baru:

a. Meta tag verification
Biasanya terdiri dari validasi google, bing, dan alexa. Contoh

<meta content='ubah' name='google-site-verification'/>
<meta content='ubah' name='msvalidate.01'/>
<meta content='ubah' name='alexaVerifyID'/>

b. Description Keyword
Ubah deskripsi dan keyword blog di met tag, misal

<meta content='deskripsi blogmu' name='description'/> </b:if>
<meta content='kata kunci blogmu' name='keywords'/>

c. Social meta tag
Ubah nama atau id sosial di meta, biasanya seperti ini

<meta content='id aplikasi' property='fb:app_id'/>
<meta content='admin id apliklasi' property='fb:admins'/>
<meta content='@akun twittermu' name='twitter:site'/>
<meta content='@akun twittermu' name='twitter:creator'/>
<link href='https://plus.google.com/id google+/posts' rel='publisher'/>
<link href='https://plus.google.com/id google+/about' rel='author'/>
<link href='https://plus.google.com/id google+' rel='me'/>

6. Kode lain yang perlu diubah (jika ada):
a. Social Account
Ubah link akun-akun sosial dengan punyamu, seperti facebook, twitter, google+, youtube, pinterest, dll.

b. Subscribe button
Pada html tombol subscribe (berlangganan), ubah uri nya. Lihat uri blogmu di feedburner

http://feedburner.google.com/fb/a/mailverify?uri=ganti
<input name='uri' type='hidden' value='ganti'/>

c. Script /feeds/posts/default
Biasanya digunakan untuk artikel terkait (related posts), artikel terbaru (recent posts), dan halaman sitemap (daftar isi). Jika ada url blog di depan kode script tersebut, ganti dengan url blogmu.

http://optimal-blogger.blogspot.com/feeds/posts/default

7. Jika anda ingin mempertahankan elemen Widget HTML tertentu, lihat kodenya di template cadangan. Misal, HTML11 lalu copas kodenya ke template baru (di bawah sidebar).

8. Menu navigasi
a. Ganti url dari nama setiap menu, tanpa link blog beranda, misal

<li><a href='/p/contact-me.html'>Contact</a></li>

b. Jika ingin menambahkan menu baru, wajib untuk mengubah desain responsive (@media screen). Kalau tidak, nanti tampilannya di device dengan lebar tertentu akan jelek banget.

9. Jika tidak mengetahui konsep dasar css dan html, jangan coba-coba mengeditnya.
10. Simpan template barunya.

Mengganti Template Blog Baru
1. Metode I (Upload Template)
Pada menu Template > Cadangkan/Pulihan, lihat bagian Unggah template dari file di hard drive Anda. Pilih (browse) template baru yang sudah didownload, lalu klik Unggah/Upload.

2. Metode II (Copas Kode XML)
Pada menu Template > Edit HTML, hapus semua kode template (ctrl+a, lalu hapus). Buka template baru di notepad++, salin semua kode (ctrl+a, lalu ctrl+c). Kemudian tempel/paste di Edit HTML tadi (ctrl+v). Kemudian Simpan Template.

Demikian dan semoga bermanfaat, mungkin anda bisa menambahkan dengan meninggalkan komentar.