Cara Menciptakan Tampilan Blog Maintenance
Kali ini aku akan membagikan tutorial Cara Membuat Tampilan Blog Maintenance, tutorial ini aku buat menurut request yang aku terima.
Artikel kali ini cukup mudah, tutorial kali ini mungkin belum terlalu responsive, jikalau kalian ingin membuatnya lebih responsive silahkan perlajari artikel sebelumnya ialah Cara Praktis Membuat Template Blog Responsive & Mobile Friendly.
Cara Membuat Tampilan Blog Maintenance
- Buka Blogger > Cari <style> atau </style>
- Kemudian tambahkan css berikut
- Ganti #main sesuai dengan class pada template blog kamu, misalnya menyerupai gambar dibawah ini, diganti dengan #outer-wrapper
- Jika sudah tambahkan Link di bawah <body>
html { height: 100%; background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh78rQo4UqJe00p3ela674YytmuUUk3AfqTxHz79nH_FyqM30gJZhaCiLIyHJPfAEJFlobXid3Hn1y01QjrKonnQ9fi2okwwzohmzRQz_uMYw1m8iAVd_TMX8drTmFKPfMgea5_EnK6joZA/s1600/bg_01.jpg'); background-attachment: fixed; background-size: 100%; background-repeat:no-repeat; background-position: center bottom; margin: 0 } #main { display: none } ._inf-main { position: absolute; padding-top:20%; top: 0; bottom: 0; font-size: 25px; text-decoration: none; font-weight: 600; font-family: sans-serif; color: #FFF; text-transform: capitalize; left: 0; text-align: center; right: 0; text-shadow: 0 5px 10px rgba(0, 0, 0, 0.8) } @media screen and (max-width: 640px){html{background-size:auto;}._inf-main {font-size:15px;}}
<a target='_blank' class='_inf-main' href='..LINK..'>Untuk Info Lebih lanjut Bisa kirim pesan di Fanspage disini</a>Sekian tutorial kali ini biar bermanfaat, jikalau ada request silahkan Cek Disini.