Berikut langkah-langkah memasang logo/icon pada Footer Taskbar blog:
1. Login/Masuk pada Blogger.
2. Pilih Template ---> Edit HTML.
3. Abaikan peringatan yang tertera lalu Klik Lanjutkan/Continue.
4. Checklist box Expand Template Widget.
5. Tekan F3 atau Ctrl F pada keyboard lalu cari kode ]]></b:skin>
.navbar_footer p.info {
float: right;
padding-right:20px;
line-height: 1.8;
height: 200%;
vertical-align: bottom;
}
.navbar_footer p {
float: left;
margin: 1px;
padding-top:1px;
padding-left:6px;
vertical-align: bottom;
line-height: 1.8;
}
.navbar_footer a {
color: #333;
}
.navbar_footer {
align: center;
position: fixed;
border-top: 1px solid #ddd;
border-bottom: 5 px solid #f5f5f5;
background-color: #868A08;
width: 200%;
left: 0px;
text-align: left;
color: #888;
font-family: Verdana;
font-size: 11px;
z-index:10000;
opacity: 0.9;
filter: alpha(opacity: 90);
bottom:0;
}
.navbar_footer img {
/* margin: 5px 5px -5px 5px; */
vertical-align: middle;
}
float: right;
padding-right:20px;
line-height: 1.8;
height: 200%;
vertical-align: bottom;
}
.navbar_footer p {
float: left;
margin: 1px;
padding-top:1px;
padding-left:6px;
vertical-align: bottom;
line-height: 1.8;
}
.navbar_footer a {
color: #333;
}
.navbar_footer {
align: center;
position: fixed;
border-top: 1px solid #ddd;
border-bottom: 5 px solid #f5f5f5;
background-color: #868A08;
width: 200%;
left: 0px;
text-align: left;
color: #888;
font-family: Verdana;
font-size: 11px;
z-index:10000;
opacity: 0.9;
filter: alpha(opacity: 90);
bottom:0;
}
.navbar_footer img {
/* margin: 5px 5px -5px 5px; */
vertical-align: middle;
}
7. Selanjutnya cari kode </body> Copy Paste kode dibawah ini tepat diatas kode </body>.
<div id='navbar_footer'>
<p><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0xD8aj3GHKxpK0YjKdZ98AFf_E04YTNQcAoZP22A-rKKqaToxzhAzubZ4KmgrEOlSxW6lHQVoY4hql1pcUc5LW1FVZmqHZ9gP3Ks7D7bHw7HM_pwBSyhC0lR-QcjF8aFTkUR_-OCw2nA/s20/BSLogo1.jpg'/> <a expr:href='data:blog.homepageUrl'><data:blog.title/></a> © Copyright 2012  </p>
<p class='info'>Powered by <a href='http://www.blogger.com'>Blogger</a> | Gadget by <a href='http://www.facebook.com/helmi.arifian/' target='_blank'>Helmi Arifian</a>
</p>
</div>
<p><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0xD8aj3GHKxpK0YjKdZ98AFf_E04YTNQcAoZP22A-rKKqaToxzhAzubZ4KmgrEOlSxW6lHQVoY4hql1pcUc5LW1FVZmqHZ9gP3Ks7D7bHw7HM_pwBSyhC0lR-QcjF8aFTkUR_-OCw2nA/s20/BSLogo1.jpg'/> <a expr:href='data:blog.homepageUrl'><data:blog.title/></a> © Copyright 2012  </p>
<p class='info'>Powered by <a href='http://www.blogger.com'>Blogger</a> | Gadget by <a href='http://www.facebook.com/helmi.arifian/' target='_blank'>Helmi Arifian</a>
</p>
</div>
8. Terakhir Save/simpan Template.
Note: Tulisan berwarna biru dapat anda ganti sesuai dengan blogger anda.
thanks gan atas informasinya
ReplyDeleteBagus bang informasinya
ReplyDelete