Cara Sederhana Membuat Download Box pada Blog

Cara Membuat Download Box pada Blog – Untuk kalian yang memiliki blog, download box pasti begitu sangat bermanfaat untuk anda yang mempunyai blog download. Misalnya seperti blog download film, drama, anime, hingga software sekalipun.

Cara Membuat Download Box pada Blog
Cara Membuat Download Box pada Blog

Oleh karena itu, dengan munculnya download box ini pengunjung blog anda dapat lebih jelas menemukan mana tombol download dan mana iklan yang tidak penting. Seperti yang kita ketahui, biasanya orang-orang yang mengunjungi blog anda itu mengasal klik yang ternyata malah dibawa ke situs tidak jelas dan akhirnya tidak tertuju pada alamat yang ingin diinginkan. Bukankah begitu? Nah, maka dari itu saya akan memberikan tutorial untuk membuat download box pada blog agar pengunjung anda juga tidak merasa kesal sendiri dan tidak ingin mengunjungin blog anda lagi.

  1. Pertama-tama anda masuk lebih dulu ke halaman blogger.com.
  2. Kemudianya masuk ke Tema, lalu Edit HTML dan cari kode seperti dibawah ini

]]></b:skin atau </style>

/* CSS Download Box */ .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. Langkah berikutnya, untuk memasang downloa box pada blog anda, di dalam post anda pilih tab HTML (bukan compose). Salin semua kode dibawah ini:

<div class=”dbox-wrap”> <div class=”dbox”> <div class=”dbox-list”> <strong>480p</strong> <a href=”#” rel=”nofollow” target=”_blank” title=”Cara Membuat Download Box di Blogger”>GoogleDrive</a> | <a href=”#” rel=”nofollow” target=”_blank” title=”Cara Membuat Download Box di Blogger”>Openload</a> | <a href=”#” rel=”nofollow” target=”_blank” title=”Cara Membuat Download Box di Blogger”>Zipyshare</a> </div> <div class=”dbox-list”> <strong>720p</strong> <a href=”#” rel=”nofollow” target=”_blank” title=”Cara Membuat Download Box di Blogger”>GoogleDrive</a> | <a href=”#” rel=”nofollow” target=”_blank” title=”Cara Membuat Download Box di Blogger”>Openload</a> | <a href=”#” rel=”nofollow” target=”_blank” title=”Cara Membuat Download Box di Blogger”>Zipyshare</a> </div> <div class=”dbox-list”> <strong>1080p</strong> <a href=”#” rel=”nofollow” target=”_blank” title=”Cara Membuat Download Box di Blogger”>GoogleDrive</a> | <a href=”#” rel=”nofollow” target=”_blank” title=”Cara Membuat Download Box di Blogger”>Openload</a> | <a href=”#” rel=”nofollow” target=”_blank” title=”Cara Membuat Download Box di Blogger”>Zipyshare</a> </div></div></div>

  1. Lalu atur title serta link yang ingin anda sesuaikan dengan kebutuhan. Dan Publish.

Baca Juga : Cara Menghapus Cache dan Cookies