Beranda Blogger Coding Teknologi Website

Cara membuat Button Demo dan Download di Blogger

Odi

Oktober 13, 2024

---

Sebagai seorang blogger, biasanya kita ingin berbagi file, aplikasi, dan banyak lagi. Akan tetapi jika hanya diberi link tertaut

Cara singkat :

1. Buat Postingan seperti biasa

2. Buat mode html

3. Masukkan code di bawah ini

        <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
        <style>
          .onmaibana {
            margin-right:9px;
            padding: 15px 25px;
            font-size: 24px;
            text-align: center;
            cursor: pointer;
            outline: none;
            color: #fff;
            background-color: #009688;
            border: none;
            border-radius: 15px;
            box-shadow: 0 9px #000;
          }
          /* Darker background on mouse-over */
          .onmaibana:hover {
              background-color: #a5a6a7;
          }
          .onmaibana:active {
            background-color: #3e8e41;
            box-shadow: 0 5px #666;
            transform: translateY(4px);
          }
        </style>
      
        <br />
        <center>
          <a href="Link Demo" target="_blank">
            <button class="onmaibana"><i class="fa fa-eye"></i> Demo</button>
          </a>
          <a href="Link Download" target="_blank">
            <button class="onmaibana"><i class="fa fa-download"></i> Download</button>
          </a>
        </center>

Sekarang, ubah Link Demo dengan link anda sendiri, dan Link Download dengan Link download anda sendiri.

untuk generate otomatis, silahkan klik di sini

Posting Komentar WhatsApp Telegram

Gabung dalam percakapan

Posting Komentar

Berkomentarlah dengan sopan