Beranda
Script Blogger
Tips dan Trik

Cara Membuat Tabel Download dengan Banyak Link di Blogger

Cara membuat tabel download di Blogger dengan banyak link secara rapi dan profesional. Mudah, ringan, dan tanpa coding rumit untuk pemula.
TipsTechPraktis
Tabel Download Blogger Banyak Link

Membuat tabel download dengan banyak link di Blogger adalah solusi terbaik untuk menampilkan file secara rapi, profesional, dan mudah diakses oleh pengunjung. Fitur ini sangat berguna bagi blog yang menyediakan berbagai file seperti template, script, aplikasi, atau dokumen lainnya.

Dengan menggunakan HTML sederhana, kamu bisa membuat tabel download tanpa perlu plugin tambahan. Selain ringan, cara ini juga lebih SEO-friendly dan cepat dimuat di semua perangkat.

Apa Itu Tabel Download di Blogger?

Tabel download adalah tampilan daftar file dalam bentuk tabel yang berisi informasi penting seperti nama file, ukuran, format, dan tombol download. Dengan tabel ini, pengunjung bisa dengan mudah memilih file yang ingin diunduh tanpa kebingungan.

Keuntungan Menggunakan Tabel Download

  1. Menampilkan file secara rapi dan terstruktur
  2. Memudahkan pengunjung mencari file
  3. Meningkatkan pengalaman pengguna (UX)
  4. Membuat tampilan blog lebih profesional
  5. Mendukung SEO karena konten lebih terorganisir

Contoh Tabel Download Blogger dengan Banyak Link

Download File Template Blogger

Server Quality Format Size
Google Drive Full ZIP 1.2 MB
Mediafire Full ZIP 1.2 MB
Dropbox Full ZIP 1.2 MB
Usersdrive Full ZIP 1.2 MB
Google Drive Lite ZIP 800 KB
Mediafire Lite ZIP 800 KB
Dropbox Lite ZIP 800 KB
Usersdrive Lite ZIP 800 KB

Kode HTML dan ccs Tabel Download

<div id="table-download">

<div class="headertable">
<h3>Download File Template Blogger</h3>
</div>

<table>
<thead>
<tr>
<th>Server</th>
<th>Quality</th>
<th>Format</th>
<th>Size</th>
</tr>
</thead>

<tbody>

<tr>
<td><a href="#" target="_blank" rel="noopener nofollow">Google Drive</a></td>
<td>Full</td>
<td>ZIP</td>
<td>1.2 MB</td>
</tr>

<tr>
<td><a class="green" href="#" target="_blank" rel="noopener nofollow">Mediafire</a></td>
<td>Full</td>
<td>ZIP</td>
<td>1.2 MB</td>
</tr>

<tr>
<td><a class="yellow" href="#" target="_blank" rel="noopener nofollow">Dropbox</a></td>
<td>Full</td>
<td>ZIP</td>
<td>1.2 MB</td>
</tr>

<tr>
<td><a class="red" href="#" target="_blank" rel="noopener nofollow">Usersdrive</a></td>
<td>Full</td>
<td>ZIP</td>
<td>1.2 MB</td>
</tr>

<tr>
<td><a href="#" target="_blank" rel="noopener nofollow">Google Drive</a></td>
<td>Lite</td>
<td>ZIP</td>
<td>800 KB</td>
</tr>

<tr>
<td><a class="green" href="#" target="_blank" rel="noopener nofollow">Mediafire</a></td>
<td>Lite</td>
<td>ZIP</td>
<td>800 KB</td>
</tr>

<tr>
<td><a class="yellow" href="#" target="_blank" rel="noopener nofollow">Dropbox</a></td>
<td>Lite</td>
<td>ZIP</td>
<td>800 KB</td>
</tr>

<tr>
<td><a class="red" href="#" target="_blank" rel="noopener nofollow">Usersdrive</a></td>
<td>Lite</td>
<td>ZIP</td>
<td>800 KB</td>
</tr>

</tbody>
</table>

</div>
.headertable{background:#c30000;color:#fff;padding:.6rem;text-align:center}
.headertable h3{margin:0;color:#fff;font-size:1.2rem}
#table-download{max-width:100%;margin:2rem auto;overflow-x:auto;border-radius:.3rem}
#table-download table{width:100%;border-collapse:collapse}
#table-download th,#table-download td{padding:.6rem;color:#fff;text-align:center}
#table-download tr:nth-child(2n){background:#0E0E1B}
#table-download tr:nth-child(2n+1){background:#171927}
#table-download a{display:inline-block;padding:.3rem .6rem;border-radius:.3rem;background:#17a2b8;color:#fff;text-decoration:none}
#table-download a.green{background:#28a745}
#table-download a.yellow{background:#ffc107;color:#000}
#table-download a.red{background:#dc3545}

Cara Menambahkan Tabel Download di Blogger

Setelah kamu memiliki kode tabel download, langkah selanjutnya adalah memasangnya ke dalam postingan Blogger. Ikuti panduan berikut agar tidak salah tempat.

  1. Masuk ke Dashboard Blogger
    Login ke akun Blogger kamu lalu pilih blog yang ingin kamu edit.
  2. Buat atau Edit Postingan
    Klik menu Postingan, lalu pilih Postingan Baru atau edit artikel yang sudah ada.
  3. Pindah ke Mode HTML
    Di editor Blogger, klik tombol Tampilan HTML (bukan Compose) agar kamu bisa menempelkan kode.
  4. Tempel Kode HTML Tabel
    Tempel kode tabel download di bagian artikel yang kamu inginkan, misalnya di tengah atau bawah artikel.
  5. Tambahkan CSS di Tema (WAJIB)
    Agar tabel tampil rapi dan berwarna, kamu harus menambahkan kode CSS ke dalam tema Blogger:
    • Masuk ke menu Tema
    • Klik Edit HTML
    • Cari bagian <style> atau </head>
    • Tempel kode CSS sebelum </head>
  6. Simpan dan Lihat Hasil
    Klik tombol Simpan lalu buka postingan untuk melihat hasil tabel download kamu.

Info!
Untuk hasil maksimal, disarankan menempatkan kode CSS di Tema Blogger agar bisa digunakan di semua halaman.

Cara Menambahkan Banyak Link Download

Jika kamu ingin menyediakan lebih dari satu link download dalam satu file (misalnya dari beberapa server seperti Google Drive, Mediafire, atau Dropbox), kamu bisa menambahkan beberapa tombol link dalam satu kolom tabel.

Fungsi ini sangat berguna jika salah satu link bermasalah, sehingga pengunjung masih bisa menggunakan link alternatif lainnya.

Contoh Kode Banyak Link dalam 1 Kolom


<td>
  <a href="#" target="_blank">Google Drive</a> | 
  <a href="#" target="_blank">Mediafire</a> | 
  <a href="#" target="_blank">Dropbox</a>
</td>

Penjelasan

  • Setiap <a> adalah link download dari server berbeda
  • Tanda | digunakan sebagai pemisah antar link
  • Atribut target="_blank" agar link terbuka di tab baru

Versi Lebih Rapi (Gunakan Tombol)


<td>
  <a class="green" href="#" target="_blank">Drive</a>
  <a class="yellow" href="#" target="_blank">Mediafire</a>
  <a class="red" href="#" target="_blank">Dropbox</a>
</td>

Dengan menggunakan class seperti green, yellow, dan red, tampilan tombol akan lebih menarik dan mudah dibedakan oleh pengguna.

Tips

  • Gunakan maksimal 3–4 link agar tidak terlalu penuh
  • Gunakan nama server yang jelas
  • Pastikan semua link aktif dan tidak rusak

Tips Agar Tabel Lebih Menarik

  1. Gunakan warna berbeda untuk header tabel
  2. Gunakan tombol download agar lebih jelas
  3. Pastikan tabel bisa di-scroll di HP
  4. Gunakan ukuran font yang nyaman dibaca
  5. Jangan terlalu banyak kolom agar tetap rapi

Kesalahan Umum yang Harus Dihindari

  1. Link download tidak aktif
  2. Tabel terlalu lebar di mobile
  3. Terlalu banyak teks dalam satu kolom
  4. Tidak menggunakan struktur tabel yang rapi
Baca Juga postingan lainya :

Kesimpulan

Membuat tabel download di Blogger adalah cara efektif untuk menampilkan banyak file secara rapi dan profesional. Dengan struktur yang jelas dan tampilan yang menarik, pengunjung akan lebih mudah menemukan dan mengunduh file yang mereka butuhkan.

Dengan mengikuti langkah-langkah di atas, kamu bisa membuat tabel download sendiri dengan mudah tanpa perlu keahlian coding yang rumit.

Semoga tutorial ini membantu. Jangan lupa bagikan ke teman kamu agar mereka juga bisa membuat tabel download di Blogger dengan mudah.

Pertanyaan Umum (FAQ)

Apa itu tabel download di Blogger?

Tabel download adalah tampilan daftar file dalam bentuk tabel yang berisi link unduhan, ukuran file, dan informasi lainnya agar lebih rapi dan mudah digunakan.

Apakah tabel download bisa digunakan untuk banyak link?

Ya, kamu bisa menambahkan banyak link download dalam satu tabel, bahkan menggunakan beberapa server seperti Google Drive, Mediafire, dan lainnya.

Apakah tabel download ini bisa digunakan di semua template Blogger?

Bisa, selama template Blogger mendukung HTML dan CSS standar, tabel download ini akan tampil dengan baik di desktop maupun perangkat mobile.

Bagaimana cara membuat tabel download terlihat menarik?

Gunakan warna pada tombol download, tambahkan efek hover, dan pastikan tabel responsif agar tetap rapi saat dibuka di HP.

Posting Komentar