membuat kotak di postingan

111 aaa	111 aaa
111 aaa	111 aaa
111 aaa	111 aaa
aaa aaa	111 aaa
aaa aaa	aaa aaa

<table border="3"> <!-- Baris 1 --> <tr> <td> <h1>111</h1> <p>aaa</p> </td> <td> <h1>111</h1> <p>aaa</p> </td> </tr> <!-- Baris 2 --> <tr> <td> <h2>111</h2> <p>aaa</p> </td> <td> <h2>111</h2> <p>aaa</p> </td> </tr> <!-- Baris 3 --> <tr> <td> <h2>111</h2> <p>aaa</p> </td> <td> <h2>111</h2> <p>aaa</p> </td> </tr> <!-- Baris 4 --> <tr> <td> <h2>aaa</h2> <p>aaa</p> </td> <td> <h2>111</h2> <p>aaa</p> </td> </tr> <!-- Baris 5 --> <tr> <td> <h2>aaa</h2> <p>aaa</p> </td> <td> <h2>aaa</h2> <p>aaa</p> </td> </tr> </table>

cara membagikan kode script blog agar tidak dieksekusi saat di posting menggunakan text area

cara membagikan kode script blog agar tidak dieksekusi saat di posting menggunakan text area

tapi jika test area memposting teks area harus di escape

<style> .textarea-container { display: flex; justify-content: center; margin: 0 auto 20px; max-width: 100%; /* Menyesuaikan tema */ width: 100%; } .textarea-container textarea { width: 100%; /* Auto menyesuaikan lebar */ max-width: 100%; /* Tidak melewati kontainer */ height: calc(1.5em * 7); /* 7 baris dengan line-height 1.5 */ overflow-x: auto; /* Scroll horizontal jika teks panjang */ overflow-y: auto; /* Scroll vertikal jika melebihi 7 baris */ white-space: pre; /* Mencegah teks terbungkus */ font-size: 16px; padding: 10px; border: 1px solid #295f00; border-radius: 5px; background: rgb(218, 255, 191); color: #295f00; box-sizing: border-box; } </style> <div class="textarea-container"> <textarea cols="58" name="code" onfocus="this.select()">teks disini

lalu masukkan code yg sudah di escape

ulang Yang sudah di escape

apa itu escape

Karakter Umum yang Di-escape dalam HTML

Karakter	Hasil Escape	Deskripsi
<	&lt;	"Kurang dari" digunakan dalam tag HTML.
>	&gt;	"Lebih dari" digunakan dalam tag HTML.
&	&amp;	Ampersand, digunakan untuk entitas lainnya.
"	&quot;	Tanda kutip ganda, sering digunakan dalam atribut HTML.
'	&#39; atau &apos;	Tanda kutip tunggal, digunakan dalam atribut atau teks literal.

Karakter Tambahan Lain yang Bisa Di-escape

Karakter	Hasil Escape	Deskripsi
/	/	Slash (garis miring), jarang perlu di-escape tetapi berguna dalam beberapa konteks.
`	`	Backtick, digunakan dalam JavaScript.
=	=	Simbol sama dengan, digunakan dalam atribut atau operator.
\	\	Backslash, sering digunakan dalam JavaScript atau CSS.
(	(	Tanda kurung buka, digunakan dalam ekspresi atau fungsi.
)	)	Tanda kurung tutup, menutup ekspresi atau fungsi.
[	[	Tanda kurung siku buka, digunakan dalam array.
]	]	Tanda kurung siku tutup, menutup array atau elemen.
{	{	Tanda kurung kurawal buka, digunakan dalam CSS atau kode.
}	}	Tanda kurung kurawal tutup.
`	`	|	Simbol pipe, sering digunakan dalam pemrograman.
#	#	Simbol pagar, digunakan dalam URL atau elemen HTML lainnya.
%	%	Simbol persen, penting dalam URL encoding.
+	+	Simbol tambah, digunakan dalam ekspresi atau query URL.
-	-	Simbol minus atau pengurangan.
*	*	Simbol bintang, digunakan dalam pemrograman.
:	:	Titik dua, sering digunakan dalam atribut atau URL.
;	&#59;	Titik koma, digunakan dalam kode atau JavaScript.
,	,	Koma, digunakan dalam daftar atau angka desimal.
.	.	Titik, digunakan dalam angka atau nama file.
?	?	Tanda tanya, digunakan dalam query URL.
!	!	Tanda seru, digunakan dalam teks atau kode.
@	@	Simbol "at", sering digunakan dalam alamat email.

Ringkasan Escape Karakter dalam Konteks Lain

1. Untuk HTML Rendering: Escape ini digunakan agar karakter spesial seperti < dan > tidak dianggap sebagai tag HTML.

2. Untuk Atribut HTML: Karakter seperti ", ', = perlu di-escape untuk menghindari konflik dengan nilai atribut.

3. Untuk URL dan Query String: Karakter seperti %, +, # harus di-escape agar tidak merusak sintaks URL.

4. Untuk JavaScript atau CSS: Karakter seperti {, }, ", dan ' perlu di-escape agar tidak merusak logika kode.

Cara Membuat Contact Form sederhana di Postingan Blog

Cara Membuat Contact Form sederhana di Postingan Blog :

Cara Menampilkan Artikel Terkait di Sidebar berasarkan label, Tutorial Lengkap blogger

Menampilkan artikel terkait di sidebar merupakan salah satu cara efektif untuk meningkatkan internal linking, memperkaya pengalaman pengguna, dan tentu saja, membantu optimasi SEO blog Anda. Dalam artikel ini, saya akan membagikan tutorial lengkap tentang bagaimana Anda dapat melakukannya menggunakan script sederhana.

cara membuat banyak spoiler di bloger

login ke bloger
buat entri baru
pilih mode compose HTML
pastekan kode dibawah ini

spoiler 1

<button onclick="if(document.getElementById('spoiler1') .style.display=='none')
 {document.getElementById('spoiler1') .style.display=''}
 else
 {document.getElementById('spoiler1') .style.display='none'}"
style="background: red;
 border: 1px solid blue;
 color: white;
 padding: 5px 50px 5px 50px;"
title="Klik untuk membuka spoiler"
type="button">BUKA/TUTUP SPOILER</button>
<div id="spoiler1" style="display: none;">
<div class="separator" style="clear: both; text-align: center;"> isi </div>
</div>

Cara membuat daftar isi blog (Sitemap) berdasarkan Label

Cara membuat daftar isi blog berdasarkan label secara otomatis

seperti disamping kiri.

Cara mengetik Tulisan arab + harakat mengunakan Arabic Pad