Cara Mudah Membuat Tombol Notifikasi

Tombol Notifikasi adalah Suatu tombol yang menampilkan pemberitahuan.

Yang perlu Anda lakukan untuk membuat Tombol Notifikasi sebagai berikut:

Cara Mudah Membuat Loading Notifikasi

1. Login ke blogger.com.
2. Cari kode </style> pada Tema > Edit HTML.
3. Copas (copy-paste) kode di bawah ini sebelum kode </style>.

body {
  font-family: Arial, Helvetica, sans-serif;
}

.notification {
  background-color: #555;
  color: white;
  text-decoration: none;
  padding: 15px 26px;
  position: relative;
  display: inline-block;
  border-radius: 2px;
}

.notification:hover {
  background: red;
}

.notification .badge {
  position: absolute;
  top: -10px;
  right: -10px;
  padding: 5px 10px;
  border-radius: 50%;
  background-color: red;
  color: white;
}

Anda dapat merubah warna, ukuran, dan tampilan style di atas sesuai keinginan.

4. Bila sudah memasang style button pada Tema > Edit HTML, sekarang simpan tema Anda.
5. Sekarang untuk menerapkan kode di atas, tambahkan kode HTML di bawah ini di dalam postingan pada tab HTML (bukan compose).

<a href="#" class="notification">
  <span>Pesan</span>
  <span class="badge">9</span>
</a>

Result:Press

Cobalah kreasikan sendiri di sini Tryit Editor

Related Search Pages:

• Tutorial Membuat Notifikasi Browser Dengan Push.js
• Cara Mudah Membuat Notifikasi Alert Keren Di Blog
• Cara Membuat Push Notification Pada Browser Di Blogspot
• Cara Membuat Notifikasi Alert di Blog Dengan Tombol Close
• Membuat Push Notification Menggunakan Layanan Third Party One ...