cara membuat background menggunakan fontAwesome

cara membuat background menggunakan fontAwesome
Selamat pagi gan enaknya sebelum memulai Saya ucapkan salam terlebih dahulu
Assalammualaiqum.wr.wb...
Dan tidak lupa juga untuk Membaca
Bismilahirohman nirrohim Semoga berkah Ammin



pada kesempatan kali ini saya akan memberikan sebuah tutorial cara membuat background Artikel menggunakan fontAwesome seperti yang telah saya jadwalkan dan sperti Apa contohnya berikut adalah contohnya


Ini adalah contoh untuk membuat background menggunakn fontAwesome kalian bisa lihat
Dan membuatnya pun sangat lah mudah untuk orang awam pun bisa jika kalian sedang belajar sama saya juga sedang belajar kita sama sama belajar sambil sharing

Dan berikut ini cara nya
Yang pertam kalian simpan css di bawah ini tepat di atas code ]]></b:skin>
atau di Atas code </styles>

Jika kalian menggunakaan template AMP kalian bisa menyimpanya di bawah kode
<style amp-custom='amp-custom'>

body {
  font-size: 14px;
  line-height: 1.5;
  background: #eee;
}

h1 {
  font-size: 2em;
  margin-bottom: .5em;
}

p {
  margin-bottom: 0em;
}

#wrap {
  width: 80%;
  margin: 1em auto;
  padding: 1em 1%;
  background: #fff;
  position: relative;
}

.inner {
  position: relative;
  z-index: 2;
}

#wrap:after {
  content : "\f17b";
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  position: absolute;
  font-size: 200px;
  color: #A4C639;
  top: 50%;
  left: 100%;
  margin: -200px 0 0 -200px;
  z-index: 1;
}
Dan untuk yang saya beri tanda warna biru bisa kalian ganti dengan Icode FontAwesome Yang Kalian suka maaf warna Merah maksud saya
Untuk membuat artikel kalian gunakan html di bawah ini
<div id="wrap">
<div class="inner">
Artikel klin di sini
</div>
</div>
Untuk mendapatkan Icode kalian bisa lihat  DI SINI

Hanya itu yang saya bisa . semoga saja bermanfaat kita sama sama belajar

Baca juga