Perbedaan Pakaian PDU 1 dan PDU 3

Di dunia blogging, seringkali kita ingin memungkinkan pengguna untuk mengunduh file tertentu seperti e-book, dokumen PDF, atau file lainnya dari blog kita. Salah satu cara yang efektif untuk melakukan ini adalah dengan membuat tombol download yang mencolok dan mudah diakses. 

Pada platform Blogger, Anda dapat dengan mudah membuat tombol download dengan sedikit kode HTML dan CSS. Berikut adalah langkah-langkahnya:

Persiapkan File yang Akan Diunduh

Pastikan Anda telah menyiapkan file yang ingin Anda bagikan kepada pengguna sebagai bagian dari posting blog Anda. File ini harus di-hosting secara online, misalnya, di Google Drive atau Dropbox.

Buat Tombol Download

Masuk ke Dasbor Blogger:

• Buka browser web dan masuk ke akun Blogger Anda di https://www.blogger.com/.

Buka Posting yang Tepat (atau Buat Posting Baru):

• Pilih blog yang ingin Anda edit.
• Buka posting yang ingin Anda tambahkan tombol download-nya, atau buat posting baru.

Masukkan Kode HTML Tombol Download:

• Di dalam mode penyuntingan HTML posting, masukkan kode HTML berikut di tempat di mana Anda ingin menampilkan tombol download:

<a href="URL_FILE_ANDA" download="NAMA_FILE_YANG_AKAN_DITAMPILKAN">

    <button style="background-color: #4CAF50; /* Hijau */

                border: none;

                color: white;

                padding: 15px 32px;

                text-align: center;

                text-decoration: none;

                display: inline-block;

                font-size: 16px;

                margin: 4px 2px;

                cursor: pointer;

                border-radius: 10px;">

        Download Sekarang

    </button>

</a>

• Gantilah URL_FILE_ANDA dengan URL tempat file Anda di-host.
• Gantilah NAMA_FILE_YANG_AKAN_DITAMPILKAN dengan nama yang ingin Anda tampilkan pada tombol.

Simpan dan Publikasikan Posting

Simpan Perubahan:

• Pastikan untuk menyimpan perubahan yang telah Anda buat di posting Anda.

Publikasikan Posting:

• Jika posting tersebut belum dipublikasikan, klik "Publikasikan" untuk membuatnya tersedia untuk publik.

Periksa Hasilnya

Buka posting Anda dalam tampilan yang diterbitkan untuk memastikan bahwa tombol download tampil dengan benar dan berfungsi sesuai harapan. Anda dapat mengklik tombol tersebut untuk memastikan bahwa file yang diunduh sesuai dengan yang Anda harapkan.

Tambahan: Menyesuaikan Tampilan Tombol

Jika Anda ingin menyesuaikan tampilan tombol download, Anda dapat mengedit properti CSS di dalam tag <button> sesuai keinginan Anda. Misalnya, Anda dapat mengubah warna latar belakang, warna teks, ukuran tombol, dan sebagainya dengan menyesuaikan nilai-nilai properti CSS dalam kode tersebut.

Dengan mengikuti langkah-langkah di atas, Anda dapat dengan mudah menambahkan tombol download yang menarik perhatian pengguna pada posting blog Anda di Blogger. Ini dapat meningkatkan interaksi pengguna dengan konten Anda dan memberikan nilai tambah yang signifikan kepada pembaca Anda.

Mau donasi lewat mana?

Bank Transfer Paypal

Bank BCA - An.Dwi Lestari / Rek - 3930706719

Traktir creator minum kopi dengan cara memberi sedikit donasi. klik icon panah di atas