Alul Stemaku: Tutorial Blog

Cara Menambahkan Icon Folder Pada Label Di Blog

<div style="clear: both; text-align: center;" class="separator">
<a href="http://library.vu.edu.pk/cgi-bin/nph-proxy.cgi/000100A/https/blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4rCIzjEXnhPsaYypgjVOQ31LDaWsoXkVfh9LVYIU_OTeLuINRRKn9R9vG7gJaXC0ZLSkAxGHrB3xUC-kene3ygNX2ZHflAgdOtBNfG4OeVmc-aSwWDuHVHRIq0TCMhBcSLIshaZS3ewE/s1600/label+icon+alul.jpg" style="margin-left: 1em; margin-right: 1em;" imageanchor="1"><img src="http://library.vu.edu.pk/cgi-bin/nph-proxy.cgi/000100A/https/blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4rCIzjEXnhPsaYypgjVOQ31LDaWsoXkVfh9LVYIU_OTeLuINRRKn9R9vG7gJaXC0ZLSkAxGHrB3xUC-kene3ygNX2ZHflAgdOtBNfG4OeVmc-aSwWDuHVHRIq0TCMhBcSLIshaZS3ewE/s1600/label+icon+alul.jpg" border="0" /></a></div>
<div style="clear: both; text-align: center;" class="separator">
<br /></div>
<div style="clear: both; text-align: left;" class="separator">
Assalamualaikum sobat blogger, maaf baru sempat posting lagi nih. Pada kesempatan kali ini saya akan share sedikit tutorial tentang blog yaitu <b><a href="http://library.vu.edu.pk/cgi-bin/nph-proxy.cgi/000100A/http/alul-stemaku.blogspot.com/2015/06/cara-menambahkan-icon-folder-pada-label.html">Cara Menambahkan Icon Folder Pada Label Di Blog</a></b>, udah lama nih gak bikin post mengenai blog, mudah mudahan tutorial kali iniberguna bagi anda. </div>
<div style="clear: both; text-align: left;" class="separator">
<br /></div>
<div style="clear: both; text-align: left;" class="separator">
Oke langsung aja gak usah panjang lebar langsung aja ikuti langkah langkah berikut.</div>
<div style="clear: both; text-align: left;" class="separator">
<br /></div>
<div style="clear: both;" class="separator">
1. Login ke akun blogger kalian masing masing. <span style="color: red;">( wajib )</span></div>
<div style="clear: both;" class="separator">
2. Lalu Masuk <b>Template</b> >> <b>Edit html</b></div>
<div style="clear: both;" class="separator">
3. Jangan Lupa Centang Expand widget template <span style="color: red;">( bagi pemula )</span></div>
<div style="clear: both;" class="separator">
2. Cari kode <b>]]></b:skin></b> <span style="color: red;">( untuk mempermudah pencarian tekan ctrl +  f  )</span></div>
<div style="clear: both;" class="separator">
4. Copy Script di bawah ini dan letakkan di atas code <b>]]></b:skin></b></div>
<blockquote style="clear: both;" class="tr_bq">
/*ICON LABEL----------------------*/<br />
#Label1 ul, #Label2 ul{<br />
list-style:none;<br />
margin:0 0 0;<br />
padding:0 0 8px;<br />
}<br />
#Label1 li, #Label2 li{<br />
background:url(<span style="color: red;">http://i965.photobucket.com/albums/ae136/boujan/folder.png</span>) no-repeat;<br />
padding-top:0;<br />
padding-right:0;<br />
padding-bottom:3px;<br />
padding-left:20px;<br />
margin-bottom:3px;<br />
border-bottom:1px dotted #063E3F;<br />
line-height: 1.2em;<br />
}</blockquote>
5. Lalu klik <b>Simpan template.</b><br />
6. Selesai, jika berhasil. hasilnya akan seperti gambar diatas.<br />
<br />
<b>Catatan :</b><br />
JIka ingin mengganti gambar icon sesuai yang anda inginkan caranya mudah, ganti saja script yang saya sudah tandai warna <span style="color: red;">merah</span> dengan alamat/url gambar yang anda miliki.

Cara Menambahkan Icon Folder Pada Label Di Blog

Assalamualaikum sobat blogger, maaf baru sempat posting lagi nih. Pada kesempatan kali ini saya akan share sedikit tutorial tentang blo...