Cara Menambah Icon FontAwesome di Menu Blog

SHARE:

tutorial kali ini bagaimana cara menambah icon font awesome di samping text judul seperti menu dan lainnya kalian lihat di blog ini di atas terjejer ada menu linux, windows, android, code/script dan download, itu semua berkat font awesome icon yang sangat menarik dan beragam.

contoh font awesome icon
font awesome icon ini di ambil dari source fortawesome.github.io

1. masuk ke template > edit html kalian cari codenya text


edit html
2. jika sudah di temukan dan kalian bisa menambahnya dengan code ini :

[<li class='fa fa-adn'/>]

3. contoh saya memakainya di text about kodenya saya taruh di depan sebelum <a href= maka menjadi seperti ini

[<li class='fa fa-adn'/> <a   href='#about' title='About'> About</a>]

4. fa adalah font awesome dan adn adalah iconnya kalian bisa cari sesuka hati dan sesuai selera dan saya terapkan pada blog ini maka kodenya seperti yang di screenshot di bawah ini : 


maka hasilnya akan menjadi unik seperti ini :


nah unik kan? biar enak dan creatif hehe..

di balik keindahan tampilan suatu blog atau website semua mengandung kode script yang unik semakin indah semakin sulit juga kode yang ada.
terima kasih telah berkunjung miripgeeks
salam geeks

  • [message]
    • ##check##  perhatian
      • Terima kasih telah berkunjung ke blog miripgeeks yang sederhana ini, jangan lupa berkunjung lagi ya, untuk tutorialnya. matikan adblock anda karena blog ini aman dan bermanfaat, sehingga anda tidak dirugikan apapun :)

COMMENTS

Protected By:

Name

16.04 Xenial Xerus,11,16.10 Yakkety Yak,4,5G,1,ads,4,adsense,5,AI,1,Akuntansi,1,Analytic,1,android,13,Android Emulator,4,Android Studio,2,Antergos,2,Apache,2,Apk,2,Apple,2,Apps,3,Apricity OS,1,APT,8,Aptitude,1,archlinux,15,ArchStrike,1,Backbox Linux,1,backtrack,3,bash,8,Belajar Package Manager,6,Bisnis,2,Black Lab Linux,1,BlackArch,3,blog,47,blog tutorial,21,blogger,25,BlueStack,1,Browser,4,Budgie desktiop,3,Budgie desktop,1,Bugtraq,1,C.A.I.N.E,1,CentOS,29,Chalet OS,1,Chrome,7,Cinnamon,6,CLI,15,code,19,Command,1,css,6,Cut,1,de,1,debian,46,Debian 10,2,Deep Learning,1,Deepin,2,DEFT Linux,1,Desain Grafis,1,Developers,23,Distro,57,DNF,9,Dracos Linux,2,Ebook,1,EFI,1,elementary OS,7,Emacs Libre/text editor,1,EPEL Repository,1,Ethical Hacking,7,Fedora,31,Firefox,9,Fix MBR,1,FreeBSD,3,FTP Client,1,G Suite,1,Game,3,Gaming,7,GIMP,1,git,1,GNOME,16,GNU,12,GNU Bash,9,GNU/Linux,51,Google,7,Hack,4,Hacking,4,html,11,Htop,1,HTTP,1,Intel Core i5,1,Intel Core i7,1,Intel Core i9,1,internet,14,iOS Emulator,2,Java,1,Kali Linux,4,KDE,9,Keuangan,1,Kodachi,1,Kubuntu,3,LAMP,2,Laptop,1,learning how to,71,LEMP,2,LibreOffice,7,Lightweight,1,linux,106,linux apps,55,Linux From Scratch,7,Linux Lite,1,Linux Mint,16,LinuxConsole,1,Lubuntu,4,LXDE,10,LXQt,2,Mac,4,MacOS,2,Malware,2,manjarolinux,9,Maps,1,MariaDB,3,MARS 2020,1,MATE,12,MBR,1,Microsoft,11,mirip geeks,49,Monitoring Process,1,Mozilla,7,Mp3 Downloader,1,MS Office,1,Music Downloader,1,MX Linux,1,MySQL,5,NASA,1,Network,1,Nginx,2,NMAP,1,NordVPN,1,Notebook,1,NST,1,Office,8,openBSD,1,OpenOffice,2,opensource,87,OpenSUSE,1,Openwall,1,Operating System,1,Oracle Linux,2,Package Manager,10,Pacman,1,Pamac.,1,Pantheon,1,Parrot Sec OS,4,PC,2,Penetration Testing,5,Pentoo Linux,2,PHOTO EDITOR,1,PHOTOSHOP,1,PHP,6,Privacy,1,program,45,Protonmail,1,Puppy Linux,1,PureOS,1,Python,2,Q4OS,1,ReactOS,1,Redhat,21,release,34,Remix OS,2,Remix OS Player,1,Repository,14,RHEL,19,Rolling Release,6,Rootkits,1,Router,1,RPM,1,RPMForge Repository,2,SAINS,1,samurai Web Testing Framework,1,Scanner,1,ScreenFetch,1,Screenlets-Widget,1,ScreenRecord,1,seo,5,Server,12,Shell Script,3,shell scripting,3,Smartphone,1,Snapdragon,1,Social Media,1,Software,2,solus OS,3,SpyWare,1,Stabil Fixed Release,8,steam.,1,SteamOS,2,Subgraph,1,System Administrator,1,Tails OS,2,Tiny Core,1,tips,49,tools,37,TOR,2,Tor Browser,2,tutorial,74,ubuntu,51,Ubuntu Server,2,Unity,4,UNIX,6,Video,1,Vim,1,VirtualBox,1,Vmware,1,VPN,1,WattOS,1,Web Hosting,3,Web Hosting CP,2,Web Server,5,Whatsapp,1,windows,35,Windows 10,4,Windows 7,1,Windows 8,1,Windows 8.1,1,Windows ME,1,Windows XP,2,Workstation,1,Xfce,8,Xiaomi,1,Xubuntu,3,YUM,19,Zorin OS,3,ZPanel,1,
ltr
item
Mirip Geeks: Cara Menambah Icon FontAwesome di Menu Blog
Cara Menambah Icon FontAwesome di Menu Blog
cara menambah icon font awesome di blogger dengan mudah untuk pemula fa fa-font
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxJfs87oprtDVBqGVQGbfPyxpeXDqGkO8HYMKwARt1K8ist1G68CeutN23618OnQpA97zzaRJVxYOSGmVeqfCAPxbkx23bH3VDUUdn-IKbp7-G3CBIxO45SrSsuBIhmvI97-FupSJ8FQLp/s640/awesome.PNG
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxJfs87oprtDVBqGVQGbfPyxpeXDqGkO8HYMKwARt1K8ist1G68CeutN23618OnQpA97zzaRJVxYOSGmVeqfCAPxbkx23bH3VDUUdn-IKbp7-G3CBIxO45SrSsuBIhmvI97-FupSJ8FQLp/s72-c/awesome.PNG
Mirip Geeks
https://miripgeeks.blogspot.com/2016/03/cara-menambah-icon-font-awesome-di-blog.html
https://miripgeeks.blogspot.com/
https://miripgeeks.blogspot.com/
https://miripgeeks.blogspot.com/2016/03/cara-menambah-icon-font-awesome-di-blog.html
true
6822916784668735429
UTF-8
Loaded All Posts Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS PREMIUM CONTENT IS LOCKED STEP 1: Share. STEP 2: Click the link you shared to unlock Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy