Home » Wap/Web master
Thứ Năm, 28 tháng 3, 2013
Tự động nhận dạng và thêm biểu tượng trước link của từng loại tập tin trong
Hình ảnh minh họa
1. Đăng nhập vào tài khoản Blogger
2. Vào phần Mẫu (Template)
3. Chọn chỉnh sửa HTML (Edit HTML)
4. Chèn tiếp code CSS bên dưới vào trước thẻ ]]></b:skin>
a[href*='.js'] { background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGmYMtPZ6z_hHYAbjy0X7pLwYUpuweSsSlGuUkvLlI_-HIREaV6NkKKeM1epK6QYqD6PtKHYQkpsp_ldTpU8RS2rH-zHGoM08Box1Vi4UGlarYHZZtRPqHW9Nd6bNUcILLHD1YVRvJnto/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/AVvXsEi1guRQ4J8ddS1kOvL2lDAxyEjRj8MBkbgUkZpmo-L3E4H8-ZL8NXQ0trgL2_3zFX__n5dn-ZSXfvXy_ePUYPlMsU9KgdfWQ84TAP6Xr6_LglUD0-xSyHc-hIVg05k15I7FnVIWLgwCXhg/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/AVvXsEgvnGVvCH2-aJnaOsNs00Q7l8mGEpOfebfOdVBsHLbYTL0f6kAH0Bay9zy78Yy5OqOrNunQqggnN2pixNaproksfs-liYWT2Z-qdvq1lD5DdsoTF7LAZFf1ko5uGmaCUVKt-eorwXvCeIw/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/AVvXsEh2e325KRYQlWHG2lGx2xnla0QGNtBp6WwqlTOnAn9lM45gWUX5GL0EzA4RBMkmLGZZVXyVw9QOFZZ7oDE-JS8sIie7W4Vy8mwY5c7hSUZ-OlcBnCN0tOj1BU3YtGj2m3wx4-NhfXW5rbw/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/AVvXsEhaucoGtfmG9faAPSFTKHmkNTXnnH5RoHnzQk2e4KuG2NF5cys2SF0CN2I1rQCDuLS_Z5Kj02ONCZZ-yxQ8rkKp6Hj5F5LVQCc6FQl4CmA9PSLV28VDknMz2YpHp1eWi-zY2_6wI4nJbGs/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/AVvXsEgk0Wzn5Cj36Rf6PxIG8XiWp9KWjMja_LxmQBo592e2B7q_FdmaNS2gP-scUaE0fFSoYipit5DuZByol8lt5qpbF4mYh_r3jN2FbBNxp_NaaP27Pcg02FIvgZJme4v8_o2a9cgwrR5vPME/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/AVvXsEiElFMiVKc679rJtxfEf1NHRp8MgvEuEnSB-pcQQCI2hNZIVwqPLEDy5tuyp0AT-G4HTCqT8wOn2yfb3Xjbalg9UpihZguTprsPdpXs3lRPUjDSph-XrEvUc0Fz9osT0eyF0tEfWP4Hdic/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/AVvXsEhyrJcbYMJutoTCU8Oy_9VLjzM8e2VxkjbCwgoni593ZKxmPFYRAMZFq90tY6eLDFnw5cCp4ooeRwmC239tRFsffL4RjPdv1d9q6pL5Wvp6D1VAoopEzFfpB3uz83jIzl4LvhM-g3Sj_C8/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/AVvXsEj_k8BKcQjWYdINB0u37aI1bTLT_hAKfCpZKvcp9T6IahOiVypcAB4W3u73TcXqKtYqo-r0A3LSydtf1bcX2V3EqBs5jlL6es5LbLK8ZgO94btmCGjuGRCXV-MkFFwTfndgY2-5-TuYIBc/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/AVvXsEioC5EQoZ1-rxe1d822jcY8kkNwN7dLOR4_R_mpW7bQNhW7VL0QbmY_PNN5ZITh5Hl_8XJNBd9sgL_w2uj0fZXFrhJh_4_xYRDxMAlaO7ajc2KhR0mTzYk_cGpfAJkqCMexXhRelJut_lg/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/AVvXsEjo2En4ccRKkeimlNG9A0Az562Q0Ihl45vLDL4L6ettzYhBjWimS3XABYnowDJpdKJko8iZhtd5PpQ5EuoVqoZocOjkHZydhbU3yI35_9cvBkFFE7Ynq61uhJq57vGtiW9ZtDAMUCqlHgo/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/AVvXsEgGMPki2zqiQ8dxEsw04b6eKH01v3MXjbCIeqeH5qJj7If_WMBoUDluD8DbmEplB2sskbBieLquBV8QdVketfdLEfoExUG9Z0znkhHTTWKtz5aphPwL0fG3DH3YUIKXYYnY5MvhX5SU718/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/AVvXsEh09J3lp2jFzjDrncfOv-jAMm-_MjEWbn5AIqP5-oWTH_NpNxJC7lxzWYMVyoh0NqvbkNNrFpD5jtRDpSImCAWYSUaWQviZroN33mOCSvdG24MS_D2DkR0iM2NBSeqV6nmBSNXWrYL0rPM/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/AVvXsEgmbeuzgG3AZ8hSdpsaQumWArhZf4cBxT6eYIkt2M8zADRNr8UBrWEJ8InNh_klRX1CzudecgwvFPSKes2zBgpUs8kBjQBlt6girMAHIyvpUGc69O82Ch9wFoYbJ25Yn607A6nE9h4_t8k/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/AVvXsEjuIJp7nLyHpTgrDSFyGbcusE_SlHRTxjeF5yMQwVYRy3U4_pemzkLRMRqJRmREZ6iVSEhpe7XfwDdpxIpEi5lpyZP6n7VltwTR66dmgrsUN6iMcg0k9aFSIl4v8XwS8ebR89HPWZ04d1M/s400/e_mail.png) no-repeat 0px 0px; padding:0 0 0 25px; }
Bạn có thể tải bộ icon về máy tại đây hoặc tại đây và lên host của mình lấy link thay thế vào background ở trên.
Tin liên quan
Comments[ 0 ]