0 Mengedit Template Blogger Secara Offline Bagian 3

Tidak terasa tutorial mengedit template blog secara offlinesudah 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...

Semoga Bermanfaat...

0 Mengedit Template Blogger Secara Offline Bagian 2

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.

0 Mengedit Template Blogger Secara Offline Bagian 1

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.

0 Struktur Dasar Template Blogger

Mumpung dalam keadaan free, saya meluangkan waktu untuk menulis post ini. okelah... ada yang tanya lewat FB nich, lagi2... orangnya ga mau disebut namanya =)), seperti ini nich.. pertanyaannya :-bd

Gan,
saya mau belajar cara membuat template nich, kira2... apa saja yang harus ada pada template blogger?

sebenarnya, struktur dasar template blogger hampir sama dengan struktur dasar HTML. hanya saja, ada beberapa tag khusus yang harus dimasukkan. oke... langsung saja...

<?xml version="1.0" encoding="UTF-8" ?>

    <!DOCTYPE html>

    <html >

    <head>

    <b:include data='blog' name='all-head-content'/>

    <title><data:blog.title/></title>

    <b:skin><![CDATA[
    /* Masukkan CSSmu disini */

    ]]></b:skin>

    </head>

    <body>

    <b:section class='header' id='header' maxwidgets='1' showaddelemenet='no'>

    <b:widget id='Header1' locked='true' title='titl blog (Header)' type='Header'/>

    </b:section>

    <b:section class='main' id='main'>

    <b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'/>

    </b:section>

    </body>

    </html>

 simple banget kan?
sebenarnya sich, enggak ada yang sulit...

hehehe... jika ada yang salah dalam penulisan post ini, silahkan tinggalkan komentar dibawah ya :D
itulah Struktur Dasar Template Blogger

**Sumber : http://platorial.blogspot.com/2012/11/base-structure-blogger-template.html