Cara Menambahkan Fitur Pop Up Changelog Di Blogger

Halo Semuanya, Selamat Datang Di Pagodaimedia, Kali ini saya akan memberikan Cara Menambahkan Fitur Pop Up Changelog Di Blogger. Fitur ini dapat digunakan sebagai Pop Up Riwayat Update Dan Lain lainnya.

Jika ingin Menambahkan Fiturnya, Berikut adalah Caranya.

Lihat Demo

Cara Menambahkan Fitur Pop Up Changelog Di Blogger

1. Buka Dashboard Blogger.

2. Pada Dashboard Blogger, Klik  Tema.

3. Kemudian Klik  Dan Klik Edit HTML.

4. Cari Bagian /*]]>*/</style> atau ]]></b:skin> Dan Tempel Kode Berikut Tepat Diatasnya.

/* Changelog */ .changeLog{position:fixed;bottom:0;left:0;right:0;margin:0;padding:40px 0;width:100%;height:100%;background-color:#fefefe;font-family:'Noto Sans', sans-serif;font-size:15px;z-index:22;-webkit-transition:all .1s ease;transition:all .1s ease;overflow-y:auto;opacity:0;visibility:hidden}.changeLog .logClose{display:flex;align-items:center;height:22px;position:absolute;top:20px;right:25px}.changeLog .logClose:before{content:'Close';font-size:11px;padding-right:8px;font-family:'Noto Sans', sans-serif}.changeLog .logContent{width:100%;max-width:820px;padding:0 20px;margin-left:auto;margin-right:auto;font-family:'Noto Sans', sans-serif}.changeLog .logContent h2{margin-top:10px;font-family:'Noto Sans', sans-serif}.changeLog .logContent ol,.changeLog .logContent ul{padding-left:30px}.logInput:checked ~ .changeLog{opacity:1;visibility:visible}.I{color:inherit;text-decoration:underline;font-family:match;line-height:20px}.drK .changeLog{background-color:#1e1e1e}.drK .logContent{background-color:#1e1e1e}

Pada Bagian yang ditandai, Sesuaikan sesuai Dengan Kode Mode Gelap Tema Blogger Anda. Tetapi jika di Tema Blogger anda tidak tersedia Mode Gelap maka biarkan Kodenya Sesuai Bawaan.

7. Lalu Klik  Simpan, Selesai.

Cara Menggunakan Fiturnya

Jika Anda ingin Menggunakan Fiturnya, Maka gunakan Kode Berikut.

<div class='l'>
   <label for='offchangeLog'>Changelogs</label>
</div>

<!--[ Changelog ]-->
<input class='logInput hidden' id='offchangeLog' type='checkbox' />
<div class='changeLog'>
   <label class='logClose' for='offchangeLog'>
      <svg class='line' viewbox='0 0 24 24'><line x1='18' x2='6' y1='6' y2='18'/><line x1='6' x2='18' y1='6' y2='18'/></svg>
   </label>
   <div class='logContent'>
      <!--[ Changelog Heading ]-->
      <h2>Changelogs</h2>
      
      <!--[ Changelog Content ]-->
      <p>Teks Anda Disini</p>
   </div>
</div>

Pada Bagian yang Ditandai, Ubah Sesuai Keinginan Kalian.

Kesimpulan

Jadi Ini Adalah Cara Menambahkan Fitur Pop Up Changelog Di Blogger. Saya harap Artikel ini dapat membantu anda, Jika ada yang ingin ditanyakan maka tanyakan Di Kolom Komentar.

Sumber:
https://www.jagodesain.com

Buka untuk Melanjutkan

Pergi ke Tautan