Cara membuat tombol download aplikasi di blogger

Cara membuat tombol download aplikasi di blogger

Cara membuat tombol download aplikasi di blogger - jika anda sedang mengelola blog download widget ini sangat cocok untuk dipasang di blog download anda,dengan memasang widget ini dapat membuat tombol download anda menjadi lebih keren dan menarik.

Cara menggunakan widget

  1. langkah pertama login ke akun bloger anda masing masing
  2. Kemudian pilih Tema lalu pilih Edit HTML
  3. Cari kode ]]></b:skin> gunakan tombol CTRL + F untuk mempermudah pencarian code.
  4. Jika sudah ketemu letakkan kode dibawah ini tepat diatas kode yang barusan anda cari:
    /*design by Alfatechnesia*/
    :root{
    --appbg: #ff2558 ;/*Download button background color*/
    }
    .dl-app{align-items:center;color:inherit;margin:5px 0 15px;display:inline-flex;position:relative;max-width:500px}
    .img-app{background-size:cover;position:relative;width:140px;height:100px}
    .img-app img{border-radius:15px}
    .jdl-app{position:relative;font-family:arial;font-size:17px;padding-left:15px;width:100%;overflow:hidden;text-overflow:ellipsis}
    .jdl-app .nm-app{font-weight:700;-webkit-box-orient:vertical;-webkit-line-clamp:2;display:-webkit-box;overflow:hidden;width:250px}
    .jdl-app .ur-app{display:block;font-size:13px;opacity:.7;margin-top:-5px}
    .btn-py,.btn-d1{display:inline-block;height:31px;background-color:var(--appbg);font-family:arial;font-size:14px;color:#ffffff;font-weight:400;line-height:31px;text-align:center;text-decoration:none;cursor:pointer;padding:0 15px;margin:0 5px 5px 0;border:1px solid rgba(0,0,0,.1);border-radius:.28em}
    
  5. Klik simpan tema atau klik logo Simpan
  6. Langkah selanjutnya buat postingan baru atau pilih postingan lama yang ingin anda tambahkan tombol download aplikasinya
  7. lalu salin dan tempelkan kode HTML dibawah ini:
    <div class="dl-app">
           <div class="img-app">
            <img alt="inshort pro" src="https://play-lh.googleusercontent.com/2i0pfCrsRNWr_OOfuUOBwE0_iIRxeV7lhxUmS1NHwVa_wdF72o8uW_NGWNwdoY1Q9g=w120-h120-p-k-no-nu">
            </div>
           <div class="jdl-app">
              <span class="nm-app">Inshort pro mod apk</span>
              <span class="ur-app">ukuran: 43Mb</span>
             <!--[replace ( # ) with your download link]-->
             <div class="dl-btn">
                <div class="btn-py" href="#" >Play store</div>
                <div class="btn-d1" href="#" >Download</div>
            </div>
    
            </div> 
        </div>
  8. Ganti kode yang sudah saya tandai diatas,ganti tanda # dengan link download anda
  9. Langkah terakhir klik simpan