Guides Terkini Tentang Membuat Text dengan Icon di Blogspot

Text dengan Icon biasanya kita lihat pada menu navigasi untuk sebuah blog atau situs web. Hal itu di lakukan tentu untuk memperindah tampilan situs web tersebut. Bukan hanya itu, Text dengan Icon juga bisa menambah nilai SEO pada template blog yang anda gunakan. Berikut ini adalah beberapa contoh cara membuat text dengan icon, baik itu di blogspot ataupun wordpress.

Ada banyak pilihan icon library yang dapat kita gunakan untuk desain tampilan blog kita. Bisa dari Fontawesome, Material Icon, dll. Kali ini karena saya sendiri lebih suka menggunakan Material icon dari Google font, jadi dalam artikel ini prakteknya menggunakan Google Font.

Cara Membuat Text dengan Icon di Blogspot

Berikut ini adalah beberapa contoh penerapan text dengan icon yang saya maksud. Jadi jika nanti ternyata ada yang tidak tercantum sesuai keinginan anda, silahkan tinggalkan komentar dan beritahu saya untuk segera mengupdate artikelnya.

Contoh Cara Membuat Text dengan Icon


.satu span:before {
font-family: 'Material Icons';
content: '\e3d0'
}
.dua span:before {
font-family: 'Material Icons';
content: '\e3d1'
}



Diatas adalah contoh atau cara mudah membuat text dengan icon menggunakan material icon dari google font. Sebenarnya ada banyak sekali icon yang bisa anda sesuaikan dengan kebutuhan pada situs web atau blog anda.

Tidak perlu bingung dan harus menghafalkan satu satu, karena Ramai Beud telah membuat sebuah tools generator khusus untuk Material Icon yang bisa anda gunakan secara gratis. Anda bisa ke halaman berikut ini : Material Icons Cheatsheet generator

Di halaman tersebut anda bisa memilih mau menggunakan jenis icon sesuai yang anda inginkan. Dengan adanya tool generator untuk icon yang secara otomatis sudah di kemas dalam bentuk css dan html tentu akan lebih memudahkan kerja anda dalam meng custom template.

Demikianlah, semoga bernmanfaat dan bila ada yang perlu di tanyakan silahkan tinggalkan komentarnya di bawah, nanti akan saya jawab sesuai dengan kemampuan saya. Terima Kasih dan semoga artikel tentang cara membuat text dengan icon ini bisa berguna dan bermanfaat untuk anda.

0 Response to "Guides Terkini Tentang Membuat Text dengan Icon di Blogspot"

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel