tag:blogger.com,1999:blog-67132499768482196132024-03-14T04:33:09.577+07:00Blogger Tutorial Guide and TipsAll about Blogger like Blogger Tutorial, Templates and Making MoneyBenny Anghttp://www.blogger.com/profile/04748790724392679882noreply@blogger.comBlogger4125tag:blogger.com,1999:blog-6713249976848219613.post-84444804017256938572012-04-26T18:23:00.000+07:002012-07-23T21:18:59.218+07:00How to add Adsense under post title on Blogger<span class="fullpost">One Way to make money with Blogger is by using Google Adsense.<br />Google Adsense is a service which is owned by large corporations, Google search engine.<br /><br />There are many blogs that have been integrated with Google Adsense. <br /><br />How will you get paid by Google?<br /><br />Once you registered to Google Adsense and your Blog approved, you just need to write articles and setting adsense code in your blog. Advertisement from adsense will appear within your post articles. If there are visitors click on adsense ads on your blog, you will be paid by Google. <br /><br />Simply like that.</span><br />
<a name='more'></a><span class="fullpost"><br />If you have not registered with Google Adsense, please sign up at <a href="http://www.google.com/adsense">Google Adsense</a><br />For detail with Google Adsense is <a href="https://www.google.com/adsense/support/">Adsense Help</a></span><br />
<br />
<br />
<br />
<span class="fullpost">Now, I will show you How to put adsense code under the post title using Blogger.<br />In below steps, i use New Interface Blogger.<br /><br /> </span><br />
<div class="separator" style="clear: both; text-align: center;">
<span class="fullpost"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrhEpmY66lOSPv2HMR1prcaSGCnIcGfs54AkmNAJ372cG756RIF4LTwVJ7t8NdRErOOQmcyWf-OOlCbD6ubUes6rHHpebE2pmg-qnTHSQI9B-YPj-IcfQsM-kEZnK8qUDICdmJ1w-E7ecw/s1600/Blogger-new-interface.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrhEpmY66lOSPv2HMR1prcaSGCnIcGfs54AkmNAJ372cG756RIF4LTwVJ7t8NdRErOOQmcyWf-OOlCbD6ubUes6rHHpebE2pmg-qnTHSQI9B-YPj-IcfQsM-kEZnK8qUDICdmJ1w-E7ecw/s1600/Blogger-new-interface.jpg" /></a></span></div>
<span class="fullpost"><br />Step 1. Login to your <a href="http://www.blogger.com/">Blogger</a><br /><br />Step 2. Click the Drop Down menu like in the picture, then select <i><b>"Layout</b></i>."</span><br />
<div class="separator" style="clear: both; text-align: center;">
<span class="fullpost"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhggNwZ-38QnnIgtrnLDoPF6erK-nG6f4u9bOy9nG5-k-Vc2UNYhJvpIFCw9QOiU94pBxUS719HiIY0q6iL3wQXb3oLAq9zLGteSbD567-1BS_85biFYumoqq5yv6ETrmjD88yQ9MNaZM-F/s1600/Blogger-Layout.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhggNwZ-38QnnIgtrnLDoPF6erK-nG6f4u9bOy9nG5-k-Vc2UNYhJvpIFCw9QOiU94pBxUS719HiIY0q6iL3wQXb3oLAq9zLGteSbD567-1BS_85biFYumoqq5yv6ETrmjD88yQ9MNaZM-F/s1600/Blogger-Layout.jpg" /></a></span></div>
<span class="fullpost"><br /><br />Step 3. Click Edit on the Blog Posts widget.</span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOUGl7DWKxBag0ouRI2WN9Mf9Z78uR38xz4X2h6TIwmHjNUxkwzmES-jmnnl5ExgEjTTzPTxoOePG3_x_qGFPF_q_e2pBLN2ywy7gfHsUmPN1f_Wg82dFFX6Hkoz6HY45e9lY3tgY8M_XQ/s1600/blog-post.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="188" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOUGl7DWKxBag0ouRI2WN9Mf9Z78uR38xz4X2h6TIwmHjNUxkwzmES-jmnnl5ExgEjTTzPTxoOePG3_x_qGFPF_q_e2pBLN2ywy7gfHsUmPN1f_Wg82dFFX6Hkoz6HY45e9lY3tgY8M_XQ/s320/blog-post.jpg" width="320" /></a></div>
<span class="fullpost"><br />Step 4. Mark <i><b>"Show Ads Between Posts"</b></i> text box, and <i><b>"Configure Inline Ads"</b></i> will appear.</span><br />
<div class="separator" style="clear: both; text-align: center;">
<span class="fullpost"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhe1m3qcQW1ShATRdDUfNALqhBp8C0Ko9Ief5k0zr3UoTKPC1UOdu_2qrgvST-FOLq3YezlmYYJsNS3y2RuuWsWaX4CBYG4ATpA5n_U7FjSHDWkM9T_Jlfyl5rgiluJtr0hloBv2ntKVvlT/s1600/adsense-ads.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="122" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhe1m3qcQW1ShATRdDUfNALqhBp8C0Ko9Ief5k0zr3UoTKPC1UOdu_2qrgvST-FOLq3YezlmYYJsNS3y2RuuWsWaX4CBYG4ATpA5n_U7FjSHDWkM9T_Jlfyl5rgiluJtr0hloBv2ntKVvlT/s320/adsense-ads.jpg" width="320" /></a></span></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<span class="fullpost"><br />You can set your Adsense Ads through "<i><b>Configure Inline Ads"</b></i>. <br />On the <i><b>"Format"</b></i> section:<br />- Drop down menu, choose <i><b>336x280 large Rectangle</b></i> or <b><i>300x250 Medium Rectangle</i></b><br />- Choose <i><b>"Text and image"</b></i> radio button.<br /><br />Why I recommend selecting an ad format above? <br />Because it will be easier to bring in clicks from visitors and certainly also will increase your Adsense income.<br /><br />Step 5. After finished setting Your Adsense Ad, Click <b>"Save"</b> Button<br /><br />Step 6. Click the Drop Down menu like in the picture at step.2, then select "Template", in "Live On Blog" Section click "Edit HTML" and "Proceed" Button.<br /><br />Before editing your template, you may want to save a copy of it. Choose "Backup/Restore" and click "Download Full Template" <br /><br />Step 7. Check Box "Expand Widget Template"<br /><br />Find the below script, you can find the codes by using "CTRL+F" to search. In this case, I am using “Blogger Template Simple”.<br /><br />
</span><br />
<div class="separator" style="clear: both; text-align: center;">
<span class="fullpost"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjA-mEmc43LHQiC0etn4ccHBMkAkucz6dbA4dWaaffI4H7aSYrZj8U84iMy2qVb4ruFX9O4JuSJ-9qrV8JkBfovyahdpCl5xZBXaeB-ZsWFFbV_IgKhNdTZmLlc__lQS0DiuozxqM1m6_IH/s1600/adsense-code01.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjA-mEmc43LHQiC0etn4ccHBMkAkucz6dbA4dWaaffI4H7aSYrZj8U84iMy2qVb4ruFX9O4JuSJ-9qrV8JkBfovyahdpCl5xZBXaeB-ZsWFFbV_IgKhNdTZmLlc__lQS0DiuozxqM1m6_IH/s1600/adsense-code01.jpg" /></a></span></div>
<span class="fullpost">
<br /><br /> </span><br />
<span class="fullpost"><br /></span><br />
<span class="fullpost"></span><br />
<span class="fullpost"></span><br />
<span class="fullpost"><br /> </span><br />
<br />
<br />
<span class="fullpost"><br /><br />If you can't find above code, you can find in codes below, cause there are few blog templates also using this codes below</span><br />
<div class="separator" style="clear: both; text-align: center;">
<span class="fullpost"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFVp3k1zkws4P_2bAks1GQChveZrW9jd4gg_WHuS5lcRa4F9Gj1alsgiXehNC2kv5yKjWadyLddQwaXC8LB91imjwMxsxjASE_VMU-j1tlwdZOO1laPWlfvdGg-WTkiwj2zTc2l99bd_X5/s1600/adsense-code02.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFVp3k1zkws4P_2bAks1GQChveZrW9jd4gg_WHuS5lcRa4F9Gj1alsgiXehNC2kv5yKjWadyLddQwaXC8LB91imjwMxsxjASE_VMU-j1tlwdZOO1laPWlfvdGg-WTkiwj2zTc2l99bd_X5/s1600/adsense-code02.jpg" /></a></span></div>
<span class="fullpost">
<br /><br /><br /><br /><br /><br /><br />- Then "Cut and Paste" above code and put before </span><span class="fullpost"><b><</b><i><b>data:post.body/></b></i></span><br />
<div class="separator" style="clear: both; text-align: center;">
<span class="fullpost"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCypr0akw6Rv5Go0asusFipqlxftp5UJ90i1KvJ1vNnv-7tPv0Cm-ECf2Gd2eALzvsYj-wiG_Ldtc1fXJbdI3x8QWq2gGcwDzhBypmYUFaDBH0_98ekEtcEaMIQu2zgzE57gd3ZFLwmAX8/s1600/adsense-code03.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCypr0akw6Rv5Go0asusFipqlxftp5UJ90i1KvJ1vNnv-7tPv0Cm-ECf2Gd2eALzvsYj-wiG_Ldtc1fXJbdI3x8QWq2gGcwDzhBypmYUFaDBH0_98ekEtcEaMIQu2zgzE57gd3ZFLwmAX8/s1600/adsense-code03.jpg" /></a></span></div>
<span class="fullpost">
</span><br />
<span class="fullpost"></span><br />
<span class="fullpost"></span><br />
<span class="fullpost"><br /> </span><br />
<br />
<br />
<br />
<br />
<span class="fullpost"></span><br />
<span class="fullpost"></span><br />
<span class="fullpost"><br /> </span><br />
<br />
<span class="fullpost">- Add this below blue script :</span><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<span class="fullpost"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgO9eqxFaJm0jDUO38ui3-u9Om_3cc5yWDRtAjhyn3X8QL5exGnNfqGM0q3RH-YUoSIOsnaODgo2IvvSmJn5KNomw8groqC95j9_Ub1eNJYyYb_y-WnoMnKBBlVySSVHAVzMmxhpxMXdXmR/s1600/adsense-code04.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgO9eqxFaJm0jDUO38ui3-u9Om_3cc5yWDRtAjhyn3X8QL5exGnNfqGM0q3RH-YUoSIOsnaODgo2IvvSmJn5KNomw8groqC95j9_Ub1eNJYyYb_y-WnoMnKBBlVySSVHAVzMmxhpxMXdXmR/s1600/adsense-code04.jpg" /></a></span></div>
<span class="fullpost">
<br /><br /> </span><br />
<span class="fullpost"><br /></span><br />
<span class="fullpost"></span><br />
<span class="fullpost"><br /></span><br />
<span class="fullpost"><br /><br /> </span><br />
<br />
<span class="fullpost"><br /></span><br />
<span class="fullpost"></span><br />
<span class="fullpost"><br /> </span><br />
<br />
<span class="fullpost">- Save Template.<br /><br />P.S.<br />float:left --- If you want your Adsense Codes in Left <br />float:right --- If you want your Adsense Codes in Right<br /><br /><b>!=</b> in<b><i> <b:if cond='data:blog.pageType != &quot;item</i></b></span><span class="fullpost"><b><i> &quot;'</i></b></span><span class="fullpost"><b>></b><br />Your Adsense Codes appear in Full Post<br /><br /><b>==</b> in </span><span class="fullpost"><b><i><b:if cond='data:blog.pageType == &quot;item</i></b></span><span class="fullpost"><b><i> &quot;'</i></b></span><span class="fullpost"><b>></b></span><i><b><span class="fullpost"></span></b></i><br />
<span class="fullpost">Your Adsense Codes appear in between Posts on main page<br /><br />You Can Put Your Adsense Code before <b><</b><i><b>data:post.body/> </b></i>in like this:</span><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<span class="fullpost"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixnH8GXJO8giX9vXfQ2kSqLAO-XUxBTHfdwq_-fXQdnYkyMD38ubov1M9MHjgO7OMdrD1yQ5OawB-i9IiELWBxKHhdgCNh03ZPjH4qomZNDhEnNKiwhP8Yj2HLE5pgQGza5xMhfHQEFXRM/s1600/adsense-code05.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixnH8GXJO8giX9vXfQ2kSqLAO-XUxBTHfdwq_-fXQdnYkyMD38ubov1M9MHjgO7OMdrD1yQ5OawB-i9IiELWBxKHhdgCNh03ZPjH4qomZNDhEnNKiwhP8Yj2HLE5pgQGza5xMhfHQEFXRM/s1600/adsense-code05.jpg" /></a></span></div>
<span class="fullpost">
</span><br />
<span class="fullpost"></span><br />
<span class="fullpost"></span><br />
<span class="fullpost"><br /><br /><br /> </span><br />
<br />
<span class="fullpost"><br /><br /> </span><br />
<span class="fullpost">Remember!!<br />Before your Paste Adsense Codes, convert your adsense code with <a href="http://www.eblogtemplates.com/blogger-ad-code-converter/" target="_blank">Blogger Ad Code Converter</a><br /><br />Hopefully these tips could increase your adsense revenue with bloggers<br />
</span>Benny Anghttp://www.blogger.com/profile/04748790724392679882noreply@blogger.com5tag:blogger.com,1999:blog-6713249976848219613.post-50224113521754428002010-07-11T12:21:00.002+07:002012-05-08T09:33:05.310+07:00How to Add Amazon Associate ID Links in BloggerAn alternative to get money from your blog is by selling products from amazon.com. You could put hundred to thousand amazon products by creating link to your blog. If any visitor buy certain amazon products from your blog, amazon will pay you up to 15% of products' total price.<br />
For detail Amazon Associate Fee, Click this <a href="https://affiliate-program.amazon.com/gp/associates/help/operating/advertisingfees" target="_blank">Associates Program Advertising Fee Schedule</a> <br />
<br />
<a name='more'></a><br />
<br />
To link your blog to amazon.com you have to join Amazon Associates. Here are simple steps to start:<br />
1. Sign in to your blog at <a href="http://www.blogger.com/">blogger.com</a><br />
2. Choose Monetize link at one of your blog<br />
<div style="text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkxm9znXE5P8ay6bC0kV8wlsoIWtkjVYawbgRQwj8VxmjteWAejLGIeEoTBc4ojl2YkxZ_qRo9r-vKCLMtqrgRU_EM2vFc_CDu-0V6iM27z-ErwDULTzt3B68r79iHTsznfYkubV7GnY69/s1600/setup_amazon_in_blogger_004.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="88" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkxm9znXE5P8ay6bC0kV8wlsoIWtkjVYawbgRQwj8VxmjteWAejLGIeEoTBc4ojl2YkxZ_qRo9r-vKCLMtqrgRU_EM2vFc_CDu-0V6iM27z-ErwDULTzt3B68r79iHTsznfYkubV7GnY69/s320/setup_amazon_in_blogger_004.png" width="320" /></a></div>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
3. Choose tab Amazon Associates<br />
4. In Setup Amazon Associates, <br />
- If you do not have amazon Associates ID, you must choose I want to create a new Associates ID and click SET UP AMAZON ASSOCIATES Button to register as amazon Associate member.<br />
- If you already have an amazon Associates ID, you must choose I already have an Amazon.com Associates ID, fill your Amazon Associates ID and click SET UP AMAZON ASSOCIATES Button.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIqqXSkFj4cTkcQFRbmvJNDtbb30HTJIG8FCrm7QYi3pt20QxmqJbuolv58qIVACRFzfh281NM3la82jGmxuse3s8I1o6X__lbT6yhGBE_fwlj-R2SGum1VSRLc9BMM29dDgmHsxKIuZdS/s1600/setup_amazon_in_blogger_01.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIqqXSkFj4cTkcQFRbmvJNDtbb30HTJIG8FCrm7QYi3pt20QxmqJbuolv58qIVACRFzfh281NM3la82jGmxuse3s8I1o6X__lbT6yhGBE_fwlj-R2SGum1VSRLc9BMM29dDgmHsxKIuZdS/s320/setup_amazon_in_blogger_01.jpg" /></a></div>
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<br />
Every time you post a new article, you will find Amazon Associates Box at right side to find amazon products so you could add its Link to your article.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVGUT2xTgqYa-ofbnZkq3gRFQ0EijAIGBcsvV-39QWqrcCp7SSBeJYBScASIcYTpKwPmx5z5LwIptpt4oTkblHaw5bnqq-k5nuvPU8kmdS-foxopjFq99jevcnfwgdr0SYvyJSIUydEFTV/s1600/setup_amazon_in_blogger_003.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="272" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVGUT2xTgqYa-ofbnZkq3gRFQ0EijAIGBcsvV-39QWqrcCp7SSBeJYBScASIcYTpKwPmx5z5LwIptpt4oTkblHaw5bnqq-k5nuvPU8kmdS-foxopjFq99jevcnfwgdr0SYvyJSIUydEFTV/s400/setup_amazon_in_blogger_003.png" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDDe5PNjmyIdPMbloQVjPmIe_0O8OikctEL99dYeUNxA2Z0ExMBgWFnXBuc60O8iNemcKlKg-9YUiVVxzyVKGkaUbkxJKsYosKydsl1mQ6P2IH2gD3J79-1_nW6ctzvKVqWFUMTpS-wjuw/s1600/setup_amazon_in_blogger_005.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="85" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDDe5PNjmyIdPMbloQVjPmIe_0O8OikctEL99dYeUNxA2Z0ExMBgWFnXBuc60O8iNemcKlKg-9YUiVVxzyVKGkaUbkxJKsYosKydsl1mQ6P2IH2gD3J79-1_nW6ctzvKVqWFUMTpS-wjuw/s200/setup_amazon_in_blogger_005.png" width="200" /></a></div>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
Hope you get advantage from this post. <br />
I will show how to insert other Tips of amazon associate in next time.Benny Anghttp://www.blogger.com/profile/04748790724392679882noreply@blogger.com1tag:blogger.com,1999:blog-6713249976848219613.post-67023580329247650432008-10-07T17:53:00.000+07:002011-11-09T09:27:37.417+07:00Change the Title Tags to increase Traffic in Blogger<div style="text-align: left;">
<br />
Based on default, Title tags in blogger can only show the first title set in the blog.</div>
It will be hard to increase the blog traffic and SEO (Search Engines Optimization) because the keywords appeared would not match the Post title.<br />
<br />
<br />
Then, how to make the title tags appear as the Post titles?<br />
<br />
It is simple. Some steps you have to do:<br />
<br />
1. Log in to your Blogger Account.<br />
2. Go to Layout > Edit HTML in your Blogger dashboard.<br />
3. Search (CTRL+F) for this tag: <data:blog.pagetitle><br />
4. Add this code (Bold) with the following:<br />
<br />
<blockquote>
<br />
<b><b:if cond='data:blog.pageType == &quot;index</b><b> &quot;</b><b>'></b><br />
<title><data:blog.title/></title><br />
<b><b:else/><br /><title><data:blog.pageName/></title><br /></b:if></b></blockquote>
<br />
<br />
5. Save your Templates.<br />
<br />
Now, everytime you post, title tags will appear according to your post title, prove it!!<br />
Hope this simple trick useful in increasing your blog traffic.Benny Anghttp://www.blogger.com/profile/04748790724392679882noreply@blogger.com7tag:blogger.com,1999:blog-6713249976848219613.post-42129736181857161932008-09-11T00:28:00.000+07:002012-01-13T15:14:14.310+07:00Add Favicon in your blogger<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://benny.ayong.googlepages.com/favicon-icon.jpg"><img style="margin: 0pt 0pt 10px 10px; float: right; cursor: pointer; width: 103px; height: 73px;" src="http://benny.ayong.googlepages.com/favicon-icon.jpg" alt="" border="0" /></a><span style="font-size:85%;"><span style="font-family:verdana;">Have you ever seen an icon image on your URL address just like the famous google and amazon?</span> <span style="font-family:verdana;">Do you want to change your Blogger icon into your o</span></span><span style="font-size:85%;"><span style="font-family:verdana;">wn icon like in this image?</span> <span style="font-family:verdana;"><br /><br />Isn't it cool to have your own personalize image appear in front of your own blog or website address</span> <span style="font-family:verdana;">The icon preceded to the URL address is usually called <span style="font-weight: bold;">FAVICON</span> (read:fav-eye-con). </span> <span style="font-family:verdana;">Favicon can b</span></span><span style="font-size:85%;"><span style="font-family:verdana;">e an identity of a company which is implemented in a blog or a website.</span> <span style="font-family:verdana;"><br /><br />There are only 3 simple steps to create favicon. Want to give it a try?</span><br /><span style="font-family:verdana;">Okay, let's start!</span> <span style="font-family:verdana;"><br /><br /><span style="font-weight: bold;">Step 1</span>.</span> <span style="font-family:verdana;"><br /><br />Make sure your image that you want it to be a favicon has been converted as .ico file, common size 16x16.</span> <span style="font-family:verdana;">You can convert the file using one of these free softwares, get them for free:</span> <span style="font-family:verdana;"><br />- <a href="http://www.sibcode.com/">Sib Icon Editor</a></span></span><span style="font-size:85%;"><a href="http://www.sibcode.com/"> </a><span style="font-family:verdana;"><br />- <a href="http://icofx.ro/">Icon FX </a></span><br /><br /><span style="font-family:verdana;">If you use <a href="http://www.adobe.com/">Adobe Photoshop</a>, be sure to install ico format plugin that you can download for free in <a href="http://www.sibcode.com/downloads/icon-plugin.zip">Icon Plugin</a></span> <span style="font-family:verdana;">There are also hundreds free beautiful icons in </span><span style="font-family:verdana;"><a href="http://www.favicon.co.uk/">Favicon Generator & Gallery ONLINE</a> - that you can edit for your favicon blog or website.</span> <span style="font-weight: bold;font-family:verdana;" ><br /></span></span><br /><span style="font-size:85%;"><span style="font-family:verdana;"><span style="font-weight: bold;">Step 2</span>.</span> <span style="font-family:verdana;"><br /><br />You need to have an account like <a href="http://pages.google.com/">google page creator</a> to store an image or file. </span> <span style="font-family:verdana;">You may want to register to google page creator and upload your new favicon.<br /></span></span><br /><span style="font-size:85%;"> <span style="font-family:verdana;">- Log in to your <a href="http://www.blogger.com/">Blogger</a> dashboard.</span></span><br /><span style="font-size:85%;"> <span style="font-family:verdana;">- Go to Layout > Edit HTML </span></span><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://benny.ayong.googlepages.com/favicon-layout.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 399px; height: 64px;" src="http://benny.ayong.googlepages.com/favicon-layout.jpg" alt="" border="0" /></a><span style="font-size:85%;"> <span style="font-family:verdana;"><br />- Add below code (one of) between <head> and </span></span><span style="font-size:85%;"><span style="font-family:verdana;"></head></span></span><span style="font-size:85%;"><span style="font-family:verdana;"> or after </span></span><span style="font-size:85%;"><span style="font-family:verdana;"><head></span></span><br /><span style="font-size:85%;"><span style="font-family:verdana;"><br /><span style="font-style: italic;"><blockquote><link href='http://youraccount.googlepages.com/favicon.ico' rel='shortcut icon'/></blockquote>or<br /><blockquote><link href='http://youraccount.googlepages.com/favicon.ico' rel='icon'/></blockquote></span></span></span><span style="font-size:85%;"><span style="font-family:verdana;">P.S:</span><br /><span style="font-family:verdana;">- Change your account with</span></span><span style="font-size:85%;"><span style="font-family:verdana;"> the name of your account when registering in google page creator</span> <span style="font-family:verdana;"><br />- Change Favicon.ico with the name of your icon file</span> <span style="font-family:verdana;"><br /><br />Example:</span> <span style="font-family:verdana;"><br />- Account in <span style="font-weight: bold;">Google page creator</span> : benny.ayong</span><br />- <span style="font-family:verdana;">Name of <span style="font-weight: bold;">Favicon</span> uploaded : bloggertutorial1.ico</span> <span style="font-style: italic;font-family:verdana;" ><br /><br /><blockquote><link href='http://benny.ayong.googlepages.com/bloggertutorial1.ico' rel='shortcut icon'/></blockquote><br /><br /></span></span><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://benny.ayong.googlepages.com/favicon-code.jpg"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 562px; height: 83px;" src="http://benny.ayong.googlepages.com/favicon-code.jpg" alt="" border="0" /></a><br /><span style="font-size:85%;"><span style="font-family:verdana;"><span style="font-weight: bold;">Step 3</span>.</span> <span style="font-family:verdana;"><br />Save your template and click view blog. If your favicon does not appear, refresh it (F5).</span><br /><br /></span>Benny Anghttp://www.blogger.com/profile/04748790724392679882noreply@blogger.com0