Cara Menambahkan Gambar Di samping Tulisan Navbar.
Hai....Bertemu lagi bersama saya di kesempatan ini dan di lain pembahasan, pada kesempatan kali ini saya akan mengajak anda untuk membahas bagaimana cara membuat atau menambahkan icon gambar di samping goresan pena yang ada di navbar, menyerupai yang tampak pada gambar dibawah ini :
Jika kita lihat pada gambar di atas, sudah pasti bagi anda para pemula menyerupai saya ini bertanya-tanya bagaimana caranya mampu menyerupai itu?? Menurut pengalaman pribadi, Pada awalnya saya juga resah dan pusing memikirkannya, sebab saya orangnya hobby meng utak-atik ketemu deh caranya.
Ok...kita pribadi saja ke pokok permasalahannya.
Langkah dan tahapan-tahapannya :
Jika kita lihat pada gambar di atas, sudah pasti bagi anda para pemula menyerupai saya ini bertanya-tanya bagaimana caranya mampu menyerupai itu?? Menurut pengalaman pribadi, Pada awalnya saya juga resah dan pusing memikirkannya, sebab saya orangnya hobby meng utak-atik ketemu deh caranya.
Ok...kita pribadi saja ke pokok permasalahannya.
Langkah dan tahapan-tahapannya :
- Langkah menyerupai biasanya, Login ke akun blog anda.
- Setelah masuk ke dashboard blog anda, klik menu Template => edit HTML.
- setelah masuk ke mode edit HTML, anda cari episode aba-aba navbar, kurang lebih menyerupai aba-aba di bawah ini.
<li><a expr:href='data:blog.homepageUrl'>Home</a></li>
<li><a href='#'>Business</a>
<ul class='sub-menu'>
<li><a href='#'>Internet</a></li>
</ul>
</li>
<li><a href='#'>Parent Category</a>
<ul class='sub-menu'>
<li><a href='#'>Child Category 1</a>
<ul class='sub-menu'>
<li><a href='#'>Sub Child Category 1</a></li>
</ul>
</li>
<li><a href='#'>Child Category 2</a></li>
</ul>
</li>
<li><a href='#'>Featured</a></li>
<li><a href='#'>Uncategorized</a></li>
</ul>
</div>
<i class='fa fa-(masukan goresan pena nama logo disini)'/>
<li><a expr:href='data:blog.homepageUrl'>Home</a></li>
<li><a href='#'><i class='fa fa-(disini)'/> Business</a>
<ul class='sub-menu'>
<li><a href='#'><i class='fa fa-(disini)'/> Internet</a></li>
</ul>
</li>
<li><a href='#'><i class='fa fa-(disini)'/> Parent Category</a>
<ul class='sub-menu'>
<li><a href='#'><i class='fa fa-(disini)'/> Child Category 1</a>
<ul class='sub-menu'>
<li><a href='#'><i class='fa fa-(disini)'/> Sub Child Category 1</a></li>
</ul>
</li>
<li><a href='#'><i class='fa fa-(disini)'/> Child Category 2</a></li>
</ul>
</li>
<li><a href='#'><i class='fa fa-(disini)'/> Featured</a></li>
<li><a href='#'><i class='fa fa-(disini)'/> Uncategorized</a></li>
</ul>
</div>
comment 0 komentar:
more_vertsentiment_satisfied Emoticon