template bloger offline

Anda pasti hobi otak-atik template kan??? Untuk mengedit template Blogger, harus dengan cara online. Mungkin Anda sudah bisa mengedit template blogger secara offline dengan software Artisteer. Tapi di sini kita tidak membicarakan program tersebut yaaa...



Di sini kita menggunakan Add-On Firefox yang bernama Web Developer. Web developer merupakan Add-On yang digunakan untuk pembuatan website. Memiliki tools yang lengkap untuk mempermudah kita dalam proses pembuatan website. Dalam hal ini, Add-on tersebut kita gunakan untuk mengedit template Blogger.

Berikut cara pemasangannya, saya memakai Mozilla Firefox 3.6 Bahasa Indonesia

1. Buka Mozilla Firefox lalu pilih Alat > Pengaya


2. Ketikkan Web Developer pada kotak pencarian Add-Ons. Tunggu hingga Firefox menemukan hasil pencarian


3. Pilih Web Developer lalu klik tombol Pasang Ke Firefox


4. Klik Tombol Pasang Sekarang untuk memulai instalasi Add-Ons


5. Tunggu proses instalasi berjalan hingga selesai lalu Restart Firefox(tutup Firefox lalu buka kembali)

6. Jika instalasi berhasil, Toolbar Web Developer akan terpasang




Sekian dulu Kawan… Mengedit Template Blogger Secara Offline berlanjut ke bagian 2… Saya buat berseri karena untuk menghindari terlalu panjangnya postingan.

Mengedit Template Blogger Secara Offline Bagian 2
Regi_Adi

Melanjutkan artikel yang lalu, yaitu pemasangan Add-On Web Developer. Sebelum melanjutkan membaca, ada baiknya Anda baca dahulu Mengedit Template Blogger Secara Offline Bagian 1.

Mengedit template blog secara offline memang banyak keuntungannya. Yang pertama pastinya menghemat biaya koneksi internet, lalu praktis karena ngga usah klik tombol pratinjau berulang kali seperti secara online, dan masih banyak yang lainnya.

Dalam tutorial Mengedit Template Blogger Secara Offline Bagian 2, kita akan mengedit kode CSS blog. Berikut ini langkah-langkahnya

Langkah 1
Simpan HomePage blog Sobat dengan cara klik File > Save Page(masih dalam keadaan online)

Langkah 2
Matikan koneksi internet lalu buka HomePage blog Anda yang tadi sudah disimpan. Klik CSS pada Web Developer toolbar lalu pilih Edit CSS.


Muncul sebuah frame editor yang berisi kode CSS. Pilih tab Embedded Styles untuk melihat kode CSS dari blog Anda.



Catatan: Klik tombol Position untuk mengubah letak frame kode CSS sesuai keinginan Sobat.

Langkah 3
Edit kode CSS tersebut sesuka Anda, terserah Anda karena ini gratis...hehehehehehe...
O iya, Blog Anda akan langsung berubah mengikuti perubahan kode CSS yang sedang Anda edit.

Sekian dulu tutorial Mengedit Template Blogger Secara Offline. Tutorial akan berlanjut pada bagian 3.

Mengedit Template Blogger Secara Offline Bagian 3
Regi_Adi
Tidak terasa tutorial mengedit template blog secara offline sudah sampai pada bagian 3. Bagaimana menurut Anda?? Bosan atau justru masih setia mengikuti dari bagian 1?? Saya harap Anda tidak bosan...hehehehehe...




Sebelum melanjutkan membaca, silakan baca dahulu

Mengedit Template Blogger Secara Offline Bagian 1
Mengedit Template Blogger Secara Offline Bagian 2

Pada tutorial kali ini kita akan membahas bagaimana cara menyimpan kode CSS hasil editan kita supaya bisa dilanjutkan di lain waktu.

Langsung saja kalau begitu. Berikut ini langkah-langkahnya

Langkah 1
Setelah selesai mengedit template, klik tombol Save lalu simpan dengan nama yang sudah ada (File ini akan tersimpan dengan nama Embedded Styles.css). Setelah Anda menyimpan file CSS tersebut, mengedit template secara offline bisa Anda lanjutkan di lain waktu.

Langkah 2
Untuk melanjutkan edit template, buka Firefox lalu klik File > Open > lalu cari HomePage blog Sobat yang telah di Simpan pada tutorial bagian 2.

Langkah 3
Buka editor kode CSS. Pilih tab Embedded Styles lalu klik tombol Open . Cari file “Embedded Styles.css” yang telah di simpan pada langkah 1. Setelah itu Anda bisa melanjutkan edit template sesuai keinginan Anda...

Posted in: Tips