Cara Membuat Tampilan Blog Maintenance

 

Cara Membuat Tampilan Blog Maintenance

Kali ini saya akan membagikan tutorial Cara Membuat Tampilan Blog Maintenance, tutorial ini saya buat berdasarkan request yang saya terima.


Cara Membuat Tampilan Blog Maintenance

Artikel kali ini cukup mudah, tutorial kali ini mungkin belum terlalu responsive, jika kalian ingin membuatnya lebih responsive silahkan perlajari artikel sebelumnya yaitu Cara Mudah Membuat Template Blog Responsive & Mobile Friendly.


Cara Membuat Tampilan Blog Maintenance

  1. Buka Blogger > Cari <style> atau </style>
  2. Kemudian tambahkan css berikut
    3. html {
 height: 100%;
 background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigeE69GlPfsUMUAzdzT8R9ZFOn_sGd3RAclo8pym-Wi6PxKtNw6THR3l-H6-2lpmwO4u81EVX8ZKCn9_7z-eiZQZSwg60_4xKm41YaSEROnsUo4x0DRVlQ-qtWczgPORm14GrwL6DZwJ_g/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;}}

  3. Ganti #main sesuai dengan class pada template blog kamu, contohnya seperti gambar dibawah ini, diganti dengan #outer-wrapper
    4. Cara Membuat Tampilan Blog Maintenance

  4. Jika sudah tambahkan Link di bawah <body>
    5. <a target='_blank' class='_inf-main' href='..LINK..'>Untuk Info Lebih lanjut Bisa kirim pesan di Fanspage disini</a>

Comments

Post a Comment

Popular posts from this blog

Recent Post Blogger By Label Filter Abjad

Image
  Recent Post Blogger By Label Filter Abjad Recent Post Blogger By Label Filter Abjad  - Recent post label dengan fitur mengurutkan judul/huruf depan dari postingan blog, Mulai dari Nomor, lalu ke huruf A sampai Z. Recent Post ini lebih mengutamakan Filter huruf depan dari sebuah judul post blog bukan mengurutkannya dengan tanggal di rilisnya postingan tersebut. Fitur ini berbeda dari recent post sebelumnya yaitu  Simple Recent Post By Label  yang mengandalkan tanggal rilis postnya dan jika dilihat mungkin acak-acakan judul postnya jadi bikin pusing atau tidak nyaman dipandang mata, maka dari itu Recent Post Label Filter Abjad jadi alternatifnya agar lebih minimalist dan rapih jika dilihat Recent Post Blogger By Label Filter Abjad Silahkan buka  Blogger > Tema > Edit HTML , lalu tambahkan CSS diatas  </style> /* Recent Post Label Filter Abjad - Arlethdesign ======================================= */ ul.grup-listanime{max-height:200px;overflow:...
Read more

Cara Mudah Membuat Template Blog Responsive & Mobile Friendly

Image
  Cara Mudah Membuat Template Blog Responsive & Mobile Friendly Halo, tutorial Kali ini saya akan membagikan  Cara Mudah Membuat Template Blog Responsive , artikel kali ini cukup mudah dan simpel untuk kalian praktekkan secara langsung, yuk langsung cek artikel dibawah ini. Apa itu Responsive & Mobile Friendly?, Responsive memiliki arti merespon, dan Mobile Friendly memiliki arti adaptive. Arti Lebih tepatnya tampilan blog akan merespon & menyesuaikan ukuran layar dimana blog itu dibuka baik itu handphone atau komputer. Kelebihan dari Responsive & Mobile Friendly yaitu memiliki fungsi untuk Meningkatkan SEO, Memudahkan Pengguna Smartphone, dan Disukai Pengunjung. Cara Mudah Membuat Template Blog Responsive & Mobile Friendly Buka  Blogger > Tema > Edit HTML Simpan HTML berikut dibawah  <head> , jika sudah ada tidak perlu ditambah. <meta content='width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0' name='viewport'...
Read more

Popular Post Samehada untuk Blogger

Image
  Popular Post Samehada untuk Blogger Tutorial kali ini yaitu Cara membuat Popular Post seperti Samehada untuk Blogger, diartikel ini saya akan membagikannya dengan singkat dan jelas, dan sangat mudah dipahami untuk pemula sekalipun. Untuk pratinjau atau preview tampilannya kalian bisa dipostingan sebelumnya yaitu  Bt-Samehada Clone 2020 Template Blogger . Popular Post Samehada untuk Blogger Pertama Buka Blogger > Tata letak > Add Widget Popular Post  (Jika sudah ada tidak perlu). Kemudian, Buka Tema > Edit HTML Simpan CSS berikut kedalam  <style> ... </style>  atau  <b:skin> ... </b:skin> /* Popular post blogger new style - arlethdesign */ #PopularPosts1 .widget-content.popular-posts{margin:auto} #PopularPosts1 ul li:nth-child(1n+2) .item-meta{font-size:11px;padding:6px 0 0;opacity:.7} #PopularPosts1 ul{padding:0;list-style:none;margin:auto;overflow:hidden} #PopularPosts1 ul li{margin:auto;padding:10px 0} #PopularPosts1 ul ...
Read more