Ya..!!! Di samping linknya terdapat icon-icon jenis file linknya. Seperti icon zip, doc, pdf, atau bahkan html. Dengan menampilkan icon file tersebut maka itu akan lebih menjelaskan jenis file yang akan di download. Dan tentunya itu menjadi lebih menarik dibandingkan dengan hanya tulisan saja.
Agar setiap link yang berekstensi .zip .pdf .doc dapat menampilkan icon sesuai filenya, maka berikut caranya.
1. pastekan code diabwah ini setelah code <head>
<script type="text/javascript" src="http://www.geocities.com/ebenk_789/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("a[@href$=pdf]").addClass("pdf");
$("a[@href$=zip]").addClass("zip");
$("a[@href$=doc]").addClass("doc");
});
</script>
<script type="text/javascript">
$(document).ready(function(){
$("a[@href$=pdf]").addClass("pdf");
$("a[@href$=zip]").addClass("zip");
$("a[@href$=doc]").addClass("doc");
});
</script>
2. cari kode //]]>
3. Copy lalu pastekan code dibawah sebelum kode //]]>
.pdf {
padding-left: 20px;
background: transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwdjitHOjiii6qC8nNNzUjo-XbNG52GpvNozu3RAbrpdv_SDSvBLV0l3iW4j6f_rZ1_5ci7gjiAhDICbzUf7OSxW9bZbzIxLA9I_iHANfnS59OkKqKvKvMQPHQMrjwpqLrT6HDSkA1D6g/s144/icon-pdf.png) left top no-repeat;
}
.zip {
padding-left: 20px;
background: transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirUrHBDPgbz0U9_sD6q2FpxtpRmuBpHHH2zgGzkjjXXymBlTLorFLC5HVCas8WGsn4eh0OulH7DuQtu-83I424CUIYYCU1UsMQCn2zRPp8KnrpmRyTbpcluVK-UwhTw-dXZU3tYyttJeQ/s144/icon-zip.png) left top no-repeat;
}
.doc {
padding-left: 20px;
background: transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_cgU1P2dAGzR7_Y1PwR13U09Y0oozPUnnY9khUlJMknuQVovXqmjnSCwYB6v-8B9LSoBIRxcpRfUdixBJSqcrq7dP67VgWTz5ANPpe3rgtMY0Gd94H48rsomUOjILsRlwY5nnSDftLe4/s144/icon-doc.png) left top no-repeat;
}
4. Save template
Bagaimana coba kamu buat link untuk file zip atau pdf. apa iconnya muncul disamping link atau gak..
Kalo memang belum muncul pastikan kembali apa ada yang salah ^_^
4 comments
ohh ternyata gitu ya.
Replykirain harus add gambar di sampingnya. ternyata pake css ya?
makasih ya ebenk
tru klo icon kaya "DOWLOAD" itukan berbentuk gif, gimana tuh om...pak...eh mas :f
Replytapi kuk linknya ga berubah yah, apa karena postingnya udah lama? harus buat link baru gtu?
ReplyDapatkan Penghasilan Tambahan Dengan Bermain Poker Online di www , SmsQQ , com
ReplyKeunggulan dari smsqq adalah
*Permainan 100% Fair Player vs Player - Terbukti!!!
*Proses Depo dan WD hanya 1-3 Menit Jika Bank Tidak Gangguan
*Minimal Deposit Hanya Rp 10.000
*Bonus Setiap Hari Dibagikan
*Bonus Turn Over 0,3% + 0,2%
*Bonus referral 10% + 10%
*Dilayani Customer Service yang Ramah dan Sopan 24 Jam NONSTOP
*Berkerja sama dengan 4 bank lokal antara lain : ( BCA-MANDIRI-BNI-BRI )
Jenis Permainan yang Disediakan ada 8 jenis :
Poker - BandarQ - DominoQQ - Capsa Susun - AduQ - Sakong - Bandar Poker - Bandar 66
Untuk Info Lebih Lanjut Dapat menghubungi Kami Di :
BBM: 2AD05265
WA: +855968010699
Skype: smsqqcom@gmail.com
Dapatkan Penghasilan Tambahan Dengan Bermain Poker Online di www , SmsQQ , com
Keunggulan dari smsqq adalah
*Permainan 100% Fair Player vs Player - Terbukti!!!
*Proses Depo dan WD hanya 1-3 Menit Jika Bank Tidak Gangguan
*Minimal Deposit Hanya Rp 10.000
*Bonus Setiap Hari Dibagikan
*Bonus Turn Over 0,3% + 0,2%
*Bonus referral 10% + 10%
*Dilayani Customer Service yang Ramah dan Sopan 24 Jam NONSTOP
*Berkerja sama dengan 4 bank lokal antara lain : ( BCA-MANDIRI-BNI-BRI )
Jenis Permainan yang Disediakan ada 8 jenis :
Poker - BandarQ - DominoQQ - Capsa Susun - AduQ - Sakong - Bandar Poker - Bandar 66
Untuk Info Lebih Lanjut Dapat menghubungi Kami Di :
BBM: 2AD05265
WA: +855968010699
Skype: smsqqcom@gmail.com
bosku minat daftar langsung aja bosku^^
Post a Comment