Persiapan lanjutan belajar membuat template blogspot

Langsung saja tanpa bertele-tele atau membicarakan facebook haram (hehe, ngasih link bos agar kuat dihalaman pertama SERP), ini contoh bagi pemula yang belum tahu salah satu cara menguatkan blog di SERP dengan keyword yang memiliki tingkat persaingan tinggi, bisa anda terapkan pada blog anda dalam kontes SEO belajar SEO para pemula. Langsung saja kita menuju acara inti dari pertemuan kali ini.


Saya anggap anda telah melakukan persiapan seperti yang ada di artikel Persiapan awal belajar membuat template blogspot/blogger. Sekarang mumpung anda sedang online, silahkan buka blog anda sendiri dan save as (Ctrl+S) halaman blog andai (sebaiknya yang menggunakan template sederhana, kalau perlu buat blog baru untuk praktek), pastikan saat melakukan save as ini setingan content (isi) pada browser full, gunakan mozilla firefox, jangan IE karena kadang hasilnya berbeda. Perhatikan gambar setingan dibawah ini (firefox):
Kebetulan saya menggunakan firefox bahasa Indonesia, jika firefox anda bahasa Inggris anda bisa sesuaikan.
Yang perlu anda save as adalah homepage (halaman utama blog), Halaman singgle, halaman artikel, dan halaman archive (pada blogspot search). Bingung? Buka blog anda dihalaman muka, kemudian simpan dengan nama Homepage, setelah itu buka salah satu artikel anda simpan juga dengan nama Singgle, kemudian silahkan klik pada salah satu kategori (label) dan simpan juga dengan nama Search.
Ini perlu dilakukan karena tampilan blog berbeda untuk masing-masing halaman diatas. Selain itu silahkan anda simpan juga template anda (file XML) dari dashboard blogger Edit HTML. Kalau sudah buka template anda dengan notepad ++ tadi dan perhatikan area antara kode (CSS). Dan perhatikan setiap kode yang mengandung alamat image, seperti kode-kode dibawah ini: (bisa berbeda, hanya perlu diperhatikan URL gambar/image)
background: #cccccc url(http://ateon.fs.googlepages.com/diagonal.gif);
background-image: url(http://ateon.fs.googlepages.com/diagonal.gif);
Pokoknya ada URL gambar itu saja dulu yang perlu diperhatikan (warna orange), copy URL tadi dan paste di browser kemudian simpan (save as) image tersebut kemudian letakkan semua dalam folder Image (buat folder sendiri untuk mengumpulkan) Simpan semua image yang ada di CSS, karena tiap template berbeda image yang digunakan. Semua harus disimpan (didownload) semua.
Buat folder baru di komputer anda misal di drive D:\Praktek_Template\ dan letakkan semua hasil save as tadi didalam folder tersebut sehingga didalam folder Praktek_Template akan terdiri dari file dan folder yang akan tampak seperti dibawah ini:

Sampai sini dulu disambung pada tutorial selanjutnya untuk proses selanjutnya. Karena setelah proses ini maka anda akan bekerja offline untuk menghemat biaya koneksi internet.
Sebaiknya kita samakan nama folder nama file HTML hasil save as dengan petunjuk diatas (yang dicetak tebal) agar saat mengikuti tutorial selanjutnya menjadi sama kodenya.