Cara Membuat Download Box Pada Blog

Cara Membuat Download Box Pada Blog – Sebuah blog akan banyak dikunjungi banyak orang jika memilki konten yang berkualitas dan tentunya juga menarik.

Blog sendiri memiliki banyak beragam fungsi diantaranya yaitu menjadi sebuah media publikasi dalam sebuah kampanye politik, untuk catatan profil pribadi, untuk jasa penjualan online dan masih banyak lagi.

Ada beberapa blog yang dikelola oleh seorang penulis tunggal, sementara ada juga yang dikelola oleh beberapa penulis.

Dan banyak juga blog yang memiliki fasilitas interaksi dengan para pengunjungnya, seperti menggunakan buku tamu dan kolom komentar yang dapat memperbolehkan pengunjungnya untuk meninggalkan komentar tentang isi dari tulisan yang diposting dalam blog mereka, namun demikian ada juga blog yang bersifat sebaliknya.

Membuat blog bagi pemula memang akan mendapatkan beberapa kesulitan. Ada banyak jenis blog yang bisa kalian buat yaitu :

  1. Blog pribadi atau disebut juga dengan buku harian online yang isinya tentang pengealaman keseharian seseorang, puisi, gagasan, perbincangan teman dan berisi tentang keluhan.
  2. Lalu yang kedua yaitu blog politik yang berisi tentang sebuah berita, aktivis, politik, kampanye dan semua hal yang berhubungan dengan politik.
  3. Kemudian yang ketiga yaitu blog bertopik yang isinya membahas tentang sesuatu dan hanya fokus pada bahasan tertentu.
  4. Blog sastra merupakan literary blog atau sering dikenal dengan litblog
  5. Blog bisnis biasanya blog jenis ini digunakan oleh para wirausahawan atau pegawai untuk kegiatan promosi bisnis tanpa modal bagi mereka.
  6. Blog kesehatan blog ini berisi tentang kesehatan. Blog ini kebanyakan berisi tentang keluhan pasien, berita kesehatan terbaru, keterangan-ketarangan tentang kesehatan, dan lain-lain.

Dan tentunya masih banyak lagi jenis-jenis blog yang lainnya. Saat ini banyak sekali dari para blogger yang telah menjadikan blognya sebagai sumber penghasilan utama melalui sebuah program periklanan seperti misalnya publisher AdSense, postingan berbayar, penjualan produk dan berbagai macam program-program afiliasi.

Nah agar bisa menghasilkan uang dari blog kalian tentunya kalian harus menarik banyak pengunjung ke blog kalian.

Ada beberapa hal yang bisa membuat blog kalian ramai dikunjungi yaitu hilangkan widget yang tidak begitu penting.

Biasanya beberapa blogger sering menambahkan banyak widget pada blognya yang tujuannya adalah agar blog mereka lebih menarik tapi malah justru sebaliknya jika terlalu banyak dipasang widget yang tidak penting pengunjung jadi malas untuk melihat blog kalian.

Maka dari itu pasanglah widget yang penting-penting saja misalnya seperti memasang tombol Download Box.

Jika kalian kesulitan dalam membuat Download Box pada blog mari kita bahas disini.

Sebuah box download ini memiliki desain yang responsive dan cukup menarik walaupun desainnya yang sederhana.

Download box ini mencakup tentang judul dari film atau nama aplikasi, kualitas video misalnya 480p, 720p, 1080p, file part, dan juga sumber atau server downloadnya.

Namun jika kalian memiliki kemampuan dalam mengolah blog, mungkin kalian bisa mendesainnya kembali sesuai dengan keinginan kalian.

Cara Membuat Download Box Pada Blog

Berikut langkah-langkah dalam membuat box download pada blog :

  1. Yang pertama silahkan kalian masuk ke Blogger.com
  2. Lalu kemudian klik TemaEdit HTML
  3. Setelah itu letakkan kode css berikut di atas kode ]]></b:skin>atau </style>

/* CSS Download Box by caramanual.com */ .dbox-title { padding: 8px 10px; margin: 8px 0 3px; color: #FFF; background: #3498db; } .dbox-wrap { font-size: 11px; font-weight: bold; background: #F5F5F5; padding: 10px; margin: 10px 0; } .dbox { margin: 0; padding: 0; list-style: none; } .dbox-list { background: #E4E4E4; margin-bottom: 2px; line-height: 26px; padding: 0 5px; } .dbox-list strong { background: #3498db; border-right: 2px solid #F5F5F5; width: 65px; display: block; float: left; margin-left: -5px; margin-right: 5px; color: #FFF; padding: 0 5px; text-align: center; } .dbox-list a { color: #6d6d6d; } .dbox-list a:hover { color: #222; } @media only screen and (max-width: 360px) { .dbox-list strong {width:100%} .dbox-title {text-align:center} }

  1. Lalu kemudian masukan kode berikut di bagian HTML Tab pada saat posting artikel

<div class=”dbox-wrap”> <div class=”dbox”> <div class=”dbox-title”>Judul Film</div> <div class=”dbox-list”> <strong>480p</strong> <a href=”#” rel=”nofollow” target=”_blank” title=”Server 1″>Server 1</a> | <a href=”#” rel=”nofollow” target=”_blank” title=”Server 2″>Server 2</a> | <a href=”#” rel=”nofollow” target=”_blank” title=”Server 3″>Server 3</a> | <a href=”#” rel=”nofollow” target=”_blank” title=”Server 4″>Server 4</a> | <a href=”#” rel=”nofollow” target=”_blank” title=”Server 5″>Server 5</a> </div> <div class=”dbox-list”> <strong>720p</strong> <a href=”#” rel=”nofollow” target=”_blank” title=”Server 1″>Server 1</a> | <a href=”#” rel=”nofollow” target=”_blank” title=”Server 2″>Server 2</a> | <a href=”#” rel=”nofollow” target=”_blank” title=”Server 3″>Server 3</a> | <a href=”#” rel=”nofollow” target=”_blank” title=”Server 4″>Server 4</a> | <a href=”#” rel=”nofollow” target=”_blank” title=”Server 5″>Server 5</a> </div> <div class=”dbox-list”> <strong>1080p</strong> <a href=”#” rel=”nofollow” target=”_blank” title=”Server 1″>Server 1</a> | <a href=”#” rel=”nofollow” target=”_blank” title=”Server 2″>Server 2</a> | <a href=”#” rel=”nofollow” target=”_blank” title=”Server 3″>Server 3</a> | <a href=”#” rel=”nofollow” target=”_blank” title=”Server 4″>Server 4</a> | <a href=”#” rel=”nofollow” target=”_blank” title=”Server 5″>Server 5</a> </div> </div> <div class=”dbox”> <div class=”dbox-title”>Nama Software</div> <div class=”dbox-list”> <strong>Part1</strong> <a href=”#” rel=”nofollow” target=”_blank” title=”Server 1″>Server 1</a> | <a href=”#” rel=”nofollow” target=”_blank” title=”Server 2″>Server 2</a> | <a href=”#” rel=”nofollow” target=”_blank” title=”Server 3″>Server 3</a> | <a href=”#” rel=”nofollow” target=”_blank” title=”Server 4″>Server 4</a> | <a href=”#” rel=”nofollow” target=”_blank” title=”Server 5″>Server 5</a> </div> <div class=”dbox-list”> <strong>Part2</strong> <a href=”#” rel=”nofollow” target=”_blank” title=”Server 1″>Server 1</a> | <a href=”#” rel=”nofollow” target=”_blank” title=”Server 2″>Server 2</a> | <a href=”#” rel=”nofollow” target=”_blank” title=”Server 3″>Server 3</a> | <a href=”#” rel=”nofollow” target=”_blank” title=”Server 4″>Server 4</a> | <a href=”#” rel=”nofollow” target=”_blank” title=”Server 5″>Server 5</a> </div> <div class=”dbox-list”> <strong>Part3</strong> <a href=”#” rel=”nofollow” target=”_blank” title=”Server 1″>Server 1</a> | <a href=”#” rel=”nofollow” target=”_blank” title=”Server 2″>Server 2</a> | <a href=”#” rel=”nofollow” target=”_blank” title=”Server 3″>Server 3</a> | <a href=”#” rel=”nofollow” target=”_blank” title=”Server 4″>Server 4</a> | <a href=”#” rel=”nofollow” target=”_blank” title=”Server 5″>Server 5</a> </div> </div> </div>

  1. Dan silahkan edit sesuai dengan keinginan kalian, lalu klik Publikasikan atau Perbarui

Leave a Comment