Sebelum memulai ada baiknya sobat backup template sobat terlebih dahulu, biasakan untuk melakukan hal ini jika ingin melakukan pengeditan Template
list-style-type:none;
margin:0;
padding:0;
} .bubblewrap li{
display:inline;
width: 65px;
height:60px;
}
.bubblewrap li img{
width: 55px;
height: 60px;
border:0;
margin-right: 12px;
-webkit-transition:-webkit-transform 0.1s ease-in;
-o-transition:-o-transform 0.1s ease-in;
}
.bubblewrap li img:hover{
-moz-transform:scale(1.8);
-webkit-transform:scale(1.8);
-o-transform:scale(1.8);
}
5. Cari kode yang mirip seperti ini :
<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Contoh (Header)' type='Header'/>
</b:section>
</div>
6. Kemudian letakkan kode berikut setelah kode diatas :
<div class='bubblewrap'>
<ul>
<li><a href='#'><img src='http://your-link-image.png' title='Add to Stumbleupon'/></a></li>
<li><a href='#'><img src='http://your-link-image.png' title='Add to Facebook'/></a></li>
<li><a href='#'><img src='http://your-link-image.png' title='Add to Digg'/></a></li>
<li><a href='#'><img src='http://your-link-image.png' title='Add to Twitter'/></a></li>
<li><a href='#'><img src='http://your-link-image.png' title='Add RSS Feed'/></a></li>
</ul>
</div>
7. Simpan Template.
Untuk kode yang berwarna Biru adalah kode url untuk gambarnya, sobat bisa ganti dengan gambar social bookmark yang sobat punya.
Selamat mencoba ^_^
- Login ke Blogger.
- Klik Rancangan.
- Masuk ke Edit HTML.
- Copas kode css berikut sebelum kode ]]></b:skin>
list-style-type:none;
margin:0;
padding:0;
} .bubblewrap li{
display:inline;
width: 65px;
height:60px;
}
.bubblewrap li img{
width: 55px;
height: 60px;
border:0;
margin-right: 12px;
-webkit-transition:-webkit-transform 0.1s ease-in;
-o-transition:-o-transform 0.1s ease-in;
}
.bubblewrap li img:hover{
-moz-transform:scale(1.8);
-webkit-transform:scale(1.8);
-o-transform:scale(1.8);
}
5. Cari kode yang mirip seperti ini :
<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Contoh (Header)' type='Header'/>
</b:section>
</div>
6. Kemudian letakkan kode berikut setelah kode diatas :
<div class='bubblewrap'>
<ul>
<li><a href='#'><img src='http://your-link-image.png' title='Add to Stumbleupon'/></a></li>
<li><a href='#'><img src='http://your-link-image.png' title='Add to Facebook'/></a></li>
<li><a href='#'><img src='http://your-link-image.png' title='Add to Digg'/></a></li>
<li><a href='#'><img src='http://your-link-image.png' title='Add to Twitter'/></a></li>
<li><a href='#'><img src='http://your-link-image.png' title='Add RSS Feed'/></a></li>
</ul>
</div>
7. Simpan Template.
Untuk kode yang berwarna Biru adalah kode url untuk gambarnya, sobat bisa ganti dengan gambar social bookmark yang sobat punya.
Selamat mencoba ^_^
0 komentar:
Posting Komentar