Blogger Tutorial 3

Pasang Icon Pada Setiap Judul SideBar

Pertama cari #sidebar-wrapper h2{ pada deretan kode CSS, kemudian masukan sesuai kode warna hijau dibawah:

#sidebar-wrapper h2{ background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhz7gxaxYQKhALanmJD2YUddDOM-Ql1itnudeQ3tEqU88XhyphenhyphenfjOPw8Wi4j-rsPFdr2vLv_E672tAd6l4_sQzvABnnw7309sQhkIIjbTZI6ouPad2mP-Ctja8tbj4yldQmg0TZsjv_dBm-Vo/s400/dotlink.gif") 0px 0px no-repeat; margin:.6em 0 .6em; padding:0 20px; font-size:11px; font-weight:bold; line-height:1.4em; text-transform:uppercase; color:#222; border-bottom:1px solid #C0C0C0}

Memasang Icon di link Sidebar

Pertama cari #sidebar-wrapper li{ pada deretan kode CSS, kemudian masukan sesuai kode warna hijau dibawah:

#sidebar-wrapper li{background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhz7gxaxYQKhALanmJD2YUddDOM-Ql1itnudeQ3tEqU88XhyphenhyphenfjOPw8Wi4j-rsPFdr2vLv_E672tAd6l4_sQzvABnnw7309sQhkIIjbTZI6ouPad2mP-Ctja8tbj4yldQmg0TZsjv_dBm-Vo/s400/dotlink.gif") no-repeat 0px .20em; margin:0; padding:0 0 .25em 17px; line-height:1.2em}

Memasang Icon Sebelum Title Post pada halaman List Label

Masuk halaman Edit HTML kemudian beri tanda centang pada Expand Template Widget, cari kode warna hijau di kemudian masukan sesuai kode warna merah dibawah:

<b:include data='top' name='status-message'/>

<data:adStart/>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.dateHeader'>
<h2 class='date-header'><data:post.dateHeader/></h2>
</b:if>
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<a expr:href='data:post.url'>
<img alt='&gt;&gt;&gt;' border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhz7gxaxYQKhALanmJD2YUddDOM-Ql1itnudeQ3tEqU88XhyphenhyphenfjOPw8Wi4j-rsPFdr2vLv_E672tAd6l4_sQzvABnnw7309sQhkIIjbTZI6ouPad2mP-Ctja8tbj4yldQmg0TZsjv_dBm-Vo/s400/dotlink.gif'/>
<data:post.title/></a><br/><br/>
<b:else/>
<b:include data='post' name='post'/>
</b:if>