Sabtu, 17 Februari 2018

Membuat Bullet / Unordered dengan Icon Folder

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 :

Unordered list dengan icon folder dan hover dikala di link berdasarkan saya keliahatan sedikit  Membuat Bullet / Unordered dengan Icon Folder

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/AVvXsEhLswjfW7XDbyQChxsaKWdRVVE2GnMQkQgplmGYg72-dUpRphBxNbXWfmZ4zcjWUHMKlEEtlmDPke7CXFUcDcyInh0nLO2LHuOsuH70ThsTCezL39h45hlj-tUVMFgCK0lGu8n-d4dC0N8/);
}
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

Tidak ada komentar:

Posting Komentar