Setiap ngedit blogku, aku tuh selalu nge posting apa yang barusan aku lakuin supaya aku nggak susah-susah nyari di blog lain.
Hmmm, kiat mempercantik blog untuk kali ini adalah menambahkan gambar dalam bentuk icon, emoticon, maupun yang lainnya di setiap judul posting blog. Itu loo, icon di samping judul posting blog kita ::::
Cara yang pertama :
1. Sign in ke blog teman-teman
2. Klik Rancangan
3. Klik Edit Html
4. Centang Expand Widget Templates
5. Jangan lupa di download template kamu. Kalau nggak di copy paste dulu template kamu ke Notepad.
6. Cari kode ini (pakai CTRL+F biar gampang) :
<a expr:href='data:post.url'><data:post.title/></a>
7. Sisipkan kode url teman-teman, formatnya jadi gini :
<a expr:href='data:post.url'>
<img border='0' src='http://i1196.photobucket.com/albums/aa406/radira_lla/Muach_Icon_Radira.gif'/>
<data:post.title/></a>
<img border='0' src='http://i1196.photobucket.com/albums/aa406/radira_lla/Muach_Icon_Radira.gif'/>
<data:post.title/></a>
atau bisa juga gini :
<a expr:href='data:post.url'>
<img border='0' hight='45' src='http://i1196.photobucket.com/albums/aa406/radira_lla/Muach_Icon_Radira.gif' width='45'/>
<data:post.title/></a>
<img border='0' hight='45' src='http://i1196.photobucket.com/albums/aa406/radira_lla/Muach_Icon_Radira.gif' width='45'/>
<data:post.title/></a>
*kode berwarna biru itu bisa diganti sama URL gambar/ emoticon/ animasi kalian.
8. Klik Save
9. Selesai.
Kalau nggak ada kode ini :
<a expr:href='data:post.url'><data:post.title/></a>
1. Teman-teman cari kode
.post h3
biasanya formatnya tuh gini
.post h3 {
margin:.5em 0;
padding:0px 0px 0px 0px;
font-size:140%;
font-weight:bold;
font-style:italic;
line-height:1.3em;
color:#333;
margin:.5em 0;
padding:0px 0px 0px 0px;
font-size:140%;
font-weight:bold;
font-style:italic;
line-height:1.3em;
color:#333;
2. ubah jadi gini
.post h3 {
background:url(http://i1196.photobucket.com/albums/aa406/radira_lla/Muach_Icon_Radira.gif) no-repeat;
margin:.5em 0;
padding:0px 0px 05px 30px;
font-size:140%;
font-weight:bold;
font-style:italic;
line-height:1.3em;
color:#333;
background:url(http://i1196.photobucket.com/albums/aa406/radira_lla/Muach_Icon_Radira.gif) no-repeat;
margin:.5em 0;
padding:0px 0px 05px 30px;
font-size:140%;
font-weight:bold;
font-style:italic;
line-height:1.3em;
color:#333;
*nilai paddingnya tolong diubah yaa...
3. Monggoh di Save.
Sumber :berbagai sumber
yeaaaa! nice info, coba ah :D
ReplyDeletegpp lwat cbox khan juga bisa...blog qm bagus lhoh
ReplyDelete@Nelva Amelia masama ^^)
ReplyDelete@Vallent Rastafara makasih :D
ReplyDeletebagus nih
ReplyDeletenanti tak coba ya :D
mantap gan , info nya sangat bagus
ReplyDelete