Menghilangkan Symbol Bullet/Titik Dalam Elemen Ul Dan Li Di Depan Link

Cara Menghilangkan Bullet/Titik) didepan Link : list-style-type - Bagaimana cara menghapus instruksi bullet (lingkaran kecil) atau tanda titik yang ada di depan link. Sebenarnya tanpa menghilangkan tanda tersebut juga tidak menjadi masalah, bahkan kalau symbol bullet dipasang di link akan terlihat lebih rapi menyerupai kita kalau mengetik goresan pena dengan nomor atau symbol di ms-word (microsoft office) akan tersusun rapi goresan pena tersebut. Kalau di blogger symbol bullet atau tanda titik biasanya memakai instruksi <li>,,,,,, dan ditutup dengan dengan instruksi </li>.

Pada template blogger/blogspot sumbangan elemen ul, li pada instruksi CSS dan HTML sering kita lihat dan pada pembahasan kini ini aku akan menyebarkan tips menghilangkan symbol bullet di depan sebuah link aktif. Symbol bullet didepan link tersebut dihasilkan dari penambahan instruksi <li>.....</li> menyerupai teladan instruksi berikut ini :

CONTOH 1 :

<li><a href="http://tips-erma.blogspot.com"></a></li>

Dan hasil dari instruksi diatas jikalau dipasang didalam postingan pada mode HTML akan terbentuklah sebuah link dan didepannya ada bullet menyerupai ini :

Tanda titik atau bullet di depan link sanggup dihilangkan dengan cara menambah CSS Style Properti yang kodenya menyerupai ini : style='list-style-type: none;'

Untuk menghilangkan bullet/titik yang ada di depan link ialah dengan meletakkan kode style='list-style-type: none;' di belakang kode <li> dan misalnya penempatannya menyerupai berikut ini :

<li style='list-style-type: none;'><a href="https://duniaspirito.blogspot.com/"></a></li>

Maka jadinya sehabis ditambahkan instruksi warna biru, secara otomatis tanda bullet akan hilang

CONTOH 2 :

Perhatikan teladan widget Recent Posts atau Artikel Terbaru menyerupai berikut ini :

<script type="text/javascript">
function showrecentposts(json){for(var i=0;i<numposts;i++){var entry=json.feed.entry[i];var posttitle=entry.title.$t;var posturl;if(i==json.feed.entry.length)break;for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='alternate'){posturl=entry.link[k].href;break}}posttitle=posttitle.link(posturl);if(standardstyling)document.write('<li>');document.write(posttitle)}if(standardstyling)document.write('</li>')}
</script>
<script type="text/javascript">var numposts = 5;var showpostdate = true;var showpostsummary = true;var numchars = 100;var standardstyling = true;</script><script type="text/javascript" src="https://duniaspirito.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts"></script>

Biasanya widget artikel terbaru dipasang di sidebar blog. Untuk menghilangkan symbol bullet cukup menambahkan instruksi style='list-style-type: none;' dan cara menempatkan instruksi tersebut menyerupai berikut ini :

<script type="text/javascript">
function showrecentposts(json){for(var i=0;i<numposts;i++){var entry=json.feed.entry[i];var posttitle=entry.title.$t;var posturl;if(i==json.feed.entry.length)break;for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='alternate'){posturl=entry.link[k].href;break}}posttitle=posttitle.link(posturl);if(standardstyling)document.write('<li style='list-style-type: none;'>');document.write(posttitle)}if(standardstyling)document.write('</li>')}
</script>
<script type="text/javascript">var numposts = 5;var showpostdate = true;var showpostsummary = true;var numchars = 100;var standardstyling = true;</script><script type="text/javascript" src="https://duniaspirito.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts"></script>

Cukup paham bukan? coba anda praktekkan niscaya berhasil.