GO Blog

Bullet default dari blogger memang tidak terlihat begitu jelek di posting namun para blogger memodifikasinya agar lebih terlihat unik dan berbeda dari yang lainnya dengan menambahkan icon yang bervatif. Selain menambah kesan postingan unik bullet hasil modifikasi ini juga menambah tampilan posting lebih cantik dan tidak terlihat biasa saja sehingga pengunjung semakin lebih menarik untuk membaca, lihat di bawah ini:

• Modifikasi bullet sederhana dari saya
• Mau bikin di blog anda ikuti triknya
• Membuat yang otomatis atau manual

<style>
/* bullet blogger DB */
.post ul {list-style:none;}
.post ul li {
    line-height: 1.4em;
    background: transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2Rer5DdkmQNC97TUsyiIqhOd4RXK7HtC0lXs0DDxgG05rNuO5bAkolXQUQB4P0eirWbVE4CY7BL4E1l7bhAba1VuecLiAIZtY7Kk4GTBsn0-Kc7zbbdLBpayovcLAF-X-2wbEaUk8bFE/s400/265.gif) no-repeat scroll 0px 4px;
    margin: 0.3em 0;
    padding: 0 0 0.8em 20px;
}
.post ul li:hover {
    background: transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbYOF2pEIJ5SzPbXM6Z_QPlcvPvZAgt6vc4nPEDuzJpgFi1p0XVl_wl3zkOm0V9Tx7LRRlnG8Z5EY9QHRO0iyC5jxiMyw4ULehkg9ft7-uPL_27wLZVLQDFxFkHy2cEU2EvDuwf9bJJcQ/s400/261.gif) no-repeat scroll 0px 4px;
}
</style>

<ul>
<li>Tulis sesuatu di sini sesuai keinginan anda</li>
<li>Tulis sesuatu di sini sesuai keinginan anda</li>
<li>Tulis sesuatu di sini sesuai keinginan anda</li>
</ul>

4. Lalu klik publikasikan dan lihat hasilnya.

ingat: jangan lupa mengganti Tulis sesuatu di sini sesuai keinginan anda dengan tulisan yang anda inginkan.


1. Login ke akun Blogger Anda
2. Pilih Template > Edit HTML
3. Cari kode tag ]]></b:skin> dan paste kode di bawah ini diatasnya

/* bullet blogger DB */
.post ul li {
    line-height: 1.4em;
    background: transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2Rer5DdkmQNC97TUsyiIqhOd4RXK7HtC0lXs0DDxgG05rNuO5bAkolXQUQB4P0eirWbVE4CY7BL4E1l7bhAba1VuecLiAIZtY7Kk4GTBsn0-Kc7zbbdLBpayovcLAF-X-2wbEaUk8bFE/s400/265.gif) no-repeat scroll 0px 4px;
    margin: 0.3em 0;
    padding: 0 0 0.8em 20px;
}
.post ul li:hover {
    background: transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbYOF2pEIJ5SzPbXM6Z_QPlcvPvZAgt6vc4nPEDuzJpgFi1p0XVl_wl3zkOm0V9Tx7LRRlnG8Z5EY9QHRO0iyC5jxiMyw4ULehkg9ft7-uPL_27wLZVLQDFxFkHy2cEU2EvDuwf9bJJcQ/s400/261.gif) no-repeat scroll 0px 4px;
}

4. Lalu simpan perubahan.

Langkah berikutnya untuk menambahkan ke posting

Buka blogger anda dan buat posting/entri baru
Tulis tulisan yang anda inginkan lalu blok dan tekan tombol bullet di bar editor posting, lihat gambar di bawah ini:

Dan publikasikan postingan anda.


Demikian saja, semoga berhasil dan berguna...