Membuat Simple Pre Code Dark Background Di Blog

Simple Pre Code Dark Background Di Blog

Untuk para blogger atau publisher , pasti terkadang postingan yg akan dipostingnya itu menggunakan Pre Code atau sejenis kolom skrip. Biasanya kolom skrip tersebut berisi skrip HTML, CSS, Javascript atau yg lainnya.

Di setiap template blog yg digunakan, pasti memiliki pre code nya masing - masing dengan tampilan yg berbeda - beda. Di bawah ini saya akan membagikan tutorial Membuat Simple Pre Code Dark Background Di Blog.

Untuk para blogger atau publisher , pasti terkadang postingan yg akan dipostingnya itu menggunakan Pre Code atau sejenis kolom skrip. Biasanya kolom skrip tersebut berisi skrip HTML, CSS, Javascript atau yg lainnya. Di setiap template blog yg digunakan, pasti memiliki pre code nya masing - masing dengan tampilan yg berbeda - beda. Di bawah ini saya akan membagikan tutorial Membuat Simple Pre Code Dark Background Di Blog. 

HTML

<button>Press Me!</button>

CSS

button {
  width:20px;
  height:28px;
  color:#fff;
  font-size:28px;
  padding:11px 15px;
  border-radius:5px;
  background:#14ADE5;
}

Javascript

<button onclick="myFunction()">Post</button>

<script>
function myFunction() {
    document.write(5 + 6);
}
</script>

Jquery

$(document).ready(function{
 jQuery.cssRule(".post", "display", "block");
});

Itulah tadi tutorial Membuat Simple Pre Code Dark Background Di Blog yg bisa dicoba.