Pada kesempatan kali ini saya akan memberikan sebuah trik atau tutorial bagaimana Cara Mudah Menghilangkan Bullet Atau Tanda Titik Pada Widget Blogger. Yang dimaksud dengan bullet adalah lingkarangan kecil atau tanda titik yang berada tepat di depan link. Biasanya bullet ini terdapat di bagian halaman postingan dan dibagian widget.
Pada halaman postingan artikel anda dapat membuat dan menyisipkan bullet list dan menampilkannya tanpa ada masalah. Namun permasalahan tersebut muncul bila anda menggunakan widget yang didalamnya terdapat kode <li>.....</li>, maka secara otomatis akan mucul tampilan simbol di bagian Edit Tata Letak Blogger, seperti tampilan di bawah ini.
Sangat menjengkelkan bukan, maka dari itu saya akan memberikan sebuah trik atau tutorial bagaimana Cara Mudah Menghilangkan Bullet Atau Tanda Titik Pada Widget Blogger. Trik ini dapat di pakai untuk menghilangkan simbol bullet list dimanapun letaknya, misalnya di Halaman Postingan dan Widget, berikut adalah ulasannya.
Cara Mudah Menghilangkan Bullet Atau Tanda Titik Pada Widget Blogger
Contoh 1 : Cara menghilangkan Bullet dibagian depan link
1. Perhatikan Contoh link dibawah ini :
<li><a href="https://goindoti.blogspot.com">Goindoti</a></li>2. Maka hasil dari kode diatas jika dipasang didalam postingan pada mode HTML akan terbentuklah sebuah link dan didepannya ada bullet seperti ini :
• Goindoti
3. Tanda titik atau bullet di depan link Goindoti dapat dihilangkan dengan cara menambah CSS Style Properti yang kodenya seperti dibawah ini :
style='list-style-type: none;'4. Dan letakan di belakang kode <li> dan contohnya penempatannya seperti berikut ini :
<li style='list-style-type: none;'><a href="https://goindoti.blogspot.com/">Goindoti</a></li>5. Maka hasilnya setelah ditambahkan kode warna biru, secara otomatis tanda bullet akan hilang
Contoh 2 : Cara menghilangkan Bullet dibagian Widget
1. Perhatikan contoh widget Recent Posts atau Artikel Terbaru seperti 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="http://goindoti.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts"></script>2. Biasanya widget artikel terbaru dipasang di sidebar blog. Untuk menghilangkan symbol bullet cukup menambahkan kode dibawah ini :
style='list-style-type: none;'3. Dan cara menempatkan kode tersebut seperti 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="http://goindoti.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts"></script>4. Maka hasilnya setelah ditambahkan kode warna biru, secara otomatis tanda bullet akan hilang
Demikian tutorial mengenai Cara Mudah Menghilangkan Bullet Atau Tanda Titik Pada Widget Blogger. Bila anda merasa kesulitan menerapkan tutorial di atas pada blog kalian, jangan sungkan untuk bertanya pada kolom komentar dibawah. Semoga informasi yang diberikan bermanfaat dan sampai jumpa pada tutorial berikutnya.