Tentunya sobat ingin dong mempunyai tampilan webiste atau blog pribadi yang menarik dengan versi ui akan tetapi sobat perlu beberapa hal yang harus dipenuhi ya tentunya hosting dan domain
pasti sudah taukan dong bedanya hosting dan domain penjelasannya hosting untuk sebagai wadah atau penyimpanan file html website sedangkan untuk domain adalah alamat suatu website ya seperti codeweb.my.id misalnya hehe
 |
| Gambar icon UI |
berikut tutorialnya letakan code fon awesome svg ini di bawah java script
lalu pastekan code yang sudah di copy, perhatikan setiap baris code jangan sampai salah tempat.
Css _font Awesome icon ui == codeweb.my.id</b:includable>
<b:includable id='akar1-icon'>
<svg fill='none' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'>
<path d='M7 5C7 3.89543 7.89543 3 9 3C10.1046
3 11 3.89543 11 5C11 5.34168 10.9143 5.66336 10.7633 5.9447H11.3438C13.5529 5.9447 15.3438 7.73556 15.3438 9.9447V11.2244C15.9301 11.5731 16.323 12.213 16.323 12.9447C16.323 14.0493 15.4276 14.9447 14.323 14.9447C13.2184 14.9447 12.323 14.0493 12.323 12.9447C12.323 12.1959 12.7345 11.5432 13.3438 11.2004V9.9447C13.3438 8.84013 12.4483 7.9447 11.3438 7.9447H10V17.2676C10.5978 17.6134 11 18.2597 11 19C11 20.1046 10.1046 21 9 21C7.89543 21 7 20.1046 7 19C7 18.2597 7.4022 17.6134 8 17.2676V6.73244C7.4022 6.38663 7 5.74028 7 5Z' fill='currentColor'/></svg>
</b:includable>
Dan yang pertama anda perlu menambahkan pada bagian menu atau navbar
seperti berikut:
Css _code Navbar ui<!--[ Dropdown style 1 ]-->
<li class='drp'>
<input class='drpI hidden' id='drpDwn-9' name='drpDwn' type='checkbox'/>
<label class='a' for='drpDwn-9'>
<!--[ Icon ]-->
<b:include name='akar1-icon'/>
Dan yang ketiga sobat perlu menambahkan pada bagian menu atau navbar name='akar1-icon
css<b:include name='akar1-icon'/>