Cara merubah tampilan bullet list diposting blog memakai gambar. Bullet list atau tanda bulat-bulat yang ada diposting blog akan kita ganti dengan memakai gambar, biar terlihat lebih stylish. Contoh gambar lihat dibawah ini.

Bagaimana??anda tertarik untuk mengganti bullet list diblog anda dengan gambar. Jika tertarik, silakan ikuti langkah-langkah dibawah ini.
- Login ke blogger. Selanjutnya kepengaturan Tata Letak > Desainer Template > Tingkat Lanjut > Tambahkan Css.
- Lalu copi isyarat berikut dan pastekan kedalam kotak tambahkan Css.
- Selanjutnya Klik terapkan ke blog, selesai.
.post ul {
list-style:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_dEaK8wrWqCrjI-nnHhLHBg4cKHiBgBbBpKMrCxQz8yYlt3ANM76lFuYPchJuyt0S0rFpiBIhIs5UN0ZEv2f1A7KI06MUBH10zW3nY7kAr7oOl080tlIUbmUKZudtPQ4SyTdkdsyqJMy-/s12/bullet%2520list.gif);}
list-style:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_dEaK8wrWqCrjI-nnHhLHBg4cKHiBgBbBpKMrCxQz8yYlt3ANM76lFuYPchJuyt0S0rFpiBIhIs5UN0ZEv2f1A7KI06MUBH10zW3nY7kAr7oOl080tlIUbmUKZudtPQ4SyTdkdsyqJMy-/s12/bullet%2520list.gif);}
- .post ul { isyarat untuk mengatur bullet list diposting blog.
- https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_dEaK8wrWqCrjI-nnHhLHBg4cKHiBgBbBpKMrCxQz8yYlt3ANM76lFuYPchJuyt0S0rFpiBIhIs5UN0ZEv2f1A7KI06MUBH10zW3nY7kAr7oOl080tlIUbmUKZudtPQ4SyTdkdsyqJMy-/s12/bullet%2520list.gif merupakan isyarat url dari gambar yang akan dijadikan bullet list diposting blog.
Jika ingin memakai gambar sendiri, silakan buat gambar yang akan dijadikan bullet list diprogam gambar, buatlah gambar dengan ukuran yang kecil, contohnya 16x16, menyerupai pola gambar diatas, gambar bullet list yang aku gunakan ukurannya 12x10. Untuk cara merubah ukuran gambar, kalian dapat baca di artikel cara menciptakan icon untuk website memakai photoshop.
Agar tidak memberatkan loading blog, buatlah gambar dengan format Gif. Karena dengan memakai format Gif, ukuran gambar dapat dibawah 1kb, menyerupai pola gambar, itu ukurannya hanya 873byte. Satu lagi kelebihan format gif, background gambar transparant. Makara yang terlihat hanya bab yang berwarna saja.
Agar tidak memberatkan loading blog, buatlah gambar dengan format Gif. Karena dengan memakai format Gif, ukuran gambar dapat dibawah 1kb, menyerupai pola gambar, itu ukurannya hanya 873byte. Satu lagi kelebihan format gif, background gambar transparant. Makara yang terlihat hanya bab yang berwarna saja.
Setelah final menciptakan gambar, upload gambar dan ambil Url nya. Caranya dapat baca di artikel cara upload dan ambil url gambar. Dan gunakan url tersebut ke dalam isyarat .post ul { list-style(url gambar kau sendiri);}. Selesai. Semoga dapat bermanfaat untuk anda.
0 comments:
Post a Comment