Cara Membuat Kotak Download Pada Postingan

Wah rasanya masih banyak hal yang berkaitan tentang dunia tutorila blog, karna kreasi dari para blogger benar-benar inspiratif dan akan terus tergali. Pada posting kali ini saya ingin membahas tentang membuat kotak download. Yang saya maksud dengan kotak download adalah kotak area yang memuat link download, mirip dengan teks area tapi hanya saja kotak download saya berikan background dan border di semua sisi kotaknya. Bagaimana anda tertarik untuk memasang di blog anda, agar blog anda terlihat lebih menarik dan keren? Kalau ya silahkan lanjut bacanya:

Langkah-langkah untuk membuat kotak download:

1. Sign In ke blog anda.

2. Tuju tab Layout/Tata Letak -> Edit HTML

3. Backup template anda dengan mengklik Download Full Template.

4. Tidak PERLU mencentang kotak yang bertuliskan Expand Widget Template.

5. Cari kode ini

]]</b:skin>

6. Setelah ketemu, Pasang kode dibawah ini persis di ATAS kode tadi:

.down {
border: 1px solid #C39200;
color: #191919;
background: #FFBF00 url(http://roele112.googlepages.com/dl.gif) no-repeat;
margin: 0 25px 15px;
padding: 12px 12px 12px 12px;
}

7. Simpan template

8. Langkah selanjutnya adalah membuat postingan. Nah pada postingan yang memiliki link download, jika sobat ingin memasang linknya di kotak download caranya seperti ini:

<div class="down">
TULIS LINK DISINI
</div>

contoh:


9. SELESAI


Sobat bisa modifikasi kotak download sesuai keinginan sobat, dan kotak download juga bisa sobat gunakan untuk kotak alert, kotak note dan sebagainya.

Jangan lupa baca juga disini