Header atau Judul Blog Terpotong dan Menu Navigasi Melorot setelah Ganti Template

Cara Mengatasi Header Blog yang Terpotong dan Menu Navigasi Melorot setelah Ganti Template. Banyak alasan yang membuat kita terkadang harus mengganti templet blog. Tapi tidak jarang juga pemasangan templet baru hasil download gratis, justru membuat tampilan blog kita menjadi berantakan
Tips kita kali ini akan membahas salah satu masalah yang sering muncul setelah mengganti templet blog. Yakni, tampilan header atau judul blogyang terpotong, dan/atau tempat menu navigasi horizontal yang bergeser (naik atau turun) dari posisi semula. Penampakannya kira-kira seperti ini: 

Gambar-1.

Gambar-2.

Gambar-3. 

Hilangnya atau terpotongnya sebagian judul atau sub-judul (deskripsi) blog seperti pada gambar-1 di atas, terjadi karena ukuran (besaran dan ketinggian) huruf atau font yang tidak sesuai.

Sementara tempat menu navigasi horizontal yang bergeser (naik atau melorot) bisa terjadi karena ukuran header atau judul blog dalam format gambar/logo yang tidak sesuai, sehingga mendorong menu navigasi blog menjadi turun ke bawah (gambar-2); Atau, juga bisa terjadi karena ukuran ketinggian header yang melebihi ketinggian kotak header yang ada (gambar-3). 

 Bagaimana cara mengatasinya?   

Langsung saja ikuti langkah-langkah mengedit atau menyesuaikan besaran huruf (font) dan besaran kotak header atau judul blog pada blogspot berikut ini: 

1. Masuk ke dashboard blog ----> pilih “Template” -----> Edit HTML
2. Aktifkan kotak pencarian cepat kode HTML dengan menekan Ctrl + F
3. Ketik #header pada kotak pencarian, lalu Enter untuk menemukan kode css header. (Perlu diingat, masing-masing templet mungkin menggunakan kode yang berbeda-beda. Jika tidak menemukan kode yang persis sama, cari kode yang mirip seperti di bawah ini).

   
   

   #header-area { background: url(http://3.bp.blogspot.com/-XGKaCyfrN_o/Udc16WkhOgI/AAAAAAAABmc/z8VcBM6I0Vk/s1600/now-nav.jpg) repeat-x scroll 0 0 transparent; height: 220px;}

   #header-place{background: url(http://1.bp.blogspot.com/-f9HfCLwOQdE/UdlyquuOJkI/AAAAAAAABn0/0veTtfNaMeM/s1600/hd-header.jpg) 0 0 no-repeat;height: 245px; width:960px; margin:-220px 0 0;}

   #header{margin-top:29px; border:0 solid $bordercolor; color:$pagetitlecolor; float:left;width:650px;overflow:hidden; }

   #header,#header a { color: #fff }

   #header a:hover {}

   #header-inner{margin:15px 5px 0px 378px;}

   #header h1 {font-weight:bold; color:#36271F; margin:0 5px 0; padding:8px 0px 0px 0px; font-family:cambria,georgia,times,times new roman,serif; text-shadow: 0px 0px 1px rgb(0, 0, 0); font-size:42px;line-height:36px; }

   #header h1 a,#header h1 a:visited{color:#36271F;text-decoration:none}

   #header h1 a:hover{}

   #header img {border:none;max-height:104px;padding-top:9px; width:260px}

   #header .description {padding-left:7px; color:#36271F; line-height:14px; height:20px; font-size:15px; padding-top:0px;margin-top:5px;

   font-family:Georgia,Cambria,Times,Times New Roman,serif; text-shadow: 0px 0px 1px rgb(0, 0, 0); }

   #header-rside{float:right;width:730px;margin-right:0px;padding-right:0px;overflow:hidden;}

   #header-rside .widget{float:right; margin-top:25px; margin-right:7px}

4. Perhatikan kode yang telah diberi warna (atau yang mirip dengan itu) dan lakukan perubahan sesuai dengan kebutuhan.   
   
   • Warna merah = tinggi dan lebar kotak header.
   • Warna biru = besaran dan tinggi huruf judul utama.
   • Warna kuning = tinggi dan besaran huruf sub-judul atau deskripsi.
5. Silahkan dirobah-robah sesuai keinginan.Perubahan juga bisa anda lakukan pada indikator header lainnya. Silahkan berkreasi sendiri! Tapi ingat, jangan klik “simpan”/ “save” sebelum anda benar-benar yakin hasilnya. (Gunakan pratinjau untuk melihat hasil sementara). 
6. Jika merasa semuanya sudah oke, dan tampilan templet yang berantakan sudah kembali normal, akhiri pengeditan dengan klik simpan templet. Sekarang lihat hasil akhirnya dalam blog anda. 

Cara Aman Utak-Atik dan Edit HTML Template Blog Bagi Pemula

Sama seperti saya, saya yakin banyak di antara teman-teman blogger yang tidak terlalu faham dengan bahasa pemprograman HTML. Dan sama seperti saya, karena merasa awam dan asing, seringkali kita menjadi takut untuk mencoba atau belajar mengutak-atik HTML blog. Padahal, takut belajar sudah pasti akan membuat kita selamanya tidak akan pernah bisa, dan selamanya pula kita akan menjadi awam tentang HTML.

Maaf, jika ada yang mengira tulisan ini akan membahas soal ilmu HTML. Sama sekali tidak! Sebab seperti saya katakan, saya juga awam dengan ‘benda’ satu ini. Tulisan ini hanya ingin berbagi, khususnya bagi sesama blogger pemula,bagaimana tips dan cara yang aman agar kita-kita yang awam ini tetap bisa dan berani belajar untuk mengutak-atik kode-kode HTML, khususnya kode HTML dalam template blog.

  

1. Selalu back-up template sebelum utak-atik HTML

Blogger telah menyediakan fasilitas untuk memback-up atau mencadangkan template blog, sebagai upaya berjaga-jaga kalau nanti dalam proses pengeditan HTML terjadi kesalahan berat yang membuat blog menjadi erorr atau berantakan. 

Caranya mudah! Anda tinggal masuk ke Dasboard blogger, klikTemplate (atau Rancangan/Layout), lanjutkan dengan klikCadangkan/Pulihkan, dan pilih Unduh Template Lengkap. Tunggu hingga proses download selesai, lalu akhiri dengan klik Tutup.

Setelah itu, silahkan mengedit template sepuasnya. Dan kapanpun Anda merasa ingin kembali ke kondisi awal template sebelum dibongkar-pasang, Anda tinggal mengambil kembali template yang sudah diunduh dari tempat penyimpanan file download di komputer Anda, dan pasangkan kembali ke blog seperti sedia kala. (Jika belum faham juga, silahkan baca : Cara Memback-up atau Mencadangkan Template Blog Sebelum Utak-Atik HTML).

2. Gunakan kotak “pencarian cepat” Ctrl + F

Template dibuat dengan serangkaian kode-kode HTML yang sangat banyak, panjang, dan rumit. Sehingga mencari kode-kode tertentu, atau mencari posisi penempatan kode-kode pada laman editing template, akan sangat sulit jika dilakukan secara manual.  Tapi jangan khawatir, blogger sudah menyediakan fasilitas “pencarian cepat” kode HTML dengan Ctrl + F. Dengan cara ini, kode apapun yang Anda cari di dalam templet akan bisa dilacak dan ditemukan dalam waktu cepat. (Bagi yang belum faham cara menggunakannya, 

3. Berdayakan “Pra-Tinjau” sebelum Save / Simpan Template

Otak-atik atau edit HTML seringkali merupakan upaya “coba-coba” yang seringkali juga salah (try and error). Karena itu, sebelum Save atau Simpan Template, selalu berdayakan fasilitas “Pra-Tinjau” atau “Preview” untuk melihat hasil sementara. Jika hasilnya oke, Alhamdulillah... akhiri dengan klikSimpan Template. Tapi jika hasilnya tidak oke, abaikan semua perubahan dengan menutup laman edit HTML tanpa Save. Artinya, semua perubahan yang anda lakukan sebelumnya akan hilang dan tidak tersimpan alias template kembali ke kondisi awal sebelum ada perubahan. 

Hanya saja memang perlu juga diketahui bahwa tidak semua hasil editing HTML akan bisa terlihat di layar Pra-Tinjau. Ada beberapa hal hasil editing HTML hanya bisa dilihat langsung di halaman blog setelah Save Template.

4. Tandai atau catat lokasi (nomor baris) tempat kode sebelum menambah atau menghilangkan kode tertentu.

Terserah caranya bagaimana. Yang penting, perlu ada petunjuk tempat atau lokasi dimana sebuah kode ditambah ataupun dihapus. Sehingga, pada saat nanti diperlukan – misalnya, untuk menghapus kembali kode yang sudah ditambahkan, ataupun sebaliknya memuat kembali kode yang sudah terlanjur dihapus --  maka Anda akan mudah menemukan kembali lokasi yang benar sesuai aslinya. 

5. Copy-kan lebih dulu kode yang akan ditambah maupun yang akan dihapus.

Ini terkait dengan point sebelumnya, yakni agar kita memiliki back-up kode jika nanti kita ingin mengembalikan kode yang sudah dihapus ataupun menghapus kode yang sudah ditambahkan. 

6. Batalkan Perubahan dengan Keluar Edit HTML Tanpa Save

Terkadang setelah melakukan banyak perubahan, menambah kode di sana-sinidan menghapus kode di sini-sana, ternyata hasilnya tidak work. Dari pada semakin jauh “tersesat” dan menguras energi untuk menghapus semua kode yang sudah ditambahkan atau memuat ulang kode yang sudah dihapus, lebih baik batalkan semua perubahan dengan cara keluar dari laman edit HTML tanpaSave. (Jika muncul konfirmasi blogger: Anda masih memiliki perubahan yang belum disimpan dan akan hilang, klik saja Oke).

Tapi ingat, cara ini hanya membatalkan perubahan yang belum di-Save. Untuk perubahan yang terlanjur disimpan, terpaksa Anda harus tangani satu per-satu (menghapus yang sudah ditambahkan, dan memuat ulang yang terlanjur dihapus). Atau... jika tidak ada sama sekali perubahan yang perlu dipertahankan, sekalian saja “Pulihkan” template ke kondisi awal seperti dijelaskan di poin-1. Sebab, membiarkan banyak tambahan kode HTML yang tidak berfungsi pada akhirnya hanya akan membuat template menjadi berat dan mempengaruhi loading blog.

7. Gunakan blog khusus untuk “kelinci” percobaan.

Jangan heran, mereka yang sudah master pun banyak yang membuat blog khusus untuk percobaan. Kenapa kita yang pemula tidak melakukannya? Toh, membuat blog khusus untuk percobaan juga tidak perlu bayar alias gratis sampai puas! Jadi, mumpung gratis, buat blog percobaan untuk “bengkel” HTML Anda, dan silahkan berkreasi sesukanya. Termasuk untuk ganti template, uji coba dulu di blog percobaan. Jika semua elemennya work, baru kemudian pasang di blog andalan.

Cara Mudah Mengatur Ulang Tampilan Gadget Flag Counter Setelah Mengganti Templet Blog.

Flag Counter adalah sebuah layanan unik dari situs www.flagcounter.com yang menampilkan dan mendokumentasikan jumlah pengunjung sebuah blog atau situs, lengkap dengan asal negara dan berbagai rincian informasi lainnya mengenai latar belakang visitors.  

Meski google sendiri sekarang sudah punya google analytis dengan rincian data pengunjung situs yang semakin lengkap dan akurat, tapi untuk ditampilkan di halaman blog atau situs, Flag Counter sejauh ini masih jauh lebih populer di kalangan blogger.

Gadget Flag Counter biasanya dipasang vertikal di sidebar. Masalahnya, lebar tampilan gadget ini tidak otomatis menyesuaikan saat kita mengganti templet baru dengan ukuran sidebar yang berbeda. Jadi, penampakannya terkadang tidak serasi dipandang mata.

Tapi, don’t worry... ini hanya masalah sederhana. Tampilan data visitors pada Flag Counter sudah dibuat per-kolom, dan kita tinggal menambah / mengurangi kolomnya sesuai dengan lebar sidebar pada templet blog kita.

1. Buka dashboard blog ----> Tata Letak 

2. Temukan gadget Flag Counter, klik edit

3. Cari tulisan columns_3, dan ganti angkanya sesuai dengan jumlah kolom 
    yang diinginkan.

4. Selesai.... save dan lihat hasilnya.

Segitu aja? Ya... memang segitu aja bro! Simple dan mudah. Untuk menentukan batas jumlah asal negara yang ditampilkanjuga tinggal robah angka pada maxflags. 

Cara Terbaru Membuat/Memasang Kotak Penggemar Facebook di Blog

Nah, kalau sudah memiliki alamat URL Fanspage, sekarang tinggal ikuti langkah-langkah membuat/memasang like box facebook di blog:

1.   Untuk memasang Like Box atau kotak penggemar facebook di blog, pertama-tama silahkan login kembali ke akun facebook anda masing-masing.

2.   Masuk ke halaman ”plugins” atau klik link ini :http://developers.facebook.com/docs/plugins.

3.   Pada halaman seperti screenshot di bawah ini, pilih Like Box (diberi tanda kotak merah)

4.   Selanjutnya anda akan masuk ke halaman isian seperti gambar di bawah ini:

5.   Pada kotak Facebook Page URL, isikan link atau alamat URL Fanspage yang sudah anda buat sebelumnya. Untukwidth, height, dan color scheme boleh anda rubah sesuai lebar, tinggi, atau warna yang diinginkan. Dan untuk empat pilihan di bawahnya, beri tanda centang sesuai keinginan. (bisa dicoba-coba sendiri dan lihat hasilnya di gambar pratinjau/preview di bawahnya).

6.   Kalau semua sudah cocok, sekarang klik Get Code di pojok kiri bawah. (tanda panah dalam gambar di atas). Hasilnya akan muncul dua kode seperti di bawah ini. Kode inilah nanti yang akan di pasang di widget blog.

7.   Tapi sebelum mengcopy codenya, disarankan pilih formatHTML5. Lalu copy-paste kedua code ke dalam widget atau bagian blog yang akan dipasang like box.

8.   Jika belum tau, ikuti caranya: login ke blog ==> dasborbloger ==> menu Tata Letak ==> Tambahkan Gadget==> HTML/JavaScript ==> lalu copypaste kedua code di ruang yang tersedia. (Khusus untuk like box di sidebar, cukup copy paste kedua code apa adanya saja sesuai script asli pada saat Get Code, tanpa perubahan).  

9.   Terakhir, simpan codenya dengan mengklik simpan (save). Selesai dan lihat tampilannya di blog anda.

Cara Membuat Text Area di Halaman Blog

Cara Membuat Text Area di Halaman Blog -- Anda pasti sering melihat gambar seperti di bawah. Space atau kolom berbentuk kotak berfungsi sebagai kontainer tulisan atau kode HTML. Dilengkapi fungsi scroll, ia dapat memuat tulisan atau kode-kode yang sangat panjang. Dan untuk memudahkan melakukan copy secara akurat, ia bisa diberi fungsi highlight.Di dunia blog itulah yang kita sebut Text Area. 

Text Area tampil seperti halaman dalam halaman. Fungsinya, selain untuk menghemat ruang dan menjaga alur tulisan tetap mengalir dan tidak semberawut, text area juga sering dibutuhkan untuk menyimpan kode HTML yang tidak bisa ditulis langsung ke dalam postingan di dalam blog.

Jika anda ingin tau cara membuat text area, ikuti langkah-langkah berikut.

Text Area tanpaHighlight(Standard)

Untuk membuat text area standard (tanpa fitur highligt), langkah-langkahnya adalah:

1.    Copy kode di bawah ini, dan paste-kan di halaman posting mode HTML. (Ingat... bukan di halaman posting biasa atau compose, tapi di halaman posting mode HTML).

 <p align="center"><textarea name="code" rows="2" cols="15"> Tulis sesuatu di sini yang ingin ditampilkan di dalam text area </textarea></p>

Tempatkan lokasi kode sesuai dengan lokasi text area yang anda butuhkan.

2.    Ganti tulisan berwarna merah dengan tulisan yang ingin anda munculkan di dalam text area.

3.    Sesuaikan angka “rows” dan angka “cols”.  Angka "rows"=3menunjukkan tinggi dari text area, dan angka cols=”15”menunjukkan lebar text area. Anda bisa mengganti lebar dan tinggi text area sesuai kebutuhan.

4.    Jika sudah, anda bisa beralih ke halaman Compose dan lihat hasilnya. Selesai!

Text Area dengan tombol Highlight

Seperti disebutkan di atas, text area juga bisa ditambah dengan tombol Highlight untuk memudahkan melakukan copy secara akurat. Dengan hanya menekan tombol highlight seluruh isi text area akan tersorot atau terblok. Selanjutnya tinggal dicopas sesuai keperluan. Fungsi tombol ini sangat berguna untuk mencegah tertinggalnya satu atau beberapa isi dari text area.

Langkah-langkahnya adalah:

1.    Copy kode HTML yang berikut ini:

<div><form name="copy"><div align="center"><span><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" value="Highlight All" type="button"> </span></div><p align="center"><textarea style="width: 150px; height: 80px;" name="txt" rows="5" wrap="VIRTUAL" cols="20">Tulis sesuatu di sini yang ingin ditampilkan di dalam text area</textarea></p></form></div>

2.    Paste-kan di halaman posting mode HTML sesuai lokasi text area yang anda inginkan.

3.    Ganti tulisan berwarna merah dengan tulisan atau kode script yang ingin ditampilkan di dalam text area.

4.    Selesai dan lihat hasilnya di halaman compose. 

Sebelum kita tutup, berikut ini beberapa penjelasan tambahan mengenai kode HTML di atas jika anda ingin melakukan perubahan tampilan text area.

1.    <div align="center"> ==> maksudnya posisi tombol akan berada di tengah. Ganti kata ”center” dengan ”left” atau ”right” jika posisi tombol ingin pindah ke kiri atau ke kanan.

2.    Value="Highlight All" ==> tulisan  ”Highlight All” adalah tulisan yang akan muncul di dalam tombol. Anda bisa merubahnya dengan kata lain sesuai keinginan.

3.    <p align="center"> ==> ini menunjukan posisi text area berada di tengah. Robah kata “center” dengan “left” atau “right” jika ingin menempatkannya di kiri atau di kanan.

4.    <text style="WIDTH: 150px"> ==> ini menunjukan lebar dari text area = 150 pixel, silahkan robah sesuai kebutuhan, misalnya : "WIDTH:300px;"

5.    HEIGHT: 80px  ==> menunjukan tinggi text area =80 px, silahkan robah dengan tinggi yang diinginkan. Misal : HEIGHT:120px.

  

Tips dan Cara Memasang Live Traffic Feed dalam Blog

1.    Pertama-tama langsung menuju http://feedjit.com

2.    Setelah masuk di halaman feedjit.com anda akan langsung ditawari 3 macam pilihan javascript widget. Pilih saja “Feedjit Completely Free” jika anda ingin menggunakan layanan feedjit gratis.

3.    Anda kemudian akan bertemu form seperti di bawah ini. 

Pilih warna scheme yang sesuai dengan blog anda, kemudian size atau ukurannya, dan webhost tempat blog anda berada (ada 4 pilihan tersedia: Blogger Blog, wordpress.org Blog, Typepad Blog, dan Other Blog or Website). Setelah memilih sesuai dengan blog anda, lanjutkan dengan menekan tombol ”GO!”

4.    Anda selanjutnya akan masuk ke halaman installing seperti di bawah ini. 

Klik saja tombol installing "otomatis". (Feedjit juga menyediakan opsi ”manual” jika cara ”otomatis” tidak berhasil. Baca panduannya pada gambar).

5.    Setelah itu, silahkan buka dan masuk ke blog anda.  Pada halaman ”konfirmasi” dari Blogger, isi nama blog anda (sebagai bentuk persetujuan) dan tekan tombol ”Menambah Widget.”

6.    Jika sudah, anda akan dibawa masuk ke halaman ”tata letak.” Klik dan drag widget untuk menempatkannya sesuai keinginan. Akhiri sesi ini dengan mengklik ”Simpan Setelan.”

7.    Selesai dan lihat blog anda.

Cara Menulis dan Mempublikasikan Artikel di Blog

Tugas selanjutnya adalah bagaimana mengisi blog dengan konten-konten menarik, menata tampilan blog, dan kemudian mempromosikannya agar bisa menarik banyak pengunjung.

Kali ini kita membahas tugas yang pertama, yaitu mengisi blog, khususnya mengisi blog dengan tulisan dan gambar. Lalu kemudian mempublikasikannya. Ini penting lho.... agar tulisan anda bisa dibaca orang di seluruh dunia...hehehe...........

OK dech, tidak usah berpanjang-panjang... langsung saja kita bahas Cara Menulis dan Mempublikasikan Artikel di Blog.

Untuk bisa menulis dan mempublikasikan artikel atau gambar, pertama-tama tentu anda harus tahu lebih dulu fungsi-fungsi toolbar dan fitur yang ada di halaman posting atau halaman penulisan artikel milik blogger. Tapi sebelumnya, ikuti langkah-langkah berikut :

1. Buka www.blogger.com lalu Masuk atau Login ke halaman blogger dengan menggunakan akun gmail milik anda (bukan milik orang lain...hehehe.....)

2. Setelah itu akan terbuka halaman dasbor blogger seperti ini :

Klik gambar pensil di kotak berwarna orange untuk masuk ke halaman posting atau halaman pembuatan naskah.. 

3. Anda segera bisa memulai menulis setelah halaman editor/posting terbuka seperti ini (nomor-nomor dalam bulatan merah hanya penanda dari saya):

Di sinilah kita perlu mengenal lebih dulu fungsi-fungsi toolbar dan fitur-fitur yang ada untuk kita gunakan dalam menulis dan mengedit naskah. Beberapa yang penting adalah (sesuaikan dengan nomor dalam gambar) :

1. Kolom untuk menuliskan judul posting atau artikel anda.

2. Tombol untuk membuat penulisan dalam format HTML (bagi yang tidak mengerti bahasa HTML tidak usah galau apalagi panik, anda bisa menggunakan format biasa di bawah).

3. Tombol untuk membuat penulisan dalam mode Compose(format biasa).

4. Tombol Undo (gambar panah ke kiri) = kembali ke kondisi sebelumnya; tombol Redo (gambar panah ke kanan) = kembali ke kondisi se sudahnya. Keduanya digunakan apabila terjadi kesalahan dan ingin kembali beberapa langkah ke belakang atau ke depan.

5. Tombol untuk mencari pilihan jenis huruf atau Font.

6. Tombol untuk memilih ukuran huruf (Font size).

7. Tombol untuk merefleksikan format huruf (normal, minor heading, subheading, heading).

8. Tombol untuk memilih opsi penulisan huruf : B = cetak tebal, I = cetak miring, dan U = garis bawah.

9. Tombol yang berfungsi untuk memilih warna : A = pilihan untuk warna huruf (seperti ini); dan gambar kuas = pilihan warna untuk latar belakang huruf (seperti ini). Untuk menggunakannya, blok atau sorot lebih dulu huruf dan bidang yang akan di beri warna.

10. Tombol untuk menyisipkan Foto (Insert Image).

11. Tombol untuk menyisipkan Video (gambar bergerak).

12. Tombol untuk memenggal tampilan tulisan di halaman utama yang disertai dengan perintah Baca Selanjutnya atau Read More. Untuk menggunakannya, letakkan kursor lebih dulu di titik mana tulisan akan dipotong.

13. Tombol untuk mengatur editing teks : rata kiri, rata kanan, center, atau rata kiri-kanan.

14. Tombol untuk menyusun suatu naskah dalam format daftar (numerik list atau bullet list).

15. Tempat untuk menulis Label atikel (fungsi label adalah untuk menyusun dan mengelompokkan tulisan-tulisan berdasarkan tema, sehingga memudahkan pencarian).

16. Tempat untuk mendeskripsikan atau menulis gambaran singkat mengenai isi sebuah tulisan yang akan diterbitkan. Ini penting untuk memudahkan mesin pencari menemukan tulisan anda.

17. Tombol untuk memilih 4 hal : (1) komentar pembaca (= diizinkan atau tidak); (2) tautan balik (= diizinkan atau tidak); (3) mode tulisan (= tunjukkan HTML apa adanya atau tafsirkan HTML yang diketik); (4) Baris baru (= menggunakan tag <br> atau menggunakan ”Enter”).

18. Tombol ”Pratinjau” berfungsi untuk melihat tampilan tulisan sebelum diterbitkan.

19. Tombol ”Simpan” berguna untuk menyimpan draft naskah/tulisan yang sudah ditulis tapi belum diterbitkan.

20. Tombol untuk menerbitkan atau mempublikasikan artikel/tulisan/gambar. (Dua tombol lainnya tanpa nomor adalah tombol ”Tutup” dan ”Lihat Blog” berfungsi untuk menutup halaman editing, dan melihat tampilan terbaru blog setelah penerbitan tulisan terakhir).

4. Setelah mengetahui fungsi-fungsi toolbar, sekarang anda boleh langsung membuat naskah.

Di sini lazimnya ada dua pilihan, anda bisa menulis langsung di halaman posting, atau menulis lebih dulu di halaman MS word/ notepad, lalu copypaste ke area posting. Cara ini banyak dilakukan orang karena sudah terbiasa dengan MS Word. Tapi apapun pilihannya, anda tetap perlu mengedit ulang naskah di halaman blogger.

Di sini ada 2 cara, menggunakan format HTML atau menggunakan mode Compose (format biasa). Bagi yang tidak faham dengan bahasa pemprograman HTML, klik saja tombol Compose, dan mengetiklah dengan format biasa.

5. Untuk melengkapi dan mempercantik tampilan artikel anda, silahkan sisipkan fhoto atau video dengan menekan tombol yang sudah dijelaskan di atas.

6. Jika artikelnya cukup panjang, sebaiknya sisipkan perintah ”Baca Selanjutnya” atau ”Read More” agar tampilan di halaman utama blog tidak terlalu panjang. 

7. Jika proses penulisan dan editing sudah selesai, jangan lupa isi label/kategori sesuai dengan tema tulisan anda. Isi juga “Deskripsi Penelusuran”, dan tetapkan pilihan anda di kolom Pilihan. Untuk pilihan ”mode tulis”, pilih saja ”Tunjukkan HTML apa adanya” (terkecuali anda sedang menulis artikel tentang HTML yang memang perlu untuk menampakkan kode-kode HTML dalam postingan). Ketiganya masing-masing harus diakhiri dengan mengklik ”Selesai” atau ”Save.”

8. Klik ”Pratinjau” atau ”Preview“ untuk melihat hasil tulisan anda sebelum nanti ditampilkan dalam blog, siapa tau masih ada yang perlu dirubah atau diperbaiki.

9. Jika sudah yakin, tekan ”Publikasikan” dan selesai.... Lihat hasil postingan anda di halaman blog dengan menekan tombol ”Lihat Blog.”