Sade Kod Kutusu (Sadece HTML + CSS)

📝 Özellikler:

• Sadece HTML + CSS (JavaScript gerekmez)

• Blogger’a doğrudan yapıştırılabilir

• Mobil uyumlu ve şık görünümlü

• < ve > gibi karakterler için < ve > kullanılır

<!-- Kod Kutusu Başlangıç -->
<div class="html-code-box">
  <pre><code> BURAYA KODU YAPIŞTIRIN </code></pre>
</div>

<style>
.html-code-box {
  background-color: #f5f5f5;
  border: 2px solid #ccc;
  border-radius: 6px;
  padding: 15px;
  font-family: 'Courier New', monospace;
  font-size: 15px;
  color: #333;
  overflow-x: auto;
  white-space: pre-wrap;
  word-wrap: break-word;
}
</style>
<!-- Kod Kutusu Sonu -->