Translate This Page Here

By Kanwara

Monday, July 27, 2009

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

0 comments:

Post a Comment

 

Tutorial Blogspot

Recent Comments

About Us

my logo

TEBE is "Tutorial Blogger". This blog serves as showcase for my project and others blogger. Wanna learn more about web/blog design, css, html, graphic design, photography, programming, etc.
[View my complete profil!]

Connect ith Me


Follow Kanwara on Twitter!Connect with Kanwara on Facebook!Visit my wordpress blog!Join at aRawna Blog Tutorial!

Copyright © 2009 All Rights Reserved TeBe Tutorial Blogger | Designed:Kanwara Dotcom