Unordered list dengan icon folder dan hover dikala di link berdasarkan saya keliahatan sedikit rupawan dari biasanya, ingin tau mirip apa c akhirnya langsung aja liat gambar dibawah ini :
Jangan cuma diliat, kalo suka diambil kalo gak suka langsung aja matikan komputer anda.....hehehhe.... bagi yang suka dan ingin membuatnya, silahkan ikuti cara berikut :
1. Login blog anda dan masuk ke template.
2. Copykan instruksi berikut diatas instruksi </style>
ul {
border: 0px solid #none;
margin: 2px;
padding: 2px 2px 2px 23px;
list-style-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFxuph4p6nN8qcJNYffpj0eMfsFaS7L-xHBoTtr0YrQD0O4Mpf-mU96tkcekSAtfT1pUOYBtKMgusje_HZYEAfBynxpnuKp2XGhx8wOPu1xS7nG8JeIFBWLzb_17Ow21r0nPGT-Y8R1F4/);
}
li a{
display:block;
color:#ff8d1b;
text-decoration:none;
border-bottom:1px dashed #ff7f00;
padding:2px 2px 2px 2px;
font-family:Georgia, garamond, serif;
}
li a:hover{
display:block;
color:#db6d00;
text-decoration:none;
border-bottom:1px dashed #ff7f00;
background:#ffdfbf;
}
3. Lihat akhirnya dengan klik Preview atau Pratinjau
4. Kalau buruk hapus aja.... :D
5. Kalau elok 'n mau dipasang ya langsung di Simpan atu kang.... hiks.
Sumber http://www.tips-trick.com
Jangan cuma diliat, kalo suka diambil kalo gak suka langsung aja matikan komputer anda.....hehehhe.... bagi yang suka dan ingin membuatnya, silahkan ikuti cara berikut :
1. Login blog anda dan masuk ke template.
2. Copykan instruksi berikut diatas instruksi </style>
ul {
border: 0px solid #none;
margin: 2px;
padding: 2px 2px 2px 23px;
list-style-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFxuph4p6nN8qcJNYffpj0eMfsFaS7L-xHBoTtr0YrQD0O4Mpf-mU96tkcekSAtfT1pUOYBtKMgusje_HZYEAfBynxpnuKp2XGhx8wOPu1xS7nG8JeIFBWLzb_17Ow21r0nPGT-Y8R1F4/);
}
li a{
display:block;
color:#ff8d1b;
text-decoration:none;
border-bottom:1px dashed #ff7f00;
padding:2px 2px 2px 2px;
font-family:Georgia, garamond, serif;
}
li a:hover{
display:block;
color:#db6d00;
text-decoration:none;
border-bottom:1px dashed #ff7f00;
background:#ffdfbf;
}
3. Lihat akhirnya dengan klik Preview atau Pratinjau
4. Kalau buruk hapus aja.... :D
5. Kalau elok 'n mau dipasang ya langsung di Simpan atu kang.... hiks.
Komentar
Posting Komentar