Tutorial Memasang Icon Tab Pada Sidebar

LOADING......

Sehabis membaca pendapat sebagian sobat di artikel metode membuat tab view menu, yang menanyakan gimana metode membuat icon ataupun bullet icon pada tab view menu. Sesungguhnya icon tersebut telah terdapat pada template, serta tidak di tambahkan secara manual pada dikala membuat tab view menu.

Icon tersebut hendak timbul dengan sendirinya bila kita membuat catatan tulisan, link ataupun blogroll dengan meningkatkan kode<ul<li serta menutupnya dengan</ li</ ul

Ataupun bila sobat membuat catatan link memakai sarana tambah gadget pada elemen halaman di blogger.

Buat meningkatkan icon yang bercorak kuning tersebut sangatlah gampang, simak langkah- langkahnya berikut ini:

Login ke blogger dengan user ID sobat.
Tuju Tata Letak.
Klik tab Edit HTML.
Setelah itu tambahkan kode berikut ini diatas kode]]</ b: skin

#sidebar-wrapper ul {
color:#333;
margin:0px;
padding:0px;
}
#sidebar-wrapper ul li {
background:url(http://lh6.ggpht.com/_7Y9pl24WpQY/SuHhL1fZSMI/AAAAAAAAB_w/engBWuVJmlo/link_arrow_thumb%5B1%5D.png) no-repeat 0px 5px;
margin:0px 0px 5px;
padding:0px 0px 5px 15px;
}
#sidebar-wrapper ul li a:hover {
margin:0px 0px 5px;
padding:0px;
}

Save Template.

Ket:

Kode yang bercorak merah merupakan kode css buat sidebar web aku, sobat sesuaikan dengan kode css sidebar web sobat, tetapi biasanya sama.
Kode yang bercorak ungu merupakan url dari icon, dapat sobat ubah setimpal kemauan sobat.

Contoh penulisan manual :

<ul>

<li><a href="https://gameofflinekeygenpost.blogspot.com/2019/07/jydge-apk-mod-android-free-download.html"> Mempercantik Menu Via MyCSSMenu.com</a></li>

<li><a href="https://gameofflinekeygenpost.blogspot.com/2019/07/jydge-apk-mod-android-free-download.html> Memasang Widget Sharing is Sexy di Blog</a></li>

<li><a href="https://keygenpost.blogspot.com/2019/07/cara-pasang-slidshow-di-blogger-terbaru.html> Pasang Breadcrumb Navigasi di Blog</a></li>

</ul>