Wednesday, November 28, 2012

Cara Memasang Logo/Icon Pada Footer Taskbar Blog

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> 

6. Copy Paste kode dibawah ini tepat diatas 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;
}

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>&#160;&#169;&#160;Copyright 2012&#160; </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. 

2 comments: