tag:blogger.com,1999:blog-63021139128479911672024-03-05T22:00:24.485+08:00Blogger TemplatesBlogger Templates, Tips and Tricks. We Walk the Talk Blog.Leathergloveshttp://www.blogger.com/profile/14652738944141947739noreply@blogger.comBlogger41125tag:blogger.com,1999:blog-6302113912847991167.post-634555541336737152022-03-02T09:34:00.000+08:002022-03-02T09:34:10.420+08:00Blogger image sizesNot sure why Blogger did this?<div><br /></div><div>I suspect Blogger is using CDN (Content Deilvery Network). You can no longer download or resize images.</div><div><br /></div><div>Fret not, I am here to share with you how to resize your image. I am still investigating how to download the image.</div><div><br /></div><div>You can on longer change the URL path to s0, s640, s800, s1024 to resize. Instead, you can append =s0, =s640, =s800, =s1024 (even odd size like =s1200) at the end of the URL to resize your images.<div><br /></div><div>E.g.</div><div><b><br /></b></div><div><b>Original size</b> </div><div><br /></div><div>https://blogger.googleusercontent.com/img/a/AVvXsEhrmeaxCmz6khcfpleyqv5C_sti5OtZug7hLe6nzupcRMXyv6sJJA9c5B_LS6D0lRpao9rqWnKxerAf4SHTnRHFrBwCY-JkpE_vih-xFslb_QKHbEqdYVxXLvOZE5IxDnhyJIcc4tUWF57CmfzaCk0y-NySl7JGzHG9W3iTiwaDfYYPBjCA-2wv0-je<b>=s0</b></div><div><b><br /></b></div><div><b>Resized</b> </div><div><br /></div><div>https://blogger.googleusercontent.com/img/a/AVvXsEhrmeaxCmz6khcfpleyqv5C_sti5OtZug7hLe6nzupcRMXyv6sJJA9c5B_LS6D0lRpao9rqWnKxerAf4SHTnRHFrBwCY-JkpE_vih-xFslb_QKHbEqdYVxXLvOZE5IxDnhyJIcc4tUWF57CmfzaCk0y-NySl7JGzHG9W3iTiwaDfYYPBjCA-2wv0-je<b>=s1200</b></div><div><br /></div><div>Good thing though Blogger can display the original image in it's full glory.</div><div><a href="https://blogger.googleusercontent.com/img/a/AVvXsEhrmeaxCmz6khcfpleyqv5C_sti5OtZug7hLe6nzupcRMXyv6sJJA9c5B_LS6D0lRpao9rqWnKxerAf4SHTnRHFrBwCY-JkpE_vih-xFslb_QKHbEqdYVxXLvOZE5IxDnhyJIcc4tUWF57CmfzaCk0y-NySl7JGzHG9W3iTiwaDfYYPBjCA-2wv0-je=s0" style="display: block; padding: 1em 0px; text-align: center;"><img alt="" border="0" data-original-height="3000" data-original-width="1997" src="https://blogger.googleusercontent.com/img/a/AVvXsEhrmeaxCmz6khcfpleyqv5C_sti5OtZug7hLe6nzupcRMXyv6sJJA9c5B_LS6D0lRpao9rqWnKxerAf4SHTnRHFrBwCY-JkpE_vih-xFslb_QKHbEqdYVxXLvOZE5IxDnhyJIcc4tUWF57CmfzaCk0y-NySl7JGzHG9W3iTiwaDfYYPBjCA-2wv0-je=s800" /></a></div></div>Leathergloveshttp://www.blogger.com/profile/14652738944141947739noreply@blogger.com0tag:blogger.com,1999:blog-6302113912847991167.post-63011366153993173112013-04-23T17:04:00.000+08:002013-04-23T17:04:32.567+08:00Switch Back to Old Facebook<br />
<br />
I was able to go back to the old profile layout WITHOUT DEACTIVATING my account. I discovered the technique accidentally. I did try to deactivate but a dialogue box appeared and it said my account cannot be deactivated because I was the only developer of my APP.<br />
<br />
This APP was part of the steps when I switched to TIMELINE. I just deleted it and voila, I am now back to the old but easier on the eyes profile layout.<br />
Leathergloveshttp://www.blogger.com/profile/14652738944141947739noreply@blogger.com4tag:blogger.com,1999:blog-6302113912847991167.post-44776841644542756632013-01-10T09:57:00.005+08:002023-03-21T09:00:12.214+08:00Snow Effect Javascript<img src="http://i275.photobucket.com/albums/jj300/lizjohnson802/chrsitmas_snowflakes_hd-1.gif" border="0" title="Let it Snow"><br />
<br />
Merry Christmas & Happy New Year 2013! Let it snow, let it snow, let it snow.<br />
<br />
Snow effects especially for you.<br />
<br />
<a name='more'></a><br />
<ol><li>Go to Layout->Page Elements->Add a Gadget</li>
<li><img src="http://www.blogger.com/img/widgets/icon_html.gif"> Select Add HTML/Javascript</li>
<li>Copy and paste the code and notice below->Save->Save</li>
</ol><br />
<textarea onclick="this.select()" name="textarea" cols="48" rows="4"><script src="https://cdn.jsdelivr.net/npm/christmas-snow-3d@latest/build/snow3d.js" type="text/javascript"></script></textarea>Leathergloveshttp://www.blogger.com/profile/14652738944141947739noreply@blogger.com1tag:blogger.com,1999:blog-6302113912847991167.post-10131190963037979492012-03-01T09:54:00.003+08:002012-03-01T10:35:43.036+08:00Adsense Font Problem<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUz0dpdNJ34yDQSDM5pXIV3p733zXZwEpttRphTeeeV_Nckve2k4LUaK4eBYjG8uSNv2mwfYxOXlWxFQx2pJ5eCWgupc7LYPSXlH5v0sk4-v9jcXjj3Duq5pMigfAP88yuG9vn15F3cvw/s1600/Adsense_font_problem_medium_rectangle.jpg"><img style="border:none; cursor:pointer; cursor:hand;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUz0dpdNJ34yDQSDM5pXIV3p733zXZwEpttRphTeeeV_Nckve2k4LUaK4eBYjG8uSNv2mwfYxOXlWxFQx2pJ5eCWgupc7LYPSXlH5v0sk4-v9jcXjj3Duq5pMigfAP88yuG9vn15F3cvw/s640/Adsense_font_problem_medium_rectangle.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5714741840463331202" /></a><br /><br />Recently plagued by quite a number of Blogger issues (see previous posts). Now, including this Adsense font problem on medium rectangle size ads, prompting me to start looking for alternatives like Wordpress or Tumblr.<br /><br />The Adsense medium rectangle size ads 300x250 are displaying Times New Roman fonts. I tried to change the font in Blogger design | Blog Posts but it is not available.<br /><a name='more'></a><br />I then change it in Google Adsense homepage | My ads | Ad styles. It did not take effect.<br /><br />Solution: Change back to large rectangle in Blogger design | Blog Posts to have the default Arial fonts back.Leathergloveshttp://www.blogger.com/profile/14652738944141947739noreply@blogger.com0tag:blogger.com,1999:blog-6302113912847991167.post-2274115036836845502012-02-22T09:35:00.013+08:002012-02-22T10:16:38.184+08:00Blogger New Post NOT Working<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNTTmfxx1E-swop2l-eO5LD5tDyhf9tnkTWlp9UDu3ce7wfjFw-uucxekWBXYz3SmkPSer79ivw4RFMER25AW7bhhCa5Fmvlrs5LZRbEWELholYkNB7tKlKlkrKZ059p6_XRLnLmn145w/s100/blogger_icon.png" border="0" /> Blogger New Post NOT Working - Spinning Wheel!<br /><br />Starting to lose faith in good old Blogger. Quite a number of issues met recently.<br /><br />I cannot even create a new blogger post to help you resolve this issue!<br /><br />I encountered I cannot create a new Blogger post & displaying a spinning wheel indefinitely.<br /><br /><strong>Solution:</strong><br /><a name='more'></a><br />Credits to <a href="http://knownissues.blogspot.com/">Know Issues for Blogger</a><br /><br />"We've identified a bug that prevents the new editor from loading, instead displaying a spinning circle. The underlying cause of the problem has been identified, and we are deploying a fix now. As a temporary workaround, you can still post using the old post editor (the preference can be changed under the Settings Basic tab Global Settings Select post editor <strong>Old editor</strong>)."<br /><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxDv-4QYRmNmMRFDdAg9Km-9Hdswvvnjq7l2AVIlJvMFnof2czAzZcOJ8A0xEwdEcdQMv6IkBLu9dN05S0pYYnQ7Sgx-I2dO49SZTIN0_xMo81l_a0rkFXX63YgS9JnqN6-XwWpeKJg_I/s1600/Blogger_old_editor.JPG"><img style="cursor:pointer; cursor:hand; width:600px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxDv-4QYRmNmMRFDdAg9Km-9Hdswvvnjq7l2AVIlJvMFnof2czAzZcOJ8A0xEwdEcdQMv6IkBLu9dN05S0pYYnQ7Sgx-I2dO49SZTIN0_xMo81l_a0rkFXX63YgS9JnqN6-XwWpeKJg_I/s640/Blogger_old_editor.JPG" border="0" alt="Blogger New Post not working spinning wheel"id="BLOGGER_PHOTO_ID_5711776273947583954" /></a>Leathergloveshttp://www.blogger.com/profile/14652738944141947739noreply@blogger.com0tag:blogger.com,1999:blog-6302113912847991167.post-10811655159760110722012-02-08T11:40:00.002+08:002012-02-08T11:41:20.427+08:00JPG Save As BMP<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNTTmfxx1E-swop2l-eO5LD5tDyhf9tnkTWlp9UDu3ce7wfjFw-uucxekWBXYz3SmkPSer79ivw4RFMER25AW7bhhCa5Fmvlrs5LZRbEWELholYkNB7tKlKlkrKZ059p6_XRLnLmn145w/s100/blogger_icon.png" /><br />
This may be related if you want to save files from Internet for blogging.<br />
<br />
Encountered this in the past which I can only save as untitled bmp format although it is jpg format & I did not bother. Usually, I overcame this by renaming file to JPG extension and it will still work. Only that the file size is HUGE.<br />
<br />
Finally, found an answer for it.<br />
<a name='more'></a><br />
Go to IE Tools, Internet Options, General tab and delete all temporary internet files. <br />
<br />
Check for damaged files in ..\downloaded program files (accessed via IE Tools->Internet Options->Temporary Internet Files Settings button->View Objects button). If found, right click and select update or delete depending on what are they, and whether they are needed.<br />
<br />
MS kb articles regarding the problem are as follows:<br />
<br />
Internet Explorer Saves Images As Bitmaps (.bmp Files)<br />
<a href="http://support.microsoft.com/default.aspx?scid=kb;en-us;810978">http://support.microsoft.com/default.aspx?scid=kb;en-us;810978</a>Leathergloveshttp://www.blogger.com/profile/14652738944141947739noreply@blogger.com0tag:blogger.com,1999:blog-6302113912847991167.post-1684842523602574072012-02-06T09:53:00.003+08:002012-02-08T08:51:28.719+08:00Google Accounts<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsuA4_iHpzi1y3QIFNbGXQYYryEzPsRK1heDDbF5h8c0p0yYdGVpNRD-iVzIgUwqEu7V0FD4jTMJ62gN_j1PnimmBN6-I09CDEdh_ZCxe18nNRZlsOHpEB1pNrUGSIGsWCTfqgfym9ypU/s1600/accounts_logo.png"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsuA4_iHpzi1y3QIFNbGXQYYryEzPsRK1heDDbF5h8c0p0yYdGVpNRD-iVzIgUwqEu7V0FD4jTMJ62gN_j1PnimmBN6-I09CDEdh_ZCxe18nNRZlsOHpEB1pNrUGSIGsWCTfqgfym9ypU/s640/accounts_logo.png" /></a> When you try to click on "My Account" link at the Blogger homepage, don't be surprised when you get this message when you are using IE7 and below:<br />
<br />
"You are using an old browser version which Google accounts no longer supports. Some features may not work correctly. Please upgrade to a modern browser, such as Google Chrome."<br />
<br />
If you have a company policy to use IE7 because of certain compliance or you simply do not want to be coerced to upgrade your browser or use Google Chrome, yet you want to access Google Analytics & Google Adsense, Read on...<br />
<a name='more'></a><br />
Use the 2 links below to access Google Analytics & Google Adsense<br />
<a href="https://www.google.com/analytics/settings/">Google Analytics</a><br />
<a href="https://www.google.com/adsense/v3/app#viewreports/quickreport=overview_thismonth">Google Adsense</a><br />
<br />
These are the two most useful links I needed to know my blog performance.Leathergloveshttp://www.blogger.com/profile/14652738944141947739noreply@blogger.com0tag:blogger.com,1999:blog-6302113912847991167.post-39216163892004593022012-01-18T15:27:00.006+08:002012-01-18T15:37:30.454+08:00Can't Save Blogger Posts<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNTTmfxx1E-swop2l-eO5LD5tDyhf9tnkTWlp9UDu3ce7wfjFw-uucxekWBXYz3SmkPSer79ivw4RFMER25AW7bhhCa5Fmvlrs5LZRbEWELholYkNB7tKlKlkrKZ059p6_XRLnLmn145w/s100/blogger_icon.png" /> Long story short.<br />
<br />
I copied and pasted HTML source from a RTS game forum. I removed most of the tags except the <span> </span> tags, which have all the font colors, highlights, styles, etc.<br />
<br />
I tried to save or publish the post, but took a LONG time and finally FAILED.<br />
<a name='more'></a><br />
Googled for answers and the recommended solution from Google forum is to delete all the </span> tags. NO EXPLANATION or whatsoever.<br />
<br />
I troubleshooted. The exact problem was the nested <span>s.<br />
i.e.<br />
<p><font color="#ff9600"><span style="..."><span style="...">...text...</span></span></font></p><br />
A <span> tag should have a corresponding closing </span> tag but <b>not nested</b>. You can combine the styles into one <span> separated by a semi-colon.<br />
e.g.<br />
<p><font color="#ff9600"><span style="font-size: 150%; line-height: normal; color: brown">AVALON WARS</span></font></p>Leathergloveshttp://www.blogger.com/profile/14652738944141947739noreply@blogger.com0tag:blogger.com,1999:blog-6302113912847991167.post-90389741779317217842011-12-21T11:48:00.002+08:002012-01-18T15:49:31.041+08:00Old Blogger Dashboard<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNTTmfxx1E-swop2l-eO5LD5tDyhf9tnkTWlp9UDu3ce7wfjFw-uucxekWBXYz3SmkPSer79ivw4RFMER25AW7bhhCa5Fmvlrs5LZRbEWELholYkNB7tKlKlkrKZ059p6_XRLnLmn145w/s100/blogger_icon.png" /> How to get back to old Blogger dashboard?<br />
<br />
I was so frustrated as I just wanted to "preview" the new Blogger dashboard, but my old IE browser was not supported. On the other hand, there was NO LINKS to switch back.<br />
<br />
You can also paste the following link into the address bar, while signed into your account:<br />
<br />
<a href="http://www.blogger.com/opt-in-new-ui.g?useNewUi=false">http://www.blogger.com/opt-in-new-ui.g?useNewUi=false</a><br />
<br />
Credits to Legacy2000Leathergloveshttp://www.blogger.com/profile/14652738944141947739noreply@blogger.com0tag:blogger.com,1999:blog-6302113912847991167.post-22460743114589859012011-11-30T11:37:00.001+08:002011-11-30T11:53:32.204+08:00LinkWithin - Install Widget on Blogger<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEialsukblZXzD7vvzLnqJ-FQ2oyddPZhU456Uaha-jXGvBA3ljW1nio1r8qs2aWBhL_RPWtu6twVa4u-HDk0Fz8CCdAozvU0v_DLfSD7btigVIvFD66bCE_qyLLzVzBSrm2rYjTtCh-HvY/s1600/LinkWithin_Banner.png"><img border="0" width="336" height="280" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEialsukblZXzD7vvzLnqJ-FQ2oyddPZhU456Uaha-jXGvBA3ljW1nio1r8qs2aWBhL_RPWtu6twVa4u-HDk0Fz8CCdAozvU0v_DLfSD7btigVIvFD66bCE_qyLLzVzBSrm2rYjTtCh-HvY/s400/LinkWithin_Banner.png" /></a><br />
<br />
If you have not installed this widget, you are missing out a lot on how to continuously capture your audience's attention with your blog's rich content.<br />
<br />
I personally recommend this to be installed on every blog. Blogger should make LinkWithin a standard widget, period. <br />
<br />
<b>Install Widget on Blogger</b><br />
<br />
Enter your email, blog's info, platform & width. I believe it works without an email. I used 4 stories with all my blogs.<br />
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3UWIkv6yIW3z-9mvwMIQMATsTyHo_BqYncZbKNpZgdBCg4yJAx9GIVYXI1Vt4VwlhbFu4k_1fbWL6ZozqjgXqmgO1TJAKx4-8QAwBq9xLHJKVibo0aE5pmSgYKxB5FGqevOH5P4QUIY0/s1600/LinkWithin.JPG"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3UWIkv6yIW3z-9mvwMIQMATsTyHo_BqYncZbKNpZgdBCg4yJAx9GIVYXI1Vt4VwlhbFu4k_1fbWL6ZozqjgXqmgO1TJAKx4-8QAwBq9xLHJKVibo0aE5pmSgYKxB5FGqevOH5P4QUIY0/s640/LinkWithin.JPG" /></a><br />
<a name='more'></a><br />
1. Click "Install Widget (your own link)" to open Blogger in a new window, and follow the steps below in that window. Login to your Blogger account if necessary.<br />
<br />
2. <b>Select a blog</b> if you have more than one, then click on <b>Add Widget</b>.<br />
<br />
<img src="http://www.linkwithin.com/blogger_step_1.png"><br />
<br />
3. (Optional) For better performance, <b>Drag and Drop</b> the LinkWithin box under the "Blog Posts" box.<br />
<br />
<img src="http://www.linkwithin.com/blogger_step_relocate.png"><br />
<br />
4. Click on <b>Save</b>.<br />
<br />
<img src="http://www.linkwithin.com/blogger_step_save.png"><br />
<br />
And you're done! The widget should now appear on your blog.<br />
<br />
<br />
Stories will appear in the widget when their crawl of your blog is completed. This will take a few minutes to an hour, depending on the size of your blog.<br />
<br />
<br />
NOTE: The quality of recommended stories will improve once they complete their crawl of your blog. This may take up to several hours, depending on the number of stories in your blog.Leathergloveshttp://www.blogger.com/profile/14652738944141947739noreply@blogger.com0tag:blogger.com,1999:blog-6302113912847991167.post-32715686877708740302011-06-24T00:26:00.000+08:002011-06-24T00:26:42.083+08:00Email vs Blog vs Facebook<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJwVIGO0ce7T27lr63wwS5yYHAC797KOQPVrUonOFuQL14qgeazuhY1Bln04KbNndRU7-s4diYD1U3GawFudecnbm3SSTut8MaUFnw0A-aCYcByhWT5LUYo9gw1xchi-OAi996dSQk9-M/s1600/Email-Icon.jpg"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJwVIGO0ce7T27lr63wwS5yYHAC797KOQPVrUonOFuQL14qgeazuhY1Bln04KbNndRU7-s4diYD1U3GawFudecnbm3SSTut8MaUFnw0A-aCYcByhWT5LUYo9gw1xchi-OAi996dSQk9-M/s100/Email-Icon.jpg" /></a> vs <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNTTmfxx1E-swop2l-eO5LD5tDyhf9tnkTWlp9UDu3ce7wfjFw-uucxekWBXYz3SmkPSer79ivw4RFMER25AW7bhhCa5Fmvlrs5LZRbEWELholYkNB7tKlKlkrKZ059p6_XRLnLmn145w/s1600/blogger_icon.png"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNTTmfxx1E-swop2l-eO5LD5tDyhf9tnkTWlp9UDu3ce7wfjFw-uucxekWBXYz3SmkPSer79ivw4RFMER25AW7bhhCa5Fmvlrs5LZRbEWELholYkNB7tKlKlkrKZ059p6_XRLnLmn145w/s100/blogger_icon.png" /></a> vs <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiddoF2n8DrPTics61rvIuVvz1o87NXv1QEpdU1Um57lEEUQnkoXRmVHSq7EbBpbgiebzcANcrX1I87uf0Gd1QrRj2kF2kFCqphshbhnLqDoI9F7w7jcizGDgSuv18xIVqQudfiDL-5MfM/s1600/facebook_icon.png"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiddoF2n8DrPTics61rvIuVvz1o87NXv1QEpdU1Um57lEEUQnkoXRmVHSq7EbBpbgiebzcANcrX1I87uf0Gd1QrRj2kF2kFCqphshbhnLqDoI9F7w7jcizGDgSuv18xIVqQudfiDL-5MfM/s100/facebook_icon.png" /></a><br />
<br />
I have been blogging for a while now. One of my colleagues told me the era of blogging is over and the "in" thing now is social networking Facebook.<br />
<br />
He described the era of the progression being Email->Blog->Facebook.<br />
<a name='more'></a><br />
Email is passive and pretty simplex. You send, s/he reply, you reply..., broadcast...<br />
<br />
Blog is one way and you need to search for the information you wanted.<br />
<br />
Facebook is interactive and gives you information that you needed proactively.<br />
<br />
While email is passive, it serves a specific need. At your own time, leisure, schedule, reply the email. Of course instant messaging (IM), tweets, SMS, WhatsApp is quickly replacing it with more prompt replies, but at the expense of distracting from what you may be focussing on. That's opportunity cost, promptness vs focus.<br />
<br />
Blogs on the other hand serves a different niche. Search for the exact information you want on the blog and move on to the next. The information in a blog can be highly organized to your specific needs.<br />
<br />
I have not deep dived into Facebook to fully appreciate the features, but I find the information on Facebook very cluttered and usually you have to spend at least an hour, replying to pokes from friends and trying out the applications they send and updating your status. Very time consuming. The great part is you can find your long lost buddies. But you have to be careful what you update about yourself as privacy is now fully exposed. I can't advertise on Facebook like blogging unless someone can teach me.<br />
<br />
Anyway, conclusion is each serves their specific needs & will not be replaced for quite a while.Leathergloveshttp://www.blogger.com/profile/14652738944141947739noreply@blogger.com2tag:blogger.com,1999:blog-6302113912847991167.post-18700882053154205772010-07-08T09:33:00.003+08:002010-07-08T09:54:21.833+08:00Adsense inside Blogger Post<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOekOxM4bPEKaCi3Y7kEHiZU29ricwCdtpyuXRD4CfS3ghSzY9LbA6-qC34mplFEzjUfn26gPm008wY93qPwX7hkS_KeT4qnh6prEu4lXxEZqe-rsLg67ieyuntuYtD_V3_B7HWq_Sweo/s1600-h/money-maker[4].jpg" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5317752376164000402" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOekOxM4bPEKaCi3Y7kEHiZU29ricwCdtpyuXRD4CfS3ghSzY9LbA6-qC34mplFEzjUfn26gPm008wY93qPwX7hkS_KeT4qnh6prEu4lXxEZqe-rsLg67ieyuntuYtD_V3_B7HWq_Sweo/s200/money-maker%5B4%5D.jpg" style="cursor: hand; float: left; height: 173px; margin: 0px 10px 10px 0px; width: 146px;" /></a>The new Blogger widget based template that built on XML specification has a feature to <a href="http://blogger-templates123.blogspot.com/2009/02/adsense-placement-in-between-blogger.html">add Google Adsense between Blogger Posts</a>. These inline ads appear between 2 blog posts on homepage, archive and category or label pages, or after the blog content when the single post is viewed individually. However, the placement is kind of awkward and low performing in terms of click through rate (CTR) and also displays a blank space when > 3 adsense units are already displayed. - Credits to My Digital Life<br />
<a name='more'></a><br />
A lot of bloggers have <a href="http://www.mydigitallife.info/2007/09/23/place-adsense-ad-unit-in-various-positions-inside-within-blogger-post-contents/">put Google AdSense ad code inside the post</a> or <a href="http://www.mydigitallife.info/2007/09/22/how-to-wrap-adsense-ads-around-and-inline-beside-blogger-post-content/">wrap the ad unit around blog post</a> by editing template’s HTML to insert <a href="http://www.mydigitallife.info/2007/09/21/trick-to-add-adsense-adbrite-and-other-javascript-ad-code-directly-to-blogger-html-template/">modified ad code</a> manually. Some users may feel uneasy on modifying the AdSense ad code as it may violate AdSense TOS. Anyway, there is another workaround to put AdSense ads in Blogger posts, by using this trick to move or duplicate built-in inline ads between posts block to inside the post section.<br />
<ol><li>To use the trick to move around AdSense ad unit added by Ads Between Posts, <a href="http://blogger-templates123.blogspot.com/2009/02/adsense-placement-in-between-blogger.html">enable and configure inline ads in Blogger using this guide</a>. Note that you must login to your AdSense account from Blogger to establish access authentication. If you don’t have AdSense account yet, you can click on Sign Up button to register for one.</li>
<li>To display this ad within blog post also, click on <strong>Template</strong> tab, and then click on <strong>Edit HTML</strong> sub-tab link to open Blogger HTML code template editor to edit the contents of your template. <br />
<img alt="Blogger Edit HTML" src="http://www.mydigitallife.info/wp-content/uploads/2007/09/blogger-edit-html.JPG" /></li>
<li>Backup a copy of your template by click on <strong>Download Full Template</strong> link, in case it is needed to be uploaded to Blogger server to recover the template in the event of mistakes or corruption. <br />
<img alt="Blogger Download Full Template" src="http://www.mydigitallife.info/wp-content/uploads/2007/09/download-full-template.JPG" /></li>
<li>Click to tick the <strong>Expand Widget Templates</strong> checkbox. <br />
<img alt="Blogger Expand Widget Templates" src="http://www.mydigitallife.info/wp-content/uploads/2007/09/expand-widget-templates.JPG" /></li>
<li>Find the line with the following text: <br />
<code><data:post.body/></code><br />
And paste the following block of text before (for ad position before content) or after (for ad position after content) the line above:<br />
<code><br />
<br />
<b:if cond='data:post.includeAd'><br />
<br />
<data:adEnd/><br />
<br />
<data:adCode/><br />
<br />
<data:adStart/><br />
<br />
</b:if></code><br />
Note that maximum of 3 AdSense for Contents (non Link Unit type) ads are allowed on each page.</li>
<li>If you want the AdSense ads inside blog post to <a href="http://www.mydigitallife.info/2007/10/03/how-to-display-elements-ads-only-on-or-only-not-at-individual-single-post-item-view/">appear only when individual blog post is visited</a>, and not on homepage, category or archive pages, wrap the following lines to before and after code added above <br />
<code><b:if cond='data:blog.pageType == "item"'><br />
<br />
</b:if></code><br />
The whole block added will look like below:<br />
<code><br />
<br />
<b:if cond='data:blog.pageType == "item"'><br />
<br />
<b:if cond='data:post.includeAd'><br />
<br />
<data:adEnd/><br />
<br />
<data:adCode/><br />
<br />
<data:adStart/><br />
<br />
</b:if><br />
<br />
</b:if></code></li>
<li>After enabling <strong>Show Ads Between Posts</strong> in step 1, you will notice that AdSense ads will be shown between posts on all multiple blog posts page, and also after the article on individual single post view. If you don’t want these ads to appear, i.e. to move built-in inline ads to within post, the locate the following block of text which is same with the one we added above: <br />
<code><br />
<br />
<b:if cond='data:post.includeAd'><br />
<br />
<data:adEnd/><br />
<br />
<data:adCode/><br />
<br />
<data:adStart/><br />
<br />
</b:if></code><br />
And delete these code from template. Note that we have just added a same block of code from step above, so do not remove the newly added code, but the existing code in the template.<br />
If you still want the AdSense ad unit to appear between posts when visitors view your blog homepage, label or category pages or archive pages, wrap the code above on top and bottom with the following 2 lines:<br />
<code><b:if cond='data:blog.pageType != "item"'><br />
<br />
</b:if></code><br />
so that it looks like the following:<br />
<code><br />
<br />
<b:if cond='data:blog.pageType != "item"'><br />
<br />
<b:if cond='data:post.includeAd'><br />
<br />
<data:adEnd/><br />
<br />
<data:adCode/><br />
<br />
<data:adStart/><br />
<br />
</b:if><br />
<br />
</b:if></code><br />
Note that the two lines should be added to the existing block of code in template, not the block which we added in step above.</li>
<li>Click on <strong>SAVE TEMPLATE</strong> button to save the new hacked template. Now the ad should be appear inside blog post without actually modify ad code. You can also use the same hack theory above to <a href="http://www.mydigitallife.info/2007/09/23/place-adsense-ad-unit-in-various-positions-inside-within-blogger-post-contents/">place the ads on different location</a>.</li>
</ol>* I also suggest under Design->Page Elements->Blog Posts->Edit to Show after every "5" posts (up to 3 ads can be placed on a page) if you are using 7 posts for homepage. It will show the first adsense unit inside first post, 2nd adsense in between posts and subsequently, no blank space for the rest of the adsense units not displayed. You still have one adsense unit to play with which I put it at the top left. Happy earnings.Leathergloveshttp://www.blogger.com/profile/14652738944141947739noreply@blogger.com2tag:blogger.com,1999:blog-6302113912847991167.post-23964041883563280452010-03-04T15:34:00.000+08:002010-03-04T15:34:26.479+08:00Free Google Links<img src="http://www.google.com.sg/images/nav_logo7.png"> One free tool you can use is the native free Google search to find out which URLs link back to you. Just enter in the search box:<br />
<br />
link:<URL><br />
<br />
E.g. <br />
<b>link:http://www.leatherleatherleather.com/<br />
link:http://firesfiresfires.blogspot.com/<br />
link:http://blogger-templates123.blogspot.com/</b><br />
<a name='more'></a><br />
You do not need any other software or online URLs to know which URLs link back to you.<br />
<br />
<b>Why?</b><br />
<br />
<ol><li>You may be interested to find out how your blog is doing and what types of blogs or sites link back to you. You can gauge whether your content has the correct targeted audience.</li>
<li>You can check any spam URLs and do something about it.</li></ol>Leathergloveshttp://www.blogger.com/profile/14652738944141947739noreply@blogger.com7tag:blogger.com,1999:blog-6302113912847991167.post-38631855393172238802010-01-14T16:13:00.003+08:002010-01-14T16:20:15.776+08:00How to Hide Navigation BarYou may like to hide the Blogger Navigation Bar to make your blog look more professional.<br />
<br />
How to do it?<br />
<a name='more'></a><br />
To hide the Blogger Navbar :<br />
<br />
<ol><li>Log in to Blogger</li>
<li>On your Dashboard, select Layout->Edit HTML. Check "Expand Widget Templates" box.</li>
<li>Save a copy by clicking on "Dowload Full Template" link</li>
<li>Look for this similar code<br />
<blockquote>body {<br />
margin:0;<br />
padding-top:0px;<br />
background:#2F2723 ;<br />
font-family:Verdana,Tahoma,sans-serif;<br />
color:#99806B;<br />
font-size:13px;<br />
}<br />
</blockquote></li>
<li>Copy and paste the CSS definition before the code:<br />
<blockquote>#navbar-iframe<br />
{<br />
height:0px;<br />
visibility:hidden;<br />
display:none<br />
}<br />
</blockquote></li>
<li>Save Template</li>
</ol>Leathergloveshttp://www.blogger.com/profile/14652738944141947739noreply@blogger.com4tag:blogger.com,1999:blog-6302113912847991167.post-84791838343767105052010-01-12T20:16:00.019+08:002010-01-12T21:35:29.551+08:00How to Remove Image BorderIn order to make the border disappear you can add this attribute <span style="color:red;">style="border:none;"</span> to the <img> tag like this:<br /><br clear="all"><br /><textarea name="textarea" cols="70" rows="7"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZkVS8-AEdsH3cq9vdbTZPq9MUXpwIQ_Z-vn-q5M1s8n3RzB3Ydt7VZbmA7VPrqf2mY4syL6GLdx7dvO9nd_UX_Ns884xrMj5qw7D61aaC_hL-HRElcvzl9fQbyzDEuWi5BAj_3rO6yOyJ/s1600-h/kat_kramer_03.jpg"><img style="cursor:pointer; cursor:hand; border:none;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZkVS8-AEdsH3cq9vdbTZPq9MUXpwIQ_Z-vn-q5M1s8n3RzB3Ydt7VZbmA7VPrqf2mY4syL6GLdx7dvO9nd_UX_Ns884xrMj5qw7D61aaC_hL-HRElcvzl9fQbyzDEuWi5BAj_3rO6yOyJ/s800/kat_kramer_03.jpg" border="0" alt="" id="BLOGGER_PHOTO_ID_5419295394535443890" /></a></textarea><br /><br /><br />and the result of that edit is this photo minus the border:<br /><center><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZkVS8-AEdsH3cq9vdbTZPq9MUXpwIQ_Z-vn-q5M1s8n3RzB3Ydt7VZbmA7VPrqf2mY4syL6GLdx7dvO9nd_UX_Ns884xrMj5qw7D61aaC_hL-HRElcvzl9fQbyzDEuWi5BAj_3rO6yOyJ/s1600-h/kat_kramer_03.jpg"><img style="cursor:pointer; cursor:hand; border:none;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZkVS8-AEdsH3cq9vdbTZPq9MUXpwIQ_Z-vn-q5M1s8n3RzB3Ydt7VZbmA7VPrqf2mY4syL6GLdx7dvO9nd_UX_Ns884xrMj5qw7D61aaC_hL-HRElcvzl9fQbyzDEuWi5BAj_3rO6yOyJ/s800/kat_kramer_03.jpg" border="0" alt="" id="BLOGGER_PHOTO_ID_5419295394535443890" /></a><br /></center>Leathergloveshttp://www.blogger.com/profile/14652738944141947739noreply@blogger.com1tag:blogger.com,1999:blog-6302113912847991167.post-74389360544951989782010-01-05T21:14:00.004+08:002010-01-05T21:24:33.462+08:00Cool Text<a href="http://cooltext.com" target="_top"><img style="float:left; margin:0 10px 10px 0;cursor:pointer; cursor:hand;" src="http://cooltext.com/images/ct_button.gif" width="88" height="31" alt="Cool Text: Logo and Graphics Generator" /></a>I was looking for a website to generate some cool special effects for my text and I came across this <a href="http://cooltext.com">Cool Text</a> site. It will suit my <a href="http://firesfiresfires.blogspot.com">FIRE FIRE FIRE</a> website with the burning text.Leathergloveshttp://www.blogger.com/profile/14652738944141947739noreply@blogger.com0tag:blogger.com,1999:blog-6302113912847991167.post-32776649565720279892010-01-04T15:43:00.008+08:002010-01-04T22:57:30.547+08:00Advertise With Us<center><br /><a href="http://blogger-templates123.blogspot.com/2010/01/advertise-with-us.html"><img src="http://sites.google.com/site/leatherleatherleathersite/images/billblack%5B3%5D.gif?attredirects=0" title="Advertise with us"></a><br /></center><br />Advertise with us.<br /><br /><h3>Total to date = ~$476<br />Last month's average daily earnings for content > $2.50</h3>Leathergloveshttp://www.blogger.com/profile/14652738944141947739noreply@blogger.com0tag:blogger.com,1999:blog-6302113912847991167.post-79150704041623011172009-12-30T09:24:00.010+08:002011-12-08T18:29:26.800+08:00Merry X'Mas & Happy New Year!<img src="http://i275.photobucket.com/albums/jj300/lizjohnson802/chrsitmas_snowflakes_hd-1.gif" border="0" title="Let it Snow"><br />
<br />
Merry Christmas & Happy New Year! Let it snow, let it snow, let it snow.<br />
<br />
Snow effects especially for you.<br />
<br />
<a name='more'></a><br />
<ol><li>Go to Layout->Page Elements->Add a Gadget</li>
<li><img src="http://www.blogger.com/img/widgets/icon_html.gif"> Select Add HTML/Javascript</li>
<li>Copy and paste the code and notice below->Save->Save</li>
<textarea onclick="this.select()" name="textarea" cols="48" rows="4"><script src="http://snow-effect.googlecode.com/files/snow.js" type="text/javascript"></script></textarea>
Please attach the notice below together with the javascript.
/***********************************************
* Snow Effect without images-by Kurt Grigg at http://www.btinternet.com/~kurt.grigg/javascript
* Script featured & available at Dynamic Drive at http://www.dynamicdrive.com/
* Please keep this notice intact
***********************************************/</ol>Leathergloveshttp://www.blogger.com/profile/14652738944141947739noreply@blogger.com1tag:blogger.com,1999:blog-6302113912847991167.post-56592726987667214792009-12-29T17:11:00.008+08:002009-12-30T16:22:01.865+08:00Creating "Read more..." Summaries<p><strong>Read more...</strong> is a feature which lets you create expandable post summaries in your blog posts, so longer posts appear as an intro with a link to <em>Read More</em></p><br />In my previous <a href="http://blogger-templates123.blogspot.com/2009/05/read-more-blogger-hack-or-post-summary.html">"Read More Blogger Hack"</a> post, I showed you how to create a "Read more..." link. While that is good, the "Read more..." link will appear even if you do not have any more content and you will need to end it with a [end of post]. Not so graceful.<br /><br />Now, Blogger has a native in-built "Read more..." summary. Find out more by clicking on, you've guessed it<br /><br /><a name='more'></a><br /><p>Creating "Read more..." in your blog posts can be easily done in Edit HTML mode by adding <!-- more --> where you want to position the "Read more..." summary link.</p><br /><br><br /><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnWAmEGAgcvhFrt16IgC-MSONrqg5TglTKO6CNYhqsMpSPmXqDJtUEGzZipowmMV0ju9aZtz4gtllV0gTveLrVtJEGSfPkpjDRGEgI5FaLRbD9w0UXexGRRqSC6quSPSZESZTHz9t9K3U/s400/jumppoint.png"/><br /><br><br /><p>Once you are set on the "Read more..." location within the post, you are ready to publish your post. After publishing, you will notice that the <em>Read More...</em> link is placed where you set the summary break:</p><br />E.g.<br /><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJYwD1de48Oxp2y4Uvtnr8p9G43oXiw6f4S7UHK9q6RrQd5orobIZuwoBWtVrAg7fZrBmc9UUdQmdT-l3obKJ4Hd9CGq6PMkBbE_TYLDeVoooAJOm3fq0Q12RDvjqMZzYMC092ZBICqyrX/s320/ATJ3.PNG"/><br /><br><br /><p>Clicking on the <em>Read More</em> link will then display the full text of the post:</p><br /><br><br /><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9F03Rbd5OgnP5_amLSDDJxFPAKghjnM7olD4Kq4PXnrndOijlcFyXV3g-a15A_9R7U3lu-Ss8czTyf44IhmdabU6ARB9Hba-mZQQ3T2kclt3aT1_qXnqBrD6dpHNiajfpG7p_fa_PabTX/s320/ATJ4.PNG"/><br /><br><br /><p>If you feel like changing the <em>Read More</em> text to your own custom phrase, you can easily do this from the <strong>Layout | Page Elements</strong> tab. Click <strong>Edit</strong> on the <strong>Blog Post</strong> widget, and then change the <strong>Post page link text</strong> to whatever you'd like.</p><br /><br><br /><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_IdHWTKEwj8wI2PwBE8BCqhKPRJbsS3zKfpVUsUwCigrJfCzwTJjvp6jgbV9VQMtxA7Tp4nMzWeE38Al7EXjH9KU3kXWqPSixRMjvOYrNu13uVISy5N2xWyNDzlFm0nk18sswBWRaKU8/s400/pagepagelinktext.png"/><br /><br><br /><br><br /><p>One more note, the "Read more..." feature does not change how your post appears in your feed. You can configure post feed options by going to Settings | Basic | Site Feed, and editing Allow Blog Feeds.</p><br /><br /><h3>Customized Third-Party Template</h3><br /><p><em>Note:For those using a customized third-party template, you will have to add a snippet of code to make Jump Breaks work.</em><br /><p>To do this, access your blog's <strong>Layout | Edit HTML</strong> tab, and first backup your template by clicking the <strong>Download Full Template</strong> link at the top of the page. This will download an XML version of your template which you can upload later at any time if you need to.</p><br /><p>After backing up your template, then click the <strong>Expand Widget Templates</strong> checkbox, and scan your HTML for the following snippet:</p><br /><br><br /><blockquote><code><data:post.body/></code></blockquote><br /><br><br /><p>Once you've located that code, paste the following snippet directly below it:</p><br /><br><br /><p><code><b:if cond='data:post.hasJumpLink'><br /><br><div class='jump-link'><br /><br><a expr:href='data:post.url + "#more"'><data:post.jumpText/></a><br /><br></div><br /><br></b:if ></code></p><br /><br><br /><p>After you've pasted in the code, click <strong>Save</strong> and then you're done!</p>Leathergloveshttp://www.blogger.com/profile/14652738944141947739noreply@blogger.com1tag:blogger.com,1999:blog-6302113912847991167.post-6822228254605429622009-12-28T19:16:00.004+08:002009-12-28T19:44:55.636+08:00Twitter Feed for your Twitter Bird<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIdMYT5A899MtzLglkVtT2pz92A-pcMRifCkgTdXAk-zAbDpAIKSuXMhdCdBG248MviyWh3HYI-wvXEYimd4x8MV3MMyXsmLWfn-8zcLexUCATEhDQ3fuQKMP-SMB5Y0f8f_07ivDFWcg/s1600-h/twitterfeed.jpg"><img style="float:left; margin:0 10px 10px 0;cursor:pointer; cursor:hand;width: 301px; height: 92px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIdMYT5A899MtzLglkVtT2pz92A-pcMRifCkgTdXAk-zAbDpAIKSuXMhdCdBG248MviyWh3HYI-wvXEYimd4x8MV3MMyXsmLWfn-8zcLexUCATEhDQ3fuQKMP-SMB5Y0f8f_07ivDFWcg/s400/twitterfeed.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5420244670851710082" /></a>Do you want to update your Twitter automatically? I wanted to and found <a href="http://twitterfeed.com/">Twitterfeed</a>. Do not underestimate the traffic generated by Twitter. Currently, ~3% of my traffic comes from Twitter and growing. Find out more...<br clear=left><br /><a name='more'></a><br />I was pretty frustrated to publish my blog posts and Twitter tweets (shrinking the URL as well) separately. I was looking for a solution and found Twitterfeed. Just <br /><br /><img src="http://farm4.static.flickr.com/3628/3635791993_368019de93.jpg"><br /><br />Besides Twitter, it also has options for Laconica, Ping.fm, Hellotxt and Facebook currently. I only tested out on Twitter.Leathergloveshttp://www.blogger.com/profile/14652738944141947739noreply@blogger.com2tag:blogger.com,1999:blog-6302113912847991167.post-81246472524188947712009-12-07T15:19:00.015+08:002010-01-05T17:24:44.574+08:00Blogger Images Sizes 2<h3>Optimize your images for the entire width of your blog post.</h3><center><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWZBg-NDm6z0KOf_kBNfVaFh1u1x_Mm1NWuoL-8bDQc_2nGb09tRqckDqe331BfFSfWQbBh0MAlxgYAf43eDIPDHbCnTAUunB_L_ehxRwgk4GR8sxjJjlidQSPrpl4r7VnHxdh9ANYEhoP/s1600/Sharon_Stone_Elton_John_05.jpg"><br clear=left><br /><img style="cursor:pointer; cursor:hand;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWZBg-NDm6z0KOf_kBNfVaFh1u1x_Mm1NWuoL-8bDQc_2nGb09tRqckDqe331BfFSfWQbBh0MAlxgYAf43eDIPDHbCnTAUunB_L_ehxRwgk4GR8sxjJjlidQSPrpl4r7VnHxdh9ANYEhoP/s800/Sharon_Stone_Elton_John_05.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5406272055713910514" /></a><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigbIhXDHceRDRK5gf94DGmfyALMOTaYoU54zwyOdXONDOT9b7ZJ6kH047c6T7JUYanNjF9IIeBFRyQLnB3Si3KQpSa-siiJ6VQ3LvPXEdVkn_1mu-hhCl_JJrxKbioNzjZNse-XVSe1-av/s1600/Sharon_Stone_Elton_John_06.jpg"><img style="cursor:pointer; cursor:hand;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigbIhXDHceRDRK5gf94DGmfyALMOTaYoU54zwyOdXONDOT9b7ZJ6kH047c6T7JUYanNjF9IIeBFRyQLnB3Si3KQpSa-siiJ6VQ3LvPXEdVkn_1mu-hhCl_JJrxKbioNzjZNse-XVSe1-av/s800/Sharon_Stone_Elton_John_06.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5406272053356718930" /></a><br /></center><br />Why and how?<br /><a name='more'></a><br /><ul><li><strong>Why?</strong></li><br />Empty spaces at the side of the images takes up useless spaces and readers need to scroll down more to view the rest of the post or posts. We want the readers to have the full visual impact in one glance to see as many high resolution images (if few images are in one post) or as many thumbnails as possible in a page (if many images are in one post).<br /><br /><li><strong>How?</strong></li><br />Remember the <a href="http://blogger-templates123.blogspot.com/2009/11/blogger-image-sizes.html">Blogger Images Sizes</a> post I talked about sXXX & sYYYY. Look for the code after you added the image. E.g.<br /><br /><textarea name="textarea" cols="48" rows="4">src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWZBg-NDm6z0KOf_kBNfVaFh1u1x_Mm1NWuoL-8bDQc_2nGb09tRqckDqe331BfFSfWQbBh0MAlxgYAf43eDIPDHbCnTAUunB_L_ehxRwgk4GR8sxjJjlidQSPrpl4r7VnHxdh9ANYEhoP/s400/Sharon_Stone_Elton_John_05.jpg"</textarea><br /><br />Remove width: XXXpx; height: YYYpx; so that it will not resize.<br /><br />Substitute the s400 (large), s320 (medium) or s200 (small) with either<br />s72-c, s110, s128, s150, s160, s200, s220, s320, s400, s640, s720, s800, s1024, s1280, s1440, s1600<br /><br />The longer side will be resized to the stated pixels with the shorter side proportionally.<br /></ul><br /><br /><strong><u>Rule Of Thumb:</u></strong> <ol><li>For portrait (vertical) images, try to squeeze two High Quality (HQ) images side-by-side first with size s400. If they wrapped to the next line, then try s320. If s400 can be squeezed into one line, then try a higher resolution like s640 until the images wrapped to the next line.</li><br /><br /><li>For landscape (horizontal) images, usually you will not be able to squeeze two HQ images side-by-side. Then you might as well use a higher resolution than s400 to make full use of the entire width of the post body.</li><br /><br /><li>For many images are in one post, e.g. over 10 images, my recommendation is to make one or two of the best images with the highest resolution (see point 1 & 2) and use thumbnails for the rest like s200 and below. You could also end the post with a high resolution image as well to create an impact.</li></ol><br />E.g. of of blowing up a landscape image<br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSH1Ns1k_D9OFd5BLNLvo-PIqwMY5xBK33TdEJI5mFuMJSQ8nFSJz2T1YkeKr11_1zD5EcKTQodUosOZnVPAdlvvoTs3xxrf98c7F4kkep5TgngQs_bsPrugsfrwVF4Ctlx4Z3pfbwecru/s1600-h/Dita_Von_Teese_12.jpg"><img style="cursor:pointer; cursor:hand;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSH1Ns1k_D9OFd5BLNLvo-PIqwMY5xBK33TdEJI5mFuMJSQ8nFSJz2T1YkeKr11_1zD5EcKTQodUosOZnVPAdlvvoTs3xxrf98c7F4kkep5TgngQs_bsPrugsfrwVF4Ctlx4Z3pfbwecru/s800/Dita_Von_Teese_12.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5390394746543006786" /></a><br /><br /><b><span style="color:#ff0000;">Next Post: Twitter Blog Feeds Automatically</span></b>Leathergloveshttp://www.blogger.com/profile/14652738944141947739noreply@blogger.com0tag:blogger.com,1999:blog-6302113912847991167.post-21760422116617327282009-11-23T18:33:00.012+08:002014-12-17T09:23:20.317+08:00Blogger Image Sizes<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhiOrJT9mRBivPboPm3eyxRoRYOGpEQS7_aM5IyKz4N133L1Z2Lbd51D2ZaT7RRSb6_uzOXLqdPJEq875w72nHHnhcDVw09TA0EY0_Ec3M9rHKhVVjUfO1k4pTY13C1EHOr8lPNqA9vcNr3/s1600-h/Dita_Von_Teese_01.jpg"><img style="cursor:pointer; cursor:hand;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhiOrJT9mRBivPboPm3eyxRoRYOGpEQS7_aM5IyKz4N133L1Z2Lbd51D2ZaT7RRSb6_uzOXLqdPJEq875w72nHHnhcDVw09TA0EY0_Ec3M9rHKhVVjUfO1k4pTY13C1EHOr8lPNqA9vcNr3/s800/Dita_Von_Teese_01.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5389822527466821618" /></a><br />
<br />
A lot tips and tricks has been written about non-photo blogs. I like to contribute my experience with photo blogs using different images sizes.<br />
<br />
Why is it important?<br />
<a name='more'></a><br />
It optimizes your post area (better visual - placement or sizing), as well as you can create thumbnails for sorting.<br />
<br />
Most of you have added images with standards sizes: <ol><li>Small (s200)</li>
<li>Medium (s320)</li>
<li>Large (s400)</li>
</ol><br />
Which corresponds to (depending on whether your image is portrait or landscape): <ol><li>200 pixels at its longest side</li>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhiOrJT9mRBivPboPm3eyxRoRYOGpEQS7_aM5IyKz4N133L1Z2Lbd51D2ZaT7RRSb6_uzOXLqdPJEq875w72nHHnhcDVw09TA0EY0_Ec3M9rHKhVVjUfO1k4pTY13C1EHOr8lPNqA9vcNr3/s200/Dita_Von_Teese_01.jpg">
<li>320 pixels at its longest side</li>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhiOrJT9mRBivPboPm3eyxRoRYOGpEQS7_aM5IyKz4N133L1Z2Lbd51D2ZaT7RRSb6_uzOXLqdPJEq875w72nHHnhcDVw09TA0EY0_Ec3M9rHKhVVjUfO1k4pTY13C1EHOr8lPNqA9vcNr3/s320/Dita_Von_Teese_01.jpg">
<li>400 pixels at its longest side</li>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhiOrJT9mRBivPboPm3eyxRoRYOGpEQS7_aM5IyKz4N133L1Z2Lbd51D2ZaT7RRSb6_uzOXLqdPJEq875w72nHHnhcDVw09TA0EY0_Ec3M9rHKhVVjUfO1k4pTY13C1EHOr8lPNqA9vcNr3/s400/Dita_Von_Teese_01.jpg"></ol><br />
What you may not know is, Blogger has also resized the image into different sizes proportionally with the correct resolution as well:<br />
<br />
s72-c, s110, s128, s150, s160, s200, s220, s320, s400, s640, s720, s800, s1024, s1280, s1440, s1600<br />
<br />
This is what I experimented. If you found newer sizes, please feedback to me to be added.<br />
<br />
So, what is this sXXX or sYYYY thing. I will cover how to use the image sizes in my next post. So stay tuned.<br />
<br />
<b>*Update:</b> I have used s500 and it is also working.<br />
<br />
<b><span style="color:#ff0000;">Next Post: Blogger Image Sizes Usage</span></b><br />
<br />
<a href="http://www.casinotoplijst.com/">The Dutch online casino Casinotoplijst.com</a> is collaborating with <a href="http://www.casinotoplijst.com/901119-casino-del-rio-bonus.html">Casino Del Rio, who have great bonuses</a>, by introducing together <a href="http://www.casinotoplijst.com/900616-xmen-slots-casino.html">a brand new X-men slot by Marvel</a>.Leathergloveshttp://www.blogger.com/profile/14652738944141947739noreply@blogger.com0tag:blogger.com,1999:blog-6302113912847991167.post-3315050367636025492009-11-18T14:06:00.009+08:002010-01-07T08:31:58.431+08:00Blogger Polls - Add or Save to Post<img style="float:left; margin:0 10px 10px 0;" src="http://www.blogger.com/img/widgets/icon_poll.gif">How to add or save a Blogger Widget Poll to a Blog Post? During or after conducting a poll, you may like to copy your poll to the post. Either to the relevant post to be more prominent or as a record for reference (good for sorting and using a label to display past polls).<br /><a name='more'></a><br />1) Create a "Blogger Widget Poll" inside your sidebar, just like you've done before. Make sure to give it an easy to find/remember Title.<br /> </p><p>2) After the Blogger Widget Poll, is added to your sidebar, visit your blogs HomePage in your Browser (I'm working with Internet Explorer as my Browser).<br /></p><p>3) After you have your HomePage loaded into your Browser window, Go to the top Toolbar & View/Source (of your blogs Homepage) HTML.<br /></p><p>4) In a text editor (Windows Notepad) etc... Find/Search for the Title to your new Polls Title.<br /></p><p>5) Copy (Right Click/Copy) the HTML Code that looks similar to the code below: </p><textarea style="WIDTH: 579px; HEIGHT: 108px"><h2>How do you like my blog?</h2> <iframe allowtransparency="true" frameborder="0" height="275" name="poll-widget8782362485789065652" src="http://www.google.com/reviews/polls/display/8782362485789065652/blogger_template/run_app?hideq=true&amp;purl=http%3A%2F%2Fsoswitcher.blogspot.com%2F" style="border:none; width:100%;"></iframe></textarea> <p> </p></dt><dt><p>6) Paste your new Polls HTML into your Blogger Post/Article.<br /></p><p>7) After you get the Blogger Widget HTML, you can go ahead & delete the Blogger Widget Poll, from your Sidebar, we only needed that to get the HTML source code.<br /></p><p>Note:<br />The actual Poll is inside an iframe, I also added bit of HTML code to prevent the Poll from adding a scrollbar to the Poll, I didn’t like the way it looks with a scrollbar on the Poll inside a Blog Post, so this is just an option, to remove scrollbars, after the (<strong>height="275"</strong>) add this code (<strong>scrolling="no"</strong>).</p><p>Once you have the Polls HTML Code, you can change a few things to make it look better in your Blog Post, for example, Blogger sets the default width of a Blogger Poll to 100%, If you want to add a Poll to a Post/Article I think it would look better as a fixed number (example: width:275), the same goes for the Poll Height, iframe border etc... </p><p>I also suggest changing the h2 heading to h3 for a smaller, less intrusive title.</p><p>Below is a working example of a Blogger Widget Poll, inserted in a Blogger Blog Post.</p><br /><h3>What is Your Favorite Leather Wear?</h3><br /><iframe allowtransparency='true' frameborder='0' height='300' scrolling='no' name='poll-widget-2512332756708575764' src='http://www.google.com/reviews/polls/display/-2512332756708575764/blogger_template/run_app?txtclr=%23999999&lnkclr=%2399aadd&chrtclr=%2399aadd&font=normal+normal+100%25+%27Trebuchet+MS%27%2CTrebuchet%2CVerdana%2CSans-serif&hideq=true&purl=http%3A%2F%2Fwww.leatherleatherleather.com%2F' style='border:none; width:100%;'></iframe><br /><br /><b><span style="color:#ff0000;">Next Post: Blogger Image Sizes</span></b>Leathergloveshttp://www.blogger.com/profile/14652738944141947739noreply@blogger.com4tag:blogger.com,1999:blog-6302113912847991167.post-54914212822938695592009-11-17T09:25:00.008+08:002010-03-23T09:41:49.052+08:00Feedcount<p><a href="http://feeds.feedburner.com/blogger-templates123"><img src="http://feeds.feedburner.com/~fc/blogger-templates123?bg=FF9600&fg=000000&anim=1" height="26" width="88" style="float:left; margin:0 10px 10px 0;cursor:pointer; cursor:hand;border:0" alt="" /></a></p><p><h3><span style="color:#ff9600;">Promote your Blog with Feedcount:</span></h3></p><br />
If are a new blogger, you may have seen the above feedcount indicating the number of email subscribers.<br />
<br />
<br />
It is delivered by <a href="http://feedburner.com/">FeedBurner</a>. FeedCount is another cool way to promote your feed. It is a dynamic graphic that always displays your feed's current circulation.<br />
<br />
<em>So, let's see how to add a "Feedcount chicklet" like that in your blog:</em><br />
<a name='more'></a><br />
<strong><span style="color:#ff0000;">1.</span></strong>Firstly, sign in to your FeedBurner account. If you don't have a FeedBurner account yet, you can register it <a href="http://feedburner.com/" target="'_blank">here</a><br />
<br />
<strong><span style="color:#ff0000;">2.</span></strong>Click on the "<span style="color:#ff0000;">My Feeds</span>" link at the top of the page and next, click on your blog name [look at the screenshot below]<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8LlopWpQ95ZbTBm6V1RRV-3WyyLtGQ0x92l06cVMllW1mFp5xlI9Y5tPcoCjZIq5GabO_BEBIB7oLiOJg3Q_lH4hB2zm23Zpl6O5xvhx02uYMiNfcNWzOcTcn1XMXW06Mb2slx06zBuAy/s1600-h/welcome_back_9.jpg"><img id="BLOGGER_PHOTO_ID_5153537669258709202" style="DISPLAY: block; MARGIN: 0px auto 10px; CURSOR: hand; TEXT-ALIGN: center" alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8LlopWpQ95ZbTBm6V1RRV-3WyyLtGQ0x92l06cVMllW1mFp5xlI9Y5tPcoCjZIq5GabO_BEBIB7oLiOJg3Q_lH4hB2zm23Zpl6O5xvhx02uYMiNfcNWzOcTcn1XMXW06Mb2slx06zBuAy/s400/welcome_back_9.jpg" border="0" /></a><br />
<strong><span style="color:#ff0000;">3.</span></strong>Next, click on the '<span style="color:#ff0000;">Publicize</span>' tab as shown below.<br />
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEir_arGryS2EfALlpOTOyvHcIqQaRsLg8TfoY1XtTsO_8of1rRGjZYLZCFD6Im24Jlfx4zGV7LiS3G0wNzOPlrdv76JquG_4oHFTmxMykpS4p_0I0ikR7FGC1s31D2EofXcNLvzAiTTIgnv/s1600-h/publisize_ih.jpg"><img id="BLOGGER_PHOTO_ID_5153538334978640098" style="DISPLAY: block; MARGIN: 0px auto 10px; CURSOR: hand; TEXT-ALIGN: center" alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEir_arGryS2EfALlpOTOyvHcIqQaRsLg8TfoY1XtTsO_8of1rRGjZYLZCFD6Im24Jlfx4zGV7LiS3G0wNzOPlrdv76JquG_4oHFTmxMykpS4p_0I0ikR7FGC1s31D2EofXcNLvzAiTTIgnv/s400/publisize_ih.jpg" border="0" /></a><br />
<br />
<span style="color:#ff0000;"><strong>4.</strong></span>Select the "<strong>Feedcount</strong>" option [look at the left sidebar]<br />
<br />
<center><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgex2fs6Hs_t2DC9htDxk6qLEC6gE3-zftKR1xEEM-w7s3uDf7x3CGZXAcPeU18PvWSRU1LaNsKu5iaW6iti9Xo5DuGfUGbOHTP_dZe8FOje0AkvMVzctqMN9fMSvJ4yb_oEIu4Z2Zzd0U/s1600/Feedcount_svc.jpg"><img style="cursor:pointer; cursor:hand;width: 249px; height: 400px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgex2fs6Hs_t2DC9htDxk6qLEC6gE3-zftKR1xEEM-w7s3uDf7x3CGZXAcPeU18PvWSRU1LaNsKu5iaW6iti9Xo5DuGfUGbOHTP_dZe8FOje0AkvMVzctqMN9fMSvJ4yb_oEIu4Z2Zzd0U/s400/Feedcount_svc.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5404881529899655442" /></a></center><br />
<strong><span style="color:#ff0000;">5.</span></strong>Next, you will see this<br />
<br />
<center><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxboL6dDJzc6U1maUbtvluSAGd1ywCwhIn5jjKpkC9UFTn1rm5pQFGUIVunQmqVM1R1FDpqeIDiRfFUXHEMPIZxQ548E_vTuWBGiCFwDVtOy__kRj31zj4Lc0cB8tER5wk9XKCMPcfdeY/s1600/Feedcount_style.jpg"><img style="cursor:pointer; cursor:hand;width: 369px; height: 400px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxboL6dDJzc6U1maUbtvluSAGd1ywCwhIn5jjKpkC9UFTn1rm5pQFGUIVunQmqVM1R1FDpqeIDiRfFUXHEMPIZxQ548E_vTuWBGiCFwDVtOy__kRj31zj4Lc0cB8tER5wk9XKCMPcfdeY/s400/Feedcount_style.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5404882140549475570" /></a></center><br />
Choose your blog's matching color scheme and click on '<span style="color:#ff0000;"><strong>Save</strong></span>'<br />
<br />
<strong><span style="color:#ff0000;">6.</span></strong>Now, copy the code they provided [see the screenshot below]<br />
<br />
<center><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgP_CEFTfnjrriVrtGOa10UBCrh6pnNnlp64N52R93N_0LNRALqzXIOq4KUkulPH7BItLZEqvDOKRnzuZpz04ESAqC25hMlKn0nwTqSb4SnDkJITM2eBLU_Jv-j15JxiuqqeHxI0SFL5gE/s1600/Feedcount_code.jpg"><img style="cursor:pointer; cursor:hand;width: 400px; height: 293px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgP_CEFTfnjrriVrtGOa10UBCrh6pnNnlp64N52R93N_0LNRALqzXIOq4KUkulPH7BItLZEqvDOKRnzuZpz04ESAqC25hMlKn0nwTqSb4SnDkJITM2eBLU_Jv-j15JxiuqqeHxI0SFL5gE/s400/Feedcount_code.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5404883892010620994" /></a><br />
</center><br />
<span style="color:#ff0000;"><strong>7.</strong></span>Finally... <br />
sign in to your<span style="color:#ff0000;"> blogger dashboard</span>><span style="color:#3333ff;">layout</span>><span style="color:#009900;">add a page element</span>><strong>html/javascript</strong><br />
Paste the code and <strong>SAVE THE CHANGES</strong>.<br />
<br />
That's it!...too long process know? No. Very simple process to do.<br />
OK. Why don't you <a href="http://feedburner.google.com/fb/a/mailverify?uri=blogger-templates123&loc=en_US">Subscribe to Blogger Templates by Email</a> so, you will be updated with the latest blogger tips and tricks. <br />
<br />
<br />
<b><span style="color:#ff0000;">Next Post: Saving Poll Results to Post</span></b>Leathergloveshttp://www.blogger.com/profile/14652738944141947739noreply@blogger.com2tag:blogger.com,1999:blog-6302113912847991167.post-1965915212042237892009-11-13T19:28:00.012+08:002010-01-04T22:53:08.957+08:00Google Adsense Earnings<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbvPy48OVp03T_9fzFziyyDH8mENotg7Vqe-6DesbAv2eksfSypEyrNAq_PKriQK_ZSShBHpco9ememPtUajJDIHZpowDBPxmPiqddi90y74VZREO0MeGrIBPObM_1lOd47GZepm4IkY8/s1600-h/adsense_logo.gif"><img style="float:left; margin:0 10px 10px 0;cursor:pointer; cursor:hand;width: 203px; height: 40px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbvPy48OVp03T_9fzFziyyDH8mENotg7Vqe-6DesbAv2eksfSypEyrNAq_PKriQK_ZSShBHpco9ememPtUajJDIHZpowDBPxmPiqddi90y74VZREO0MeGrIBPObM_1lOd47GZepm4IkY8/s400/adsense_logo.gif" border="0" alt=""id="BLOGGER_PHOTO_ID_5403549348458136770" /></a>Some of you have been reading or following this blog may be wondering, whether my blogging tips & tricks really works. One of the major difference about this blog that stood out from the rest is that I walk the talk. All the changes I suggested, I tested them and implemented them to my blogs.<br /><br />This resulted in my humble Google Adsense earnings improving steadily daily.<br /><h3>Total to date = ~$401<br />This month's average daily earnings for content > $2</h3><br /><a name='more'></a><br />Below shows a screenshot of accumulated earnings to date for content.<br /><center><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdliG1M8rMQ4VqCJTY70cDCvAdE9lrxrYD6MQTQnOfgoPitzzJkFEGJOhC4n9PnGEv4Vwlnqs-HPIUD-Walie66bikctkdFrV_7L-F8jisA15PIaNeRzSwQLozA1Y7s1418go6rn7G6Qk/s1600-h/Adsense_earnings.JPG"><img style="cursor:pointer; cursor:hand;width: 400px; height: 140px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdliG1M8rMQ4VqCJTY70cDCvAdE9lrxrYD6MQTQnOfgoPitzzJkFEGJOhC4n9PnGEv4Vwlnqs-HPIUD-Walie66bikctkdFrV_7L-F8jisA15PIaNeRzSwQLozA1Y7s1418go6rn7G6Qk/s400/Adsense_earnings.JPG" border="0" alt=""id="BLOGGER_PHOTO_ID_5403550847192464802" /></a><br /></center><br />Besides having great content, other parts such as organizing, arrangement, sorting, packaging of your blog helps to make your blog more visually attractive, appealing and organized. Also Google adsense ads placement will help as well. The overall presentation helps in keeping your readers engaged and keep coming back for more. Results? Higher earnings for you and more satisfied customers.<br /><br />Next Tip: How to copy your Blogger Polls to your posts (After adding feedburner counter as promised).Leathergloveshttp://www.blogger.com/profile/14652738944141947739noreply@blogger.com1