Cara Buat Kotak Teks Dan Background Pada Entri Blog




Assalamualaikum dan salam sejahtera


Kembali lagi dalam sesi tutorial dan panduan blog. Alhamdulillah. Kali ini aku nak kongsikan dengan anda cara untuk membuat Kotak Teks dan Background pada entri blog. Sebenarnya apa tujuan untuk Kotak Teks dan Background ni

Tujuannya adalah untuk nampak kemas dan tersusun bila anda masukkan teks ke dalam kotak ini. Terutamanya untuk teks berunsur peringatan dan sebagainya. Bila dah nampak kemas, pastinya akan membuatkan pembaca berasa senang. Macam aku sendiri kadang-kadang guna juga kotak teks untuk beberapa peringatan dan sebagainya. Terima kasih kepada JepunTekno untuk tutorial ini. Tujuan aku menulis panduan ini di blog ini juga sebagai rujukan dimasa akan datang

Baca Juga :[ Cara Check dan Buang Broken Links Pada Blog Anda ]
CARA BUAT KOTAK TEKS  DAN BACKGROUND PADA ENTRI BLOG

1. Masuk / Login ke akaun Blogger anda
2. Buat entri baru
3. Pilih bahagian HTML, disebelah atas bahagian kiri ya
4. Pilih kod yang anda inginkan seperti dibawah
5. Setelah selesai, pilih Compose
6. Kemudian, COPY tulisan yang telah anda tulis
7. PASTE ke dalam kotak tersebut. 
1. Kotak Jenis Berbingkai

masukan tulisan anda disini
<div style="border: 3px #1780dd Double; padding: 10px;background-color:#ffffff;
text-align: left;">masukan tulisan anda disini</div>
Keterangan:border: 3px merupakan ketebalan garis pinggir kotak teks #1780dd warna garis batas/ pinggir kotak teks Double adalah bentuk dari garis batas pada pinggir kotak teks  padding: 10px merupakan panjang kotak teks dari atas ke bawah background-color:#ffffff adalah warna latar belakan dari kotak teks text-align: left  posisi kotak teks (text box) di bagian sisi kiri
2. Kotak Jenis Dottedmasukan tulisan anda disini (Dotted)

HTML Kod :
<div style="background-color: white; border: 3px #1780dd dotted; padding: 10px; text-align: left;">
masukan tulisan anda disini (Dotted)</div>
3. Kotak Jenis Dashedmasukan tulisan anda disini (Dashed)

HTML Kod :
<div style="background-color: white; border: 3px #1780dd dashed; padding: 10px; text-align: left;">
masukan tulisan anda disini (Dashed)</div>
4. Kotak Jenis Solidmasukan tulisan anda disini (Solid)

HTML Kod :
<div style="background-color: white; border: 3px #1780dd solid; padding: 10px; text-align: left;">
masukan tulisan anda disini (Solid)</div>
5. Kotak Jenis Groovemasukan tulisan anda disini (Groove)

HTML Kod :
<div style="background-color: white; border: 3px #1780dd groove; padding: 10px; text-align: left;">
masukan tulisan anda disini (Groove)</div>
6. Kotak Jenis Insetmasukan tulisan anda disini (Inset)

HTML Kod :
<div style="background-color: white; border: 3px #1780dd inset; padding: 10px; text-align: left;">
masukan tulisan anda disini (Inset)</div>
7. Kotak Jenis Ridgemasukan tulisan anda disini (Ridge)

HTML Kod :
<div style="background-color: white; border: 3px #1780dd ridge; padding: 10px; text-align: left;">
masukan tulisan anda disini (Ridge)</div>
8. Kotak Jenis Outsetmasukan tulisan anda disini (outset)

HTML Kod :
<div style="background-color: white; border: 3px #1780dd outset; padding: 10px; text-align: left;">
masukan tulisan anda disini (outset)</div>
9. Jenis Tiada Kotakmasukan text disini

HTML Kod :
<div style="background-color: #f3f3f3; padding: 10px; text-align: left;">
masukan text disini
</div>

Bagaimana? Mudah kan tutorial kali ini? In shaa Allah semoga bermanfaat. Jika anda ada sebarang pertanyaan dan soalan boleh ajukan di ruangan komen

SekianSumber : JepunTekno

Artikel ini hanyalah simpanan cache dari url asal penulis yang berkebarangkalian sudah terlalu lama atau sudah dibuang :

https://aerillhassan.blogspot.com/2019/09/cara-buat-kotak-teks-dan-background.html

Kempen Promosi dan Iklan
Kami memerlukan jasa baik anda untuk menyokong kempen pengiklanan dalam website kami. Serba sedikit anda telah membantu kami untuk mengekalkan servis percuma aggregating ini kepada semua.

Anda juga boleh memberikan sumbangan anda kepada kami dengan menghubungi kami di sini
Cara Tingkatkan Trafik Blog Tahun 2019

Cara Tingkatkan Trafik Blog Tahun 2019

papar berkaitan - pada 11/9/2019 - jumlah : 63 hits
Topik ini antara carian tertinggi Bagi blogger baru yang ingin menjana pendapatan melalui blog sudah tentu masih mencari formula untuk meningkatkan pengunjung ke blog anda 1 tip untuk meningkatkan jumlah pengunjung ke blog antaranya 1 Postk...
Trafik Blog Ogos 2019 Uv Pv Br Bilangan Entri

Trafik Blog Ogos 2019 Uv Pv Br Bilangan Entri

papar berkaitan - pada 4/9/2019 - jumlah : 92 hits
Trafik blog Ogos 2019 UV PV BR bilangan entri Assalamualaikum dan selamat sejahtera semua Hampir seminggu tinggal blog muahahaha Where were you going Sayidah Napisah Hmmm hilang dari radar To be exact because of I m not at home since 24 Ogo...
Tutorial Cara Nak Buat Scroll Box Untuk Blog List

Tutorial Cara Nak Buat Scroll Box Untuk Blog List

papar berkaitan - pada 20/9/2019 - jumlah : 77 hits
Hari ni aku nak kongsi di sini cara nak buat scroll box untuk blog list Aku buat ini kerana sedang nak cari balik apabila nakdi gunakan fungsi scroll box ini di blog aku Aku tau ramai blogger yang dah tahu cara nak buat scroll box ini Senan...
Cara Check Dan Buang Broken Links Pada Blog Anda

Cara Check Dan Buang Broken Links Pada Blog Anda

papar berkaitan - pada 5/9/2019 - jumlah : 69 hits
Assalamualaikum dan salam sejahteraMesti ramai blogger atau tuan punya website yang risau jika website mereka mempunyai broken links Broken links sememangnya menjadi salah satu punca kekurangan trafik pada blog Jadi aku nak kongsi dengan le...
7 Cara Dapatkan Tiket Flight Dengan Harga Jimat Poket

7 Cara Dapatkan Tiket Flight Dengan Harga Jimat Poket

papar berkaitan - pada 7/9/2019 - jumlah : 84 hits
Kali ni jom kita selongkar tip yang boleh menjimatkan poket korang kaw punya dalam mencari tiket kapal terbang untuk destinasi dalam dan luar negara tak kira kemana pun Tip ini mungkin tak apply serentak tapi boleh menjadi kalau kena cara 1...
Belajar Cara Jual Barang Tempatan Ke Luar Negara Barang Harga Rm20 Boleh Jual Sampai Rm200

Belajar Cara Jual Barang Tempatan Ke Luar Negara Barang Harga Rm20 Boleh Jual Sampai Rm200

papar berkaitan - pada 7/9/2019 - jumlah : 114 hits
Ramai Orang Tak Tahu Pernah tak korang terfikir jual barang barang yang biasa nampak dekat sekeliling kita ke pasaran antarabangsa pun boleh untung berganda ganda Contoh seperti dibawah Sebenarnya betul Terdapat segelintir underground selle...
Jokowi Bisa Batalkan Revisi Uu Kpk Lewat 2 Cara Ini

Jokowi Bisa Batalkan Revisi Uu Kpk Lewat 2 Cara Ini

papar berkaitan - pada 7/9/2019 - jumlah : 57 hits
Revisi Undang Undang KPK tengah dibahas di DPR Presiden Joko Widodo diminta membatalkan pembahasan tersebut Pakar hukum dari Universitas Trisakti Abdul Fickar Hadjar menyebut ada dua sikap yang harus dilakukan jika Jokowi ingin menolak revi...
Biarkan Berkawan Dan Kenal Persekitaran Didikan Cara Halus Yang Buat Anak Pandai

Biarkan Berkawan Dan Kenal Persekitaran Didikan Cara Halus Yang Buat Anak Pandai

papar berkaitan - pada 8/9/2019 - jumlah : 50 hits
Sebagai seorang ibu sudah tentu kita mahukan yang terbaik buat anak anak Begitu juga dengan personaliti TV Lufya Omar yang begitu mengambil berat soal perkembangan anaknya Laana Haura Tidak mahu terlalu menekan anaknya Lufya lebih selesa me...
5 Cara Mudah Dan Sederhana Untuk Menjaga Dan Meningkatkan Kesehatan Penglihatan

5 Cara Mudah Dan Sederhana Untuk Menjaga Dan Meningkatkan Kesehatan Penglihatan

papar berkaitan - pada 7/9/2019 - jumlah : 29 hits
Selain dengan berkonsultasi ke dokter terdapat sejumlah hal lain yang bisa membantumu menjaga kesehatan penglihatan secara mudah Hal ini bisa kamu lakukan secara mandiri dan rutin
Walaupun Teman Lelaki Sudah Lama Meninggal Dia Tetap Setia

Pondan Jelita Thailand Bakal Ikuti Latihan Ketenteraan

Ya Allah Gelapnya Langit Moga Dilindungi

Kenapa Nasharudin Mat Isa Penting Dalam Kes Rm90 Juta

Buaya Berendam Viral Dari Badak Berendam

Pengalaman Pertama Kali Accident Dilanggar Belakang Cara Nak Claim Insuran Pihak Ketiga

Tanggungjawab Pemegang Kad Debit Dan Kredit Supaya Duit Dalam Akaun Tak Hilang

Tokan Dadah Masjid Tanah Ditahan Polis



Poligami Dalam Islam Menurut Pandangan Seorang Tukang Gunting India

Kenapa Pesawat Komersial Tidak Sediakan Payung Terjun Kecemasan

6 Sebab Whatsapp Sebenarnya Menyusahkan Hidup Pekerja

Dasar Seorang Anak Di China Kawalan Populasi Yang Baik Atau Buruk

Biodata Syamira Izzati Syamira Peserta Dewi Remaja 2019


Pemilihan Aliran Ke Tingkatan 4 Selepas Pt3 Ibubapa Pun Pening Juga Nak Fikir

Kalau Berumah Di Pinggir Kumbahan

Usahawanita Berjaya Ini Berkongsi 10 Nasihat Aliff Syukri Untuk Anak Muda Nasihat Ke 9 Sangat Aku Kagum

22 Oktober 2019 Semangat Naik Lepas Jumpa Doktor

Nurfatimah Selembut Sutera Chord

4 Produk Pilihan Yang Perlu Ada Di Setiap Rumah Dari Afy Haniff Serai Wangi