Chèn biểu tượng định dạng file trước liên kết (Blogger)

Bài viết này mình sẽ hướng dẫn các bạn thêm chức năng tự động chèn biểu tượng định dạng file vào trước liên kết cho Blogger (blogspot).
Lúc này blog của bạn sẽ tự động xác định được định dạng file trong liên kết để chèn biểu tượng tương ứng vào trước.
Ngoài việc tăng thêm tính thẩm mỹ, chức năng này còn giúp cho khách trên blog của bạn có thể biết ngay định dạng file họ sắp xem/tải về là gì.

Cách thực hiện:
- Vào Mẫu, chọn Chỉnh sửa HTML
- Bấm chọn vào ô Mở rộng mẫu tiện ích.
- Chèn đoạn mã dưới đây vào trước ]]></b:skin>:

/*--------- MBT Hyperlink Icons ----------*/
a[href*='.js'] {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4g-oIOWWkSDnn2B7SUGDvOvyznkTWB26f97Q6RX2B-LFtGqOzmY8md26bS1RjVK0FcaC6LKK-92WnNjb-n2tLA4pSW1QBixRKKgWShZuIldgUDtEA41sl_OE8Mc-EnP_qqoUZNRgMYDc/s400/file_js.png) no-repeat 0 0;
padding:7px 0 0 25px;
}
a[href*='.gif'] {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1qaSz1Ek09EQMNxUkUqvHLz1vkTf5rlw0w8VmgEaucC8h4h0sHkfY-PXhsCCDvaoA-KQ1k1tFUXZqSaBrhJTnorp1vmeMF3pff3O-iN3DUExVsQUKmqIPpYqgBIRJy4Twi2nhwjyWQek/s400/file_gif.png) no-repeat 0 0;
padding:7px 0 0 25px;
}
a[href*='.doc'] {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitHQD57dGlzojd3oe9si1daGC3DdZ52Xb9ECVXHzBtnPxKaKb0yIjUDAwaPcJK-cKLoPwDFSpqSqxDVcWkPPwLDaPL6tF8p6mPn9kjXNgfMa3Q9cazaniW8VVXJxKCrL1WfAMMic5RpdQ/s400/file_doc.png) no-repeat 0px 0px;
padding:7px 0 0 25px;
}
a[href*='.rar'] {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHamua4nTUfUwZNeJ-Mtv8DlPIcy-GaAPojZ3AS-8C6CxywFmE9K1ZVpLbYLQIpMOb4a0k6-NSStIRSzV3khl452o3-sQzsla6RWatz05c6rbLmcePX3kNzRVaLNz0QCtV6LlLJQRSXZM/s400/file_rar.png) no-repeat 0px 0px;padding:7px 0 0 25px;
}
a[href*='.zip'] {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhM7RiFxsxWgRZBQteZ8M_KKtT3TwUfCbAMVde8b2y5VsIqKp07blFYJbl8OeINPh84rE8khzBP0XVPJ-Z28AVSpuOLhuvX0WvDWoG70kls3l2gHFYBYNQ53lkphXR6_HM91fuh6IeLHx0/s400/file_zip.png) no-repeat 0px 0px;
padding:7px 0 0 25px;
}
a[href*='.mp4'] {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjH0e1ecNhITTepNNqZUAFtC4J26hYd4na-i6RIBpwpnnI3lS6ly639q38Px6SOheIlifSU5MWTvhTPz7VLaG2HfGZHLp-Z46V75oDuZaARxXm6uuMa2zdX881iIBb5JPYjNsSMUpLUfxk/s400/file_mp4.png) no-repeat 0px 0px;
padding:7px 0 0 25px;
}
a[href*='.php'] {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEif4DRLzDOYbw4aWVH8rb0EFFcPoj4J3O3DFSHRRIodKeXPzrZpwzXHyGB2VTJ7Fh-Cdb1D13Shwp64cvl84zpX1UG3ZThq6qq9bYuDGLGK7iIYN46dLchhYs-J5v0kaujMHtf_WKvSoX0/s400/file_php.png) no-repeat 0px 0px;
padding:7px 0 0 25px;
}

a[href*='.xml'] {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEVEkwvl-a9d9Fl23nWZrjbjdMnD6MRmcPkFDfplBi3BqKRYawPFRLGCsg5PCGobKgP1GD_fDrm1h966zhuvAllXmiKxF-1Rgz9PvWyj0D2_UodL3yeFFuau7r1tKufC9wtflNzYgWhwA/s400/file_xml.png) no-repeat 0px 0px;
padding:7px 0 0 25px;
}
a[href*='.pdf'] {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjilZdJGPswJTAoEXIXNaG0GJJlTX2XHMoT3rx_AvycYOu41fTKT7cbXnFqic-v5FZE6i1fzloNeEPIAZtQiJSj3XOPFy2BejUAXXn54nmB4rY0BDwnLlrUvhhYgHP4ZNADyJoktzF542g/s400/file_pdf.png) no-repeat 0px 0px;
padding:7px 0 0 25px;
}
a[href*='.xls'] {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2H6CrIN6QfEM9hJ8lMCtuSwivMUvYd47NaRYSesB75wNz2jczDZVKwXtGhWphy16eLLy1g5uv7uRNeEkEYnaGLLeC1e_BFK5KRIrh42b3I9_fV6UV7epCqdq3z_0HucQtsQsnzT9r0lc/s400/file_xls.png) no-repeat 0px 0px;
padding:7px 0 0 25px;
}

a[href*='.mpg'] {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaq2NBfYVLPPJTF9kWqrRvmf_LlL8R-5fnXD0YJa8Xh_dv2RZ5sv9lQwnV7Zfi13K7rs-Cpoj2jvFPWTzDX7lSYLYH3JWudZA6FrftnknGEjtcuVSCEfD5_B51VMsyLYksuo5GCgBs6Ao/s400/file_mpg.png) no-repeat 0px 0px;
padding:7px 0 0 25px;
}

a[href*='.bmp'] {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkrACtUDJbp7oFNFsmshVQsJTvtzSe3Iaz7A_MCgds6-Wc265v_UsiBaJGEHlxHvM8V90qwYL3FDOpkahz_Ez3gOXu2Mb6PfU5y8PWYWKD2AcHalI1LRnilDeLMyO8USpMcbRCZVPMVxc/s400/file_bmp.png) no-repeat 0px 0px;
padding:7px 0 0 25px;
}

a[href*='.avi'] {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLPKcqmAMk_gcauUQiDkI9Hv88NvParyPoOg-RCM_NsLzTC5k8AJxlQVpzgLV0dPej4Hku8IuhBT0dCucHW-9ZbbGaB17yWxRp1_4e53s9Uzlis0yabGLFnAc7dzK5QvzJeaQXUSb3MhU/s400/file_avi.png) no-repeat 0px 0px;
padding:7px 0 0 25px;
}

a[href*='.mp3'] {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIDrLsvGoYhkUzixBlefA421CSxvi2foqvWC50CPql4i1Go-u1F_24jVPnpsIOc2SuUjPctHwpX5a7N9_Dda3qpON5WL6haV0IXHn82CvzrR64S6nMETojpcC5umuEQ09_-E8Pxv1zYtA/s400/audio_alt.png) no-repeat 0px 0px;
padding:7px 0 0 25px;
}
a[href*='mailto'] {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqQEFcmo85dRuLg57z_-IcRoZCHyHhH9OleYUSyYIyoBLHBXPCx8byYjs3jP-8WVDZO_MiDbqTJ_777DFKLMKc-EbuLeBEACMX6N4U38sGVlSdPnXTgfwHfHjh510ImMctSEFVEiqde5w/s400/e_mail.png) no-repeat 0px 0px;
padding:0 0 0 25px;
}