If you open a web/blog you will see an icon on addressbar. If you make blog in blogger your default icon will be like this:
But you can change the icon (favicon) with your own picture. it's very simple to do that. The first thing you have to do is prepare an image with low dimension, it's about 16x16 pixel to 22x22 pixel, actualy bigger is no problem but it will reduce speed to open your web/blog. And they can be formatted as gif, jpg, bmp, ico, png. Then you store your image to webhosting. But if don't know how to make it or don't want to occupied you can use the icon listed below. Ok lets begin the trick.
1. Login to blogger, chose Layouts --> Edit HTML
2. Put the code below into your <head> tag or before <head> code.
3. The bold(Red) text is an address for your icon, you can change it with your own or just copy the below listed address icon.
4. Save your editing.
But you can change the icon (favicon) with your own picture. it's very simple to do that. The first thing you have to do is prepare an image with low dimension, it's about 16x16 pixel to 22x22 pixel, actualy bigger is no problem but it will reduce speed to open your web/blog. And they can be formatted as gif, jpg, bmp, ico, png. Then you store your image to webhosting. But if don't know how to make it or don't want to occupied you can use the icon listed below. Ok lets begin the trick.
1. Login to blogger, chose Layouts --> Edit HTML
2. Put the code below into your <head> tag or before <head> code.
<!-- Change The Address bar Icon -->
<link href='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgx2VsstfR4ozDFe_WRE6xxhamf3yUeBn9hkEQK6SkOHnzfeBjRLlvvHDAB-3SBls3J5To-P71Z1I7i9v6mEFPrXuc_us1Zlk60l_HNphB_uGeJiES1luEKQqkY38u2VwYgYAfZSdGpnO9U/' rel='shortcut icon' type='image/x-icon'/>
<!-- end -->
<link href='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgx2VsstfR4ozDFe_WRE6xxhamf3yUeBn9hkEQK6SkOHnzfeBjRLlvvHDAB-3SBls3J5To-P71Z1I7i9v6mEFPrXuc_us1Zlk60l_HNphB_uGeJiES1luEKQqkY38u2VwYgYAfZSdGpnO9U/' rel='shortcut icon' type='image/x-icon'/>
<!-- end -->
3. The bold(Red) text is an address for your icon, you can change it with your own or just copy the below listed address icon.
4. Save your editing.
Không có nhận xét nào:
Đăng nhận xét
Cám ơn bạn !
Hãy để lại lời bình nếu bạn thấy thú vị.