1. Guru Blogger ID
Custome Code GuruBlogger Untuk Mempercantik Postingan Blog

Custome Code GuruBlogger Untuk Mempercantik Postingan Blog

Postingan kali ini saya dedikasikan untuk "ingatan saya" karena saking seringnya lupa nama css yang mau dipanggil pada saat sedang asik membuat konten (maklum buat kontennya jarang jarang jadi seringnya lupa nama custom css di blog ini)



Bila dirasa cocok, teman teman boleh juga ikutan nambahin kode css ke templatenya masing masing

Caranya tinggal tambahkan kode css berikut ini sebelum </style> di template:

.div-hitam-html {
background-color: #1d2b35;
padding: 20px;
color: #fff;
overflow-wrap: break-word
}
.border-hijau {
border: 2px solid #00d07e;
padding: 30px 20px;
border-radius: 10px
}
.border-oranye {
border: 2px solid #f16334;
padding: 30px 20px;
border-radius: 10px
}
.gurublogger-boxshadow {
color: #707378;
box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .15);
padding: 30px 20px;
background-color: #fafafa;
border-radius: 10px
}

Untuk memanggil kode css diatas tinggal tambahkan class didalam div, contoh :

<div class="div-hitam-html">
Tulisan ini berada didalam div-hitam-html
</div>

Hasilnya
Tulisan ini berada didalam div-hitam-html


<div class="border-hijau">
Tulisan ini berada didalam border-hijau
</div>

Hasilnya
Tulisan ini berada didalam border-hijau


<div class="border-oranye">
Tulisan ini berada didalam border-oranye
</div>

Hasilnya
Tulisan ini berada didalam border-oranye


<div class="gurublogger-boxshadow">
Tulisan ini berada didalam gurublogger-boxshadow
</div>

Hasilnya
Tulisan ini berada didalam gurublogger-boxshadow


Lazyloading, selengkapnya bisa dibaca disini : -->Lazyload gurublogger
class="lazy" src="https://1.bp.blogspot.com/-_Twe1QIDkfM/XvwABcQvxDI/AAAAAAAAHZw/QQ28-22Zm0UX7Wc1CgWRA_tYp1huHEn8gCK4BGAsYHg/lazy-load.jpg"




Komentar

Silahkan, saya ga nggigit !