- BloggerrHelp


    <!-- Şık Kutu ve Kodu Kopyala Butonu -->
    <style>
      .code-box {
        background-color: #f9f9f9;
        border-left: 4px solid #4CAF50;
        padding: 10px;
        margin: 20px 0;
        position: relative;
      }
      
      .code-box code {
        white-space: pre-wrap; 
        word-wrap: break-word;
      }

      .copy-button {
        background-color: #4CAF50;
        color: white;
        border: none;
        padding: 8px 12px;
        cursor: pointer;
        position: absolute;
        top: 10px;
        right: 10px;
        border-radius: 4px;
        font-size: 14px;
      }

      .copy-button:hover {
        background-color: #45a049;
      }
    </style>

    <div class="code-box">
      <code id="codeToCopy">
        <!-- Buraya kendi kodunuzu ekleyin -->
        &lt;div&gt;Örnek Kod&lt;/div&gt;
      </code>
      <button class="copy-button" onclick="copyCode()">Kodu Kopyala</button>
    </div>

    <script>
      function copyCode() {
        var code = document.getElementById("codeToCopy").textContent;
        navigator.clipboard.writeText(code).then(function() {
          alert("Kod kopyalandı!");
        }, function(err) {
          alert("Kod kopyalanamadı: ", err);
        });
      }
    </script>
Bu Yazılarda ilginizi çekebilir
