Buat Pengumuman (Announcement) Sticky di Blogger
Blogger merupakan salah satu platform pilihan untuk membuat blog, untuk membuat pengunjung blog merasa nyaman kita harus menulis dengan menyertakan sebuah interaksi dengan pengunjung.
Selain dengan menuliskan kata/kalimat interaksi dengan pengunjung blog, kita juga bisa menuliskan sebuah pengumuman supaya pengunjung bisa lebih update tentang hal terbaru yang ingin kita sampaikan.
Cara Membuat Pengumuman di Blogger
Mari kita langsung ke tutorialnya ya, kode ini bersumber dari Kompi Ajaib sourcenya ada dibawah artikel ya.
Simpan kodenya dibagian header atau kamu bisa membungkusnya seperti contoh, kamu juga bisa modifikasi sesuai keinginan.
<div class='head-wrap'> <div class='announcement'> ➜ <a href='#' title='Kata-kata Pengumuman'>Kata-kata Pengumuman</a> </div> <header> ................. ................. ................. </header></div>Kemudian tambahkan CSS Berikut.
.head-wrap { position: -webkit-sticky; position: sticky; top: -30px; margin: 0;}.announcement { width: 100%; font-size: 16px; font-weight: 300; line-height: 30px; background: #ffeb71; text-align: center; color: #333;}.announcement a { font-size: 16px; font-weight: 700; color: #333; text-decoration: none;}Sekian semoga bermanfaat 😊
Source :https://www.kompiajaib.com/2019/05/membuat-announcement-bar-dengan-header.html
