VS Code Tools

VS Code Tools for Blogger

Masukkan Kode HTML:

<!DOCTYPE html>
<html>
<head>
    <title>Contoh HTML</title>
</head>
<body>
    <div class="container">
        <h1>Judul Halaman</h1>
        <p>Paragraf contoh dengan <strong>teks tebal</strong> dan <a href="#">link</a>.</p>
        <ul>
            <li>Item 1</li>
            <li>Item 2</li>
            <li>Item 3</li>
        </ul>
    </div>
</body>
</html>

Hasil Format:

Masukkan Kode CSS:

/* CSS Reset */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* Container styles */
.container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px;
    background-color: #f5f5f5;
    border-radius: 8px;
}

/* Typography */
h1, h2, h3 {
    font-family: 'Arial', sans-serif;
    color: #333;
    margin-bottom: 15px;
}

/* Button styles */
.btn {
    display: inline-block;
    padding: 10px 20px;
    background-color: #007acc;
    color: white;
    border-radius: 4px;
    text-decoration: none;
    transition: background-color 0.3s;
}

.btn:hover {
    background-color: #005a9e;
}

CSS Terkompresi:

Masukkan Teks untuk Dianalisis:

VS Code Tools for Blogger adalah alat yang dirancang khusus untuk pengguna platform Blogger. Dengan antarmuka yang terinspirasi dari Visual Studio Code, tools ini memberikan pengalaman yang familiar bagi developer. Fitur utamanya termasuk formatter HTML, minifier CSS, analisis teks, konverter Base64, dan konverter warna. Alat ini responsif dan kompatibel dengan semua template Blogger, baik default maupun premium.

Hasil Analisis:

Pilih Mode:

Masukkan Teks:

Contoh teks untuk dikonversi ke Base64

Hasil:

Pilih Warna:

Nilai Warna:

HEX: #007acc

RGB: rgb(0, 122, 204)

HSL: hsl(204, 100%, 40%)

CMYK: cmyk(100%, 40%, 0%, 20%)

Pratinjau Warna:

VS Code Tools for Blogger

Siap

Tecno

VS Code Tools

Widget HTML #3