Cara Membuat Border di Blogger (bagian 2)

Author : sahibar kisah Published: 5/21/2018 02:01:00 PM

Share on Facebook Share on Google+

Pada artikel Cara Membuat Border di Blogger (bagian 1), kita sudah sama-sama belajar bagaimana caranya menulis kode HTML untuk membuat sebuah contoh Border yang sederhana.

Pada artikel berikut ini, kita akan coba terapkan kode HTML tersebut ke dalam Halaman Blog. Caranya adalah sebagai berikut :

Gambar 1. Sidebar Menu pada Blogger

1.  Masuk ke akun Blogger milikmu.
2.  Pada sidebar Menu Blogger, pilih Postingan (Posts).
3.  Lalu pilih Postingan Baru (New Post).
maka akan muncul lembar kerja tempat kita membuat sebuah artikel atau postingan.

Gambar 2. Contoh Penulisan Kode HTML Border

4.  Pilih menu bagian HTML, jangan yang Compose.!
5.  Lalu ketik kode HTML Border yang kita inginkan.
6.  Bila sudah, pilih menu Preview untuk melihat hasilnya.

Gambar 3. Menu Preview dan Publish pada Postingan Blog

7.  Jika sudah merasa cocok, tinggal klik menu Publish untuk mempublikasikannya.

Kamu bisa melengkapi postingan dengan teks atau gambar yang lainnya. Jika tidak ada kesalahan pada penulisan kode HTML seperti Gambar 2. maka Border yang kita posting, hasilnya akan seperti ini :

isi tulisan yang tampil dalam border

Gambar 4. Menu Revert to Draft dan Update pada  Postingan Blog

Bila kamu menginginkan postingan yang dipublikasikan tadi akan diperbaiki atau diubah, maka pada  menu post Blogger seperti gambar 4. di atas :

8.  Klik 'Revert to draft' untuk mengubah postingan menjadi sebuah Rancangan (draft).
9.  Bila sudah selesai memperbaiki dan ingin postingan tadi publish kembali, kita tinggal klik menu Update.

Sampai disini, kita sudah bisa membuat satu postingan walaupun isinya baru berupa sebuah Border yang sederhana. Untuk membuat bentuk Border yang lain, kita akan belajar bersama di artikel berikutnya : Cara Membuat Border di Blogger (bagian 3).

Semoga artikel singkat ini bisa memberikan manfaat.