tag:blogger.com,1999:blog-59650352473843031732024-03-05T16:50:08.290+08:00Simple Blogger TipsSimple Blogging Tips, Tutorials, Hacks, Guides, Help and More! Only for Blogspot Bloggers!Ken Wooihttp://www.blogger.com/profile/09777306693372682810noreply@blogger.comBlogger74125tag:blogger.com,1999:blog-5965035247384303173.post-74152977522383479382011-10-17T21:32:00.001+08:002011-10-17T21:32:18.729+08:00Blogger Open Image with LightboxHow to open image with Lightbox on Blogger?<br />How to open image with Lightbox on Blogspot?<br />Show image with Lightbox on Blogger.<br />Show image with Lightbox on Blogspot.<br /><br />Blogger has recently added a new feature for the photos and images on the blog posts. With the new <b>Lightbox</b> feature, the images can be clicked and be displayed with a darkened background.<br /><br /><img src="http://i771.photobucket.com/albums/xx351/simplebloggertips/bloggerimagelightbox.jpg" alt="blogger image lightbox" /><br /><br />Also, all the images and photos within the blog post will be listed below, allowing readers to view them one by one - like a slideshow.<br /><br />Currently, Blogger blogs in default have "Open images with Lightbox" setting enabled. To configure it, go to <b>Dashboard > Settings > Formatting</b>.<br /><br />Then you'll see the setting mode for Lightbox. Either yes or no.<br /><br /><img src="http://i771.photobucket.com/albums/xx351/simplebloggertips/bloggerlightboxsetting.jpg" alt="blogger lightbox setting" /><br /><br />According to the description: If yes is selected, when a reader clicks on an image in a post, it will be displayed in a slideshow-like overlay instead of leaving your page and navigation to the image.<br /><br /><div>It could seem rather annoying if readers unintentionally click on it. But if your blog is a photography blog, it's definitely suitable.</div>Unknownnoreply@blogger.com4tag:blogger.com,1999:blog-5965035247384303173.post-13716370809274362642011-09-01T18:52:00.001+08:002011-09-25T22:04:21.130+08:00Blogger New Interface LayoutBlogger has released a new layout on its Original Blogger site (note: not Blogger in Draft) and you can try the updated Blogger interface with just a click, that's if you're still on the old Blogger interface.<br /><br /><img src="http://i771.photobucket.com/albums/xx351/simplebloggertips/bloggeroldlayout.png" alt="blogger old layout" /><br /><br />This is the outdated (or old if you prefer) interface/layout and it has been around for quite some time.<br /><br />And this... is the new updated interface by Blogger.<br /><br /><img src="http://i771.photobucket.com/albums/xx351/simplebloggertips/bloggernewlayout.png" alt="blogger new layout" /><br /><br />Looks whiter and more organized than the previous interface, with a tinge of orange color. Probably competing with one of their closest competitor, Wordpress, the new layout seem to grasp a more professional look.<br /><br />If you have a few blogs, you'll see them being listed one by one on the main page. To have a better control over each individual blogs, just click on the blog name and you'll be directed to the overview page.<br /><br /><img src="http://i771.photobucket.com/albums/xx351/simplebloggertips/bloggernewlayoutoverview.png" alt="blogger new layout overview" /><br /><br />On the overview page, there will be statistics and updates (comments, post count, follower count, etc) displayed. On the left had side, the navigation panel allows you to work on numerous features, none of which is new though.<br /><br /><img src="http://i771.photobucket.com/albums/xx351/simplebloggertips/bloggernewlayoutposts.png" alt="blogger new layout posts" /><br /><br />On the posts page, it looks similarly like Wordpress - with number of comments with a speech bubble, the views (statistics) and date. The controls are similar to Wordpress too, but definitely a good improvement by Blogger.<br /><br /><img src="http://i771.photobucket.com/albums/xx351/simplebloggertips/bloggernewlayoutcomments.png" alt="blogger new layout comments" /><br /><br />Whereas the comment section lists all the comments in a chronological order, with the latest one at the top. However, Blogger should further improve this section by removing the "on blog post" from the written comment. Perhaps a new column will do.<br /><br /><img src="http://i771.photobucket.com/albums/xx351/simplebloggertips/bloggernewlayouteditor.png" alt="blogger new layout editor" /><br /><br />The post editor section is almost the same, despite the change of layout. With the post settings grouped together at the right side, it's more convenient to configure the settings. Blogger now allows the "Location" to be included as well.<br /><br />For more information about the new layout, check out <a href="http://googleblog.blogspot.com/2011/08/bloggers-fresh-new-look.html" target="_blank">Blogger's Fresh New Look</a> on the Official Google Blog.<br /><br />Author's note: It normally takes time to adapt to a new layout. I agree so I'm gonna stay with the old interface for a little longer.Unknownnoreply@blogger.com2tag:blogger.com,1999:blog-5965035247384303173.post-73804502332525449092011-08-18T23:39:00.000+08:002011-08-18T23:39:31.020+08:00OnBux Down Forever?Yes, OnBux is down for quite some time already and one could only wonder - was it intentionally done? Was the hard-clicked money earned by their users too lucrative to be taken (scammed) so that they purposely close down the site?
<br />
<br /><img src="http://i771.photobucket.com/albums/xx351/simplebloggertips/onbuxdown.jpg" alt="onbux down" />
<br />
<br />Was there an issue with their hosting? But many would conclude that it's a scam attempt.
<br />
<br />Goodbye OnBux, you've been good actually - except for the remaining credit you didn't pay up.Unknownnoreply@blogger.com1tag:blogger.com,1999:blog-5965035247384303173.post-73284177730016875652011-07-30T10:02:00.002+08:002011-07-30T10:04:56.275+08:00Flavors.me - Homepage in MinutesHere's a cool way to create your own homepage in just minutes - with <a href="http://flavors.me/" target="_blank">flavors.me</a>. To be exact, it's just a 1-page homepage that allows you to link all your other social media accounts on it.<br /><br /><img src="http://i771.photobucket.com/albums/xx351/simplebloggertips/flavorsmehomepage.jpg" alt="flavors.me homepage" /><br /><br />To get started, you'll require to register for an account. It's easy and quick.<br /><br />Before moving on the the features and details of <a href="http://flavors.me/" target="_blank">flavors.me</a>, let's go through some of the existing flavors.me profiles.<br /><br /><img src="http://i771.photobucket.com/albums/xx351/simplebloggertips/flavorsmeprofile1.jpg" alt="flavors.me profile 1" /><br /><br /><img src="http://i771.photobucket.com/albums/xx351/simplebloggertips/flavorsmeprofile2.jpg" alt="flavors.me profile 2" /><br /><br /><img src="http://i771.photobucket.com/albums/xx351/simplebloggertips/flavorsmeprofile3.jpg" alt="flavors.me profile 3" /><br /><br />After registering, you can immediately start to customize your profile. The editing tools are easy to be understood, easy to navigate and watch real-time changes onto your profile display.<br /><br /><img src="http://i771.photobucket.com/albums/xx351/simplebloggertips/flavorsmecustomize.jpg" alt="flavors.me customize" /><br /><br />You can customize your layout, fonts and colors in real-time. Just click, and the changes will appear almost instantly. Therefore, you are allowed to modify it to meet your preference.<br /><br /><img src="http://i771.photobucket.com/albums/xx351/simplebloggertips/flavorsmecontent.jpg" alt="flavors.me content" /><br /><br />Once the appearance is done, add some of your favorite social media accounts to your profile. Link your Wordpress blog, Facebook profile, Twitter account or even YouTube channel.<br /><br />If a visitor checks out your profile page, he can then access all your linked social media accounts - almost like a 1-stop homepage center.<br /><br /><img src="http://i771.photobucket.com/albums/xx351/simplebloggertips/flavorsmestats.jpg" alt="flavors.me stats" /><br /><br />Other than that, there are stats available but real-time stats are a paid-only feature.<br /><br />Actually, there is nothing much about <a href="http://flavors.me/" target="_blank">flavors.me</a> if you're just using the free version. Most of the functions and features are locked away, unless you're willing to pay the fee.<br /><br />And if you're willing to pay, it's $20 a year.<br /><br /><img src="http://i771.photobucket.com/albums/xx351/simplebloggertips/flavorsmepayment.jpg" alt="flavors.me payment" /><br /><br />Upon paying, there will be unlimited services available. You can get a custom URL, directory listing, real-time stats, contact form and custom content.<br /><br />That's it.<br /><br />Also, there is another similar website called <a href="http://simple-blogger-tips.blogspot.com/2011/07/aboutme-custom-profile-personal.html" target="_blank">about.me</a>. It's way better than flavors.me so feel free to check it out.Unknownnoreply@blogger.com1tag:blogger.com,1999:blog-5965035247384303173.post-73791387613036752762011-07-08T22:17:00.002+08:002011-07-30T10:04:21.636+08:00About.me - Custom Profile & Personal Analytics DashboardHere's a great method to create your own customized profile almost instantly - check out <a href="http://about.me/" target="_blank">about.me</a>. It's a website where you can make your own 1-page profile and display multiple links to your other social media sites.<br /><br /><img src="http://i771.photobucket.com/albums/xx351/simplebloggertips/aboutmehomepage.jpg" alt="about.me homepage" /><br /><br />Here are some of the available examples of <a href="http://about.me/" target="_blank">about.me</a> profiles.<br /><br /><img src="http://i771.photobucket.com/albums/xx351/simplebloggertips/aboutmeprofilegirl.jpg" alt="about.me profile girl" /><br /><br /><img src="http://i771.photobucket.com/albums/xx351/simplebloggertips/aboutmeprofileman.jpg" alt="about.me profile man" /><br /><br /><img src="http://i771.photobucket.com/albums/xx351/simplebloggertips/aboutmeprofiledude.jpg" alt="about.me profile dude" /><br /><br />After registering, you can start your own profile. The editing tools are pretty self-explanatory and you can navigate easily and see the real-time changes to your profile on the screen.<br /><br /><img src="http://i771.photobucket.com/albums/xx351/simplebloggertips/aboutmeprofileedit.jpg" alt="about.me profile edit" /><br /><br />Once you have created your own <a href="http://about.me/" target="_blank">about.me</a> profile, you can track the profile statistics - such as the profile views, clicks on the profile and external links to the profile.<br /><br /><img src="http://i771.photobucket.com/albums/xx351/simplebloggertips/aboutmeprofilestats.jpg" alt="about.me profile stats" /><br /><br />Besides that, you can check your Klout influence statistics - basically it's the score of your influence with your social media accounts connected to <a href="http://about.me/" target="_blank">about.me</a>.<br /><br /><img src="http://i771.photobucket.com/albums/xx351/simplebloggertips/aboutmeklout.jpg" alt="about.me klout" /><br /><br />Also, <a href="http://about.me/" target="_blank">about.me</a> analyzes your style and influence with your online activities. Your Klout style will be shown. The top 5 people you're influenced by and the top 5 people you influence will be displayed as well.<br /><br /><img src="http://i771.photobucket.com/albums/xx351/simplebloggertips/aboutmestyle.jpg" alt="about.me style" /><br /><br />For me, they are more or less from Twitter (since I added Twitter as one of my links), normally determined when they @mention you.<br /><br />So what are you waiting for? Get your <a href="http://about.me/" target="_blank">about.me</a> profile now! It's cool!<br /><br />Also, there is another similar website called <a href="http://simple-blogger-tips.blogspot.com/2011/07/flavorsme-homepage-in-minutes.html" target="_blank">flavors.me</a>. Not as good as about.me but feel free to check it out.Unknownnoreply@blogger.com1tag:blogger.com,1999:blog-5965035247384303173.post-37925634097583311562011-06-18T14:01:00.001+08:002011-06-18T14:01:22.135+08:00Blogger in Draft Favicon Upload Shows on Blog ListHow to show favicon on Blogger's Blog List gadget?<br />How to show favicon on Blogger's Blog List widget?<br />How to show customized favicon on Blogger's Blog List gadget?<br />How to show customized favicon on Blogger's Blog List widget?<br />How to replace Blogger default favicon with customized favicon?<br />How to replace Blogspot default favicon with customized favicon?<br /><br />To know how, please go to <a href="http://simple-blogger-tips.blogspot.com/2011/06/how-to-add-favicon-with-blogger-in.html" target="_blank">How to Add Favicon with Blogger in Draft</a> for the step by step guide.<br /><br />After uploading, you'll see the new customized/uploaded favicon on the Blogger Page Element page.<br /><br /><img src="http://i771.photobucket.com/albums/xx351/simplebloggertips/faviconupload.png" alt="favicon upload" /><br /><br />The interesting thing about uploading your customized favicon with this new feature on <a href="http://draft.blogger.com/" target="_blank">Blogger in Draft</a> is - the favicon shows on the Blogger's Blog List element when being linked.<br /><br />Here's an example...<br /><br /><img src="http://i771.photobucket.com/albums/xx351/simplebloggertips/favicondisplay.png" alt="favicon display" /><br /><br />Normally, when the <a href="http://simple-blogger-tips.blogspot.com/2009/08/how-to-add-favicon-to-blogger-blog.html" target="_blank">conventional favicon adding via HTML method</a> is used, the customized favicon won't appear on the Blog List and the default Blogger favicon remains there.<br /><br />But with this new customized Favicon Upload feature, Blogger has certainly took a big step in fulfilling what the Blogger bloggers need - a favicon for the blog's identity!Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-5965035247384303173.post-63929149812226652752011-06-10T21:50:00.000+08:002011-06-10T21:50:02.737+08:00How to Add Favicon with Blogger in DraftHow to add favicon?<br />How to create favicon for Blogger blog?<br />How to create favicon for Blogspot blog?<br />How to add favicon to Blogger blog?<br />How to add favicon to Blogspot blog?<br /><br />Back then, you'll need to <a href="http://simple-blogger-tips.blogspot.com/2009/08/how-to-add-favicon-to-blogger-blog.html" target="_blank">play around with the blog HTML code</a> in order to have a customized favicon. But now, you can add a favicon easily with <a href="http://draft.blogger.com/" target="_blank">Blogger in Draft</a>!<br /><br />Here's how.<br /><br />First, go to <a href="http://draft.blogger.com/" target="_blank">Blogger in Draft</a>. Then go to Dashboard > Design.<br /><br /><img src="http://i771.photobucket.com/albums/xx351/simplebloggertips/bloggerfavicon.png" alt="blogger favicon" /><br /><br />There is a Favicon page element where you can add your own customized favicon by clicking on the "Edit" link.<br /><br /><img src="http://i771.photobucket.com/albums/xx351/simplebloggertips/bloggeraddfavicon.png" alt="blogger add favicon" /><br /><br />A pop-up window will appear and all you have to do is to select the favicon (with an .ico format) from your computer and just save it! As easy as that.<br /><br />If you're not sure on how to create a favicon .ico file, continue reading.<br /><br />---<br /><br /><b><u>How to create favicon (.ico) file?</u></b><br /><br />Firstly, an icon is required. You can either use an online icon creator (which may not be user-friendly) or Photoshop.<br /><br />Once you've designed your icon, save it as an image file. Next, proceed to the <a href="http://www.digital-pic.com/icon/" target="_blank">online icon generator</a> to generate the icon. There, upload your saved favicon image, select icon size 16x16 and generate it. Once it's done, download the icon into your computer.<br /><br />Then you can use the downloaded icon and select it as the favicon (.ico) file.Unknownnoreply@blogger.com3tag:blogger.com,1999:blog-5965035247384303173.post-76068333170383179422011-05-15T12:17:00.000+08:002011-05-15T12:17:04.106+08:00How to Redirect A Site to Another Site AutomaticallyCode to redirect a website to another website<br />Code to automatically redirect a website to another website<br />Code to refresh a site to another site automatically<br />Code to automatically refresh a site to another site automatically<br />Code to refresh a webpage to another webpage automatically<br />Code to automatically refresh a webpage to another webpage automatically<br />How to redirect a website to another website<br />How to automatically redirect a website to another website<br />How to refresh a site to another site automatically<br />How to automatically refresh a site to another site automatically<br />How to refresh a webpage to another webpage automatically<br />How to automatically refresh a webpage to another webpage automatically<br /><br />---<br /><br />Here's how.<br /><br />First, go to Dashboard > Design > Edit HTML. Then, just insert this code below <head> tag.<br /><br /><table align="center" border="1" cellpadding="5" cellspacing="1" width="100%"><tbody><tr><td><meta content='<span style="color: rgb(255, 204, 0);">5</span>;http://<span style="color: rgb(255, 204, 0);">www.web.com</span>' http-equiv='Refresh'/><br /></td></tr></tbody></table><br />To change the refresh time, change <span style="color: rgb(255, 204, 0);">5</span> to another number. It represents the seconds needed to redirect/refresh the page to another website/page/domain. Putting 0 means immediate refresh and the viewer won't be able to see the landing website/page/domain.<br /><br />To set the target website/page/domain, change <span style="color: rgb(255, 204, 0);">www.web.com</span> to your desired target website/page/domain.<br /><br />After that, Save Template and it's ready to redirect/refresh!<br /><br />It's suitable for redirecting your Blogspot/Blogger blog to your own (new) domain hosted by a web host or you simply want to auto-redirect an old blog post to a new blog post.Unknownnoreply@blogger.com8tag:blogger.com,1999:blog-5965035247384303173.post-50603019439028802372011-04-09T17:46:00.002+08:002011-07-10T23:36:15.373+08:00Use OnBux instead of NeoBuxNeoBux VS OnBux<br />OnBux VS NeoBux<br /><br />As of update on <b>9 April 2011</b>: If you're on NeoBux and remains at an ordinary account, you'll only earn $0.001 per click! That's 1/10 of the previous earning, which was $0.01. The change was made quite recently.<br /><br />That really sucks and therefore, head on to <a href="http://www.onbux.com/?rh=4c80430a79b6a09555f74d4435159bd5" target="_blank">OnBux</a>, which will still earn you $0.01/click!<br /><br />Here's the Math of cashing out your first $2.00 with both NeoBux and <a href="http://www.onbux.com/?rh=4c80430a79b6a09555f74d4435159bd5" target="_blank">OnBux</a>:<br /><br /><b>NeoBux</b>: $0.004 (4 clicks/day) x <u><b>500 days (1 year plus!)</b></u> = $2.00<br /><b>OnBux</b>: $0.04 (4 clicks/days) x <u><b>50 days</b></u> = $2.00<br /><br />Therefore you can't earn fast with NeoBux, and as a result - it takes longer (1 year plus?!) to cash out your earning from NeoBux.<br /><br /><center><a href="http://www.onbux.com/?rh=4c80430a79b6a09555f74d4435159bd5" target="_blank"><img src="http://images.onbux.com/banner1.jpg" alt="onbux banner" border="0" height="60" width="468" /></a></center><br />So, register with <a href="http://www.onbux.com/?rh=4c80430a79b6a09555f74d4435159bd5" target="_blank">OnBux</a>, which will earn you $0.01/click - and earn within months! Click here for <a href="http://simple-blogger-tips.blogspot.com/2011/02/onbux-payment-proof.html" target="_blank">proof of payment</a> from <a href="http://www.onbux.com/?rh=4c80430a79b6a09555f74d4435159bd5" target="_blank">OnBux</a>!Unknownnoreply@blogger.com1tag:blogger.com,1999:blog-5965035247384303173.post-12024501462427768322011-03-19T14:24:00.001+08:002011-07-09T08:36:22.958+08:00Neobux Payment Proof<b>UPDATE 9 April 2011</b>: If you don't upgrade your NeoBux account and remains at an ordinary account, you'll only earn $0.001 per click! That's 1/10 of the previous earning, which was $0.01. Therefore you can't earn fast. Head on to <a href="http://bit.ly/hQZLwo" target="_blank">OnBux</a>, which will earn you $0.01/click! Click here for <a href="http://simple-blogger-tips.blogspot.com/2011/02/onbux-payment-proof.html" target="_blank">proof of payment</a> from <a href="http://bit.ly/hQZLwo" target="_blank">OnBux</a>!<br /><br />---<br /><br />Just received anotber payment from <a href="http://bit.ly/dhsiIn" target="_blank">NeoBux.com</a>!<br /><br />Here's the proof:<br /><br /><center><img src="http://i771.photobucket.com/albums/xx351/simplebloggertips/neobuxpaymentmail.jpg" alt="neobux payment" /></center><br />Above is the email sent to my email after the payment is made to my PayPal account.<br /><br /><center><img src="http://i771.photobucket.com/albums/xx351/simplebloggertips/neobuxpayment-1.jpg" alt="neobux payment paypal" /></center><br />Above is the payment statement as shown on my PayPal website - sent by Neobux.<br /><br />There you go, it's the proof that <a href="http://bit.ly/dhsiIn" target="_blank">NeoBux.com</a>, the pay-to-click website, works! Just spend about 5 minutes a day to click a minimum of 4 advertisements and earn as little as $0.004 (it is actually lesser now) a day! You gotta be consistent.<br /><br />Feel free to check out the site, register an account and earn passively by clicking everyday!<br /><br /><center><a href="http://bit.ly/dhsiIn" target="_blank"><img src="http://images.neobux.com/imagens/banner9.gif" height="60" width="468" /></a></center><br />Do check out the <a href="http://simple-blogger-tips.blogspot.com/2010/12/basic-guide-to-use-neobux.html" target="_blank">NeoBux</a> guide too. Happy earning online.Unknownnoreply@blogger.com1tag:blogger.com,1999:blog-5965035247384303173.post-74094410789444462632011-02-17T23:38:00.001+08:002011-07-10T23:35:24.609+08:00OnBux Payment ProofJust received my first payment from <a href="http://www.onbux.com/?rh=4c80430a79b6a09555f74d4435159bd5" target="_blank">OnBux.com</a>!<br /><br />Here's the proof:<br /><br /><center><img src="http://i771.photobucket.com/albums/xx351/simplebloggertips/onbuxpayment.png" alt="onbux payment" /></center><br />Above is the email sent to my email after the payment is made to my PayPal account.<br /><br /><center><img src="http://i771.photobucket.com/albums/xx351/simplebloggertips/onbuxpaymentpaypal.png" alt="onbux payment paypal" /></center><br />Above is the payment statement as shown on my PayPal website - sent by onBux Ltda.<br /><br />There you go, it's the proof that <a href="http://www.onbux.com/?rh=4c80430a79b6a09555f74d4435159bd5" target="_blank">OnBux.com</a>, the pay-to-click website, works! Just spend about 5 minutes a day to click a minimum of 4 advertisements and earn as little as $0.04 a day! You gotta be consistent.<br /><br />Feel free to check out the site, register an account and earn passively by clicking everyday!<br /><br /><center><a href="http://www.onbux.com/?rh=4c80430a79b6a09555f74d4435159bd5" target="_blank"><img src="http://images.onbux.com/banner.jpg" alt="onbux banner" border="0" height="60" width="468" /></a></center><br />Do check out <a href="http://simple-blogger-tips.blogspot.com/2010/12/basic-guide-to-use-neobux.html" target="_blank">NeoBux</a> too. It works the same and you can earn from both!Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-5965035247384303173.post-48278880617676863132011-01-15T11:45:00.003+08:002011-01-31T10:46:16.247+08:00How to Add Blogger Sitemap to Google WebmasterHow to get sitemap for Blogger?<br />How to get sitemap for Blogspot?<br />How to add sitemap for Blogger to Google Webmaster?<br />How to add sitemap for Blogspot to Google Webmaster?<br />How to enter sitemap to Google Webmaster for Blogger blog?<br />How to enter sitemap to Google Webmaster for Blogspot blog?<br /><br />First, go to <a href="http://www.google.com/webmasters" target="_blank">Google Webmaster</a> and sign in with your Google Account.<br /><br /><center><img src="http://i771.photobucket.com/albums/xx351/simplebloggertips/googlewebmaster.png" alt="google webmaster site" /></center><br />Then, if you have not added your blog, click on "Add a site..." first.<br /><br /><center><img src="http://i771.photobucket.com/albums/xx351/simplebloggertips/googlewebmasteraddasite.png" alt="google webmaster add a site" /></center><br />After adding your website, you'll need to verify the site ownership by added a meta tag on your blog. Follow the instructions displayed.<br /><br />Then, proceed to the dashboard of the site.<br /><br /><center><img src="http://i771.photobucket.com/albums/xx351/simplebloggertips/googlewebmasterdashboardsitemap.png" alt="google webmaster dashboard sitemap" /></center><br />On the left sidebar, expand "Site configuration" and click on "Sitemaps" below it.<br /><br />Then the next page is where you submit the sitemaps for the blog.<br /><br /><center><img src="http://i771.photobucket.com/albums/xx351/simplebloggertips/googlewebmastersubmitsitemap.png" alt="google webmaster submit sitemap" /></center><br />Click on "Submit a Sitemap" and enter the following link extension:<br /><br /><b>1)</b> This is the basic sitemap you submit first.<br /><br /><table align="center" border="1" cellpadding="5" cellspacing="1" width="100%"><tbody><tr><td>/atom.xml?redirect=false<br /></td></tr></tbody></table><br /><b>2)</b> Then enter the second sitemap. This is to index the first 100 posts on your blog, which means post number <span style="color: rgb(255, 204, 51);">1</span> until post number 100.<br /><br /><table align="center" border="1" cellpadding="5" cellspacing="1" width="100%"><tbody><tr><td>/atom.xml?redirect=false&start-index=<span style="color: rgb(255, 204, 51);">1</span>&max-results=100<br /></td></tr></tbody></table><br /><b>3)</b> If you have more than 100 posts on your blog, submit this link as well. This will index post number <span style="color: rgb(255, 204, 51);">101</span> until post number 200.<br /><br /><table align="center" border="1" cellpadding="5" cellspacing="1" width="100%"><tbody><tr><td>/atom.xml?redirect=false&start-index=<span style="color: rgb(255, 204, 51);">101</span>&max-results=100<br /></td></tr></tbody></table><br /><b>4)</b> If you have more than 200 posts on your blog, submit this link as well. It will index post <span style="color: rgb(255, 204, 51);">201</span> until 300.<br /><br /><table align="center" border="1" cellpadding="5" cellspacing="1" width="100%"><tbody><tr><td>/atom.xml?redirect=false&start-index=<span style="color: rgb(255, 204, 51);">201</span>&max-results=100<br /></td></tr></tbody></table><br /><b>5)</b> Continue adding new sitemaps if you have more posts.<br /><br />Take note that the more posts you have on your blog, you have to add more sitemaps to index every hundredth posts. Refer to the number in <span style="color: rgb(255, 204, 51);">orange</span> and it's pretty self-explanatory.<br /><br />After submitting the sitemaps, your sitemap list will look more or less like this:<br /><br /><center><img src="http://i771.photobucket.com/albums/xx351/simplebloggertips/googlewebmastersitemaplist.png" alt="google webmaster sitemap list" /></center><br />The sitemap links above can accommodate 200 plus blog posts only. If the number of posts exceeds, more sitemaps have to be added for every hundredth.<br /><br /><br /><b><u>Why is this "Sitemap submission" necessary?</u></b><br /><br />It helps Google index your blog more efficiently and ultimately provide more traffic to your site via its search engine.<br /><br />Go ahead and add your blog's sitemap to Google Webmaster now!Unknownnoreply@blogger.com38tag:blogger.com,1999:blog-5965035247384303173.post-87058146744669942672011-01-01T12:57:00.000+08:002011-01-01T12:57:21.930+08:00How to Remove Attribution Widget on BloggerHow to remove attribution on Blogger?<br />How to remove copyright widget on Blogspot?<br />How to remove line at the bottom of blog?<br /><br />If you're using a template by Blogger's <a href="http://simple-blogger-tips.blogspot.com/2010/03/blogger-in-draft-new-blogger-template.html" target="_blank">Template Designer</a>, most of them have an attribution widget at the bottom of the blog.<br /><br />Take a look and it's something like this...<br /><br /><center><img src="http://i771.photobucket.com/albums/xx351/simplebloggertips/bloggerattribution1.png" alt="blogger attribution widget" /></center><br />You're able to modify only the "Copyright" statement from the widget.<br /><br />If you want to remove this Attribution widget at <b>Design > Page Elements</b>, you see that it can be edited...<br /><br /><center><img src="http://i771.photobucket.com/albums/xx351/simplebloggertips/bloggerattribution2.png" alt="blogger attribution widget" /></center><br />But unlike the other normal widgets, you won't be able to remove the Attribution widget because it doesn't have a "Remove" button.<br /><br /><center><img src="http://i771.photobucket.com/albums/xx351/simplebloggertips/bloggerattribution3.png" alt="blogger attribution widget" /></center><br />If you insist on removing the widget, here are the steps to remove the attribution widget on Blogger. It's pretty easy and understandable.<br /><br />1) First, go to <b>Design > Edit HTML > Tick "Expand Widget Templates"</b>. Search for the word "attribution".<br /><br /><center><img src="http://i771.photobucket.com/albums/xx351/simplebloggertips/bloggerattribution4.png" alt="blogger attribution widget" /></center><br />2) When you see the Attribution widget code (refer to image above), change the "true" on <span style="color: rgb(255, 204, 0);">locked </span>to "<span style="color: rgb(255, 204, 0);">false</span>".<br /><br />3) Go back to <b>Design > Page Elements</b>.<br /><br /><center><img src="http://i771.photobucket.com/albums/xx351/simplebloggertips/bloggerattribution5.png" alt="blogger attribution widget" /></center><br />4) Since the lock function is disabled (by changing the code to "false"), it's movable and can be removed as well. Click on "Edit" on the Attribution element.<br /><br />5) And now with the "Remove" button available, you can finally remove the Attribution widget for good.<br /><br /><center><img src="http://i771.photobucket.com/albums/xx351/simplebloggertips/bloggerattribution6.png" alt="blogger attribution widget" /></center><br />Done!Unknownnoreply@blogger.com32tag:blogger.com,1999:blog-5965035247384303173.post-83302906575764693962010-12-31T09:18:00.007+08:002011-07-09T08:36:22.962+08:00Basic Guide to Use Neobux<b>UPDATE 9 April 2011</b>: If you don't upgrade your NeoBux account and remains at an ordinary account, you'll only earn $0.001 per click! That's 1/10 of the previous earning, which was $0.01. Therefore you can't earn fast. Head on to <a href="http://bit.ly/hQZLwo" target="_blank">OnBux</a>, which will earn you $0.01/click! Click here for <a href="http://simple-blogger-tips.blogspot.com/2011/02/onbux-payment-proof.html" target="_blank">proof of payment</a> from <a href="http://bit.ly/hQZLwo" target="_blank">OnBux</a>!<br /><br />---<br /><br />How to use Neobux?<br />How to earn money with Neobux?<br />Now to view advertisements on Neobux?<br /><br /><center><a href="http://bit.ly/dhsiIn" target="_blank"><img src="http://i771.photobucket.com/albums/xx351/simplebloggertips/neobuxlogo.jpg" alt="neobux logo" /></a></center><br />This is a basic and simple guide on how to earn money online with <a href="http://bit.ly/dhsiIn" target="_blank">Neobux</a>.<br /><br />1) Firstly, you need an account at <a href="http://bit.ly/dhsiIn" target="_blank">Neobux</a>. Register an account and log in.<br /><br /><center><img src="http://i771.photobucket.com/albums/xx351/simplebloggertips/neobuxmemberlogin.png" alt="neobux member login" /></center><br />Enter your username, password, secondary password (optional, depends on your registration) and verification code. Click "send".<br /><br />2) Once inside your account, look at the top of the website.<br /><br /><center><img src="http://i771.photobucket.com/albums/xx351/simplebloggertips/neobuxviewadvertisements.png" alt="neobux view advertisements" /></center><br />If advertisements are available, there will be a green box with a number (indicating the number of ads available, normally 4) beside "View Advertisements". Click on it.<br /><br />3) After that, you'll see boxes that represents each available advertisement.<br /><br /><center><img src="http://i771.photobucket.com/albums/xx351/simplebloggertips/neobuxadvertisements.png" alt="neobux advertisements" /></center><br />A yellow star below the box indicates that it's not clicked for the day yet. A gray star indicates that the advertisement was already clicked. It refreshes daily, so it's advisable to log in daily to view the ads.<br /><br />To view a particular advertisement, click on the box.<br /><br />4) Then, click on the red dot that appears at random locations within the box.<br /><br /><center><img src="http://i771.photobucket.com/albums/xx351/simplebloggertips/neobuxclickadvertisements.png" alt="neobux click advertisements" /></center><br />It's usually a red dot, but since it's Christmas when this screen shot is made - <a href="http://bit.ly/dhsiIn" target="_blank">Neobux</a> changed the red dot to a Christmas ornaments. Still works the same.<br /><br />This method is obviously to prevent bots and requires a human interaction.<br /><br />5) After clicking on the red dot, a new page will appear on the browser. That's where the advertisement website loads.<br /><br /><center><img src="http://i771.photobucket.com/albums/xx351/simplebloggertips/neobuxadvertisementloading.png" alt="neobux advertisement loading" /></center><br />The loading of each advertisement will take about 30 seconds or more, depending on content of the website.<br /><br />Wait for the progress bar to be covered with yellow. While waiting, do not view other advertisements. It's supposed to be viewed one by one.<br /><br />6) After the progress bar is completed, you'll see an advertisement validation.<br /><br /><center><img src="http://i771.photobucket.com/albums/xx351/simplebloggertips/neobuxadvertisementdone.png" alt="neobux advertisement done" /></center><br />It will appear over the progress bar previously and it indicates that the advertisement click is successful. Good job and you have $0.01 credited into your account.<br /><br />Continue with clicking on the rest of the advertisements available. Remember to <b><u>view every single advertisements every day</u></b> to earn the maximum money for basic steps.<br /><br />7) You may view your daily earning chart at your account information section. Just click on your username at the top of the website.<br /><br /><center><img src="http://i771.photobucket.com/albums/xx351/simplebloggertips/neobuxchart.png" alt="neobux earning chart" /></center><br />From this chart, you can view your activeness by checking the number of clicks you've made in the recent days. A day without advertisement views can be a waste.<br /><br />8) Click on your <a href="http://bit.ly/dhsiIn" target="_blank">Neobux</a> advertisements daily and once you've reached the minimum cash out amount, you can transfer the money to AlertPay, PayPal or NETELLER.<br /><br /><center><img src="http://i771.photobucket.com/albums/xx351/simplebloggertips/neobuxpayment.png" alt="neobux payment" /></center><br />Click on "your payment" above the chart and proceed by following the instructions.<br /><br />One thing is for sure, it really works and it pays. Why don't you try as well? There's no harm earning some extra income with <a href="http://bit.ly/dhsiIn" target="_blank">Neobux</a>. Just remember to view all the advertisements every day.<br /><br /><b>Take note</b>: This guide is only the basic steps which are required at the start of your registration. After earning more, you can earn even more by getting referrals. But that will be on an Advanced Guide. Stay tuned!Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-5965035247384303173.post-84593040871101391852010-12-18T11:16:00.000+08:002010-12-18T11:16:39.157+08:00Top 4 Free Blogging PlatformHere are the <b>top 4 free blogging platform</b> by Simple Blogger Tips.<br /><br /><center><img src="http://i771.photobucket.com/albums/xx351/simplebloggertips/bloggerlogo.jpg" alt="blogger logo" /></center><br /><b>Blogger.com</b> - Majority of the bloggers started of with Blogger. A great starting site to get a taste of blogging, very easy to use. Has almost everything you need from widgets to template designing and modification. The entries are easily indexed by Google search engine because it's owned by Google.<br /><br /><center><img src="http://i771.photobucket.com/albums/xx351/simplebloggertips/wordpresslogo.jpg" alt="wordpress logo" /></center><br /><b>WordPress.com</b> - The free and easy way to blog with Wordpress without the need of technical blog installation knowledge. It has most of the latest features but with limited access over the modification of the preset template. As a result, advertisements from external parties aren't allowed. Nevertheless, it offers inspiring writers to pen down their words professionally.<br /><br /><center><img src="http://i771.photobucket.com/albums/xx351/simplebloggertips/tumblrlogo.jpg" alt="tumblr logo" /></center><br /><b>Tumblr.com</b> - Probably the easiest way to blog. A platform with a focus on allowing media-rich posts. Suitable for those who love to share photos, videos and links without the need to lengthy words. Allows others to re-blog a particular post as well, that's the unique feature of Tumblr.<br /><br /><center><img src="http://i771.photobucket.com/albums/xx351/simplebloggertips/posterouslogo.jpg" alt="posterous logo" /></center><br /><b>Posterous.com</b> - Labeled themselves as the easiest way to share photos, collaborate with others, share new ideas, create a travel journal, share passions and share videos. The unique feature about Posterous is that you don't need to sign up, know any code or even know how to do anything. Just send an email to set up your own Posterous blog and start sharing your ideas and media.Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-5965035247384303173.post-48076846203136696472010-12-11T11:36:00.003+08:002011-07-09T08:36:22.963+08:00Earn Money Online with NeoBux<b>UPDATE 9 April 2011</b>: If you don't upgrade your NeoBux account and remains at an ordinary account, you'll only earn $0.001 per click! That's 1/10 of the previous earning, which was $0.01. Therefore you can't earn fast. Head on to <a href="http://bit.ly/hQZLwo" target="_blank">OnBux</a>, which will earn you $0.01/click! Click here for <a href="http://simple-blogger-tips.blogspot.com/2011/02/onbux-payment-proof.html" target="_blank">proof of payment</a> from <a href="http://bit.ly/hQZLwo" target="_blank">OnBux</a>!<br /><br />---<br /><br />How to earn money online?<br />How to earn income from the Internet?<br />How to make money with Neobux?<br />How to generate income online?<br /><br />Want to make some side income from the Internet? I've been earning some cash through the Internet. Honestly, there are many methods and techniques - and one of the ways is by using <b>NeoBux</b>.<br /><br /><center><a href="http://bit.ly/dhsiIn" target="_blank"><img src="http://i771.photobucket.com/albums/xx351/simplebloggertips/neobuxlogo.jpg" alt="neobux logo" /></a></center><br />NeoBux is a pay-as-you-surf site. All you have to do is to surf the sites (usually 4 sites a day if you're using the normal account) given everyday, and earn tiny (US$0.01/site) income. You might think it's too little at the start, but once you learn and explore more - you'll start earning big.<br /><br />Most importantly is to get <u>referrals</u>. Be it direct referrals or rented referrals - whenever they click on a particular day, you'll earn half of their earnings. It's a win-win situation.<br /><br />Try it now!<br /><br /><center><a href="http://bit.ly/dhsiIn" target="_blank"><img src="http://images.neobux.com/imagens/banner9.gif" /></a><br /><a href="http://bit.ly/dhsiIn" target="_blank">Cash up your PayPal with NeoBux</a></center><br />Once you're already signed up, don't forget to click everday.<br /><br />Take note, NeoBux is not a scam. It really pays you. All you need is a PayPal account, and once your accumulated earning passes the minimum cash out limit, you can transfer the money immediately to your PayPal account. As easy as that!<br /><br />Feel free to ask if you have any questions.Unknownnoreply@blogger.com3tag:blogger.com,1999:blog-5965035247384303173.post-10609540941838636862010-10-09T16:13:00.002+08:002010-10-09T16:22:38.744+08:00How to Add Official Tweet Button to BlogHow to add Tweet Button on Blogger blog?<br />How to add Tweet Button on Blogspot blog?<br />How to add official Tweet Button on Blogger blog?<br />How to add official Tweet Button on Blogspot blog?<br /><br />You want to add the official Tweet Button at the end (or at the top) of each of your blog post, here's how.<br /><br /><center><img src="http://i771.photobucket.com/albums/xx351/simplebloggertips/officialtweetbutton.png" alt="official tweet button" /></center><br />Firstly, go to <b>Dashboard > Design > Edit HTML</b>. Then click <b>Expand Widget Templates</b>.<br /><br />Search for this code:<br /><br /><table align="center" border="1" cellpadding="5" cellspacing="1" width="100%"><tbody><tr><td><data:post.body/><br /><div style='clear: both;'/> <!-- clear for photos floats --></td></tr></tbody></table><br />Then, here's the code to add the Tweet Button.<br /><br /><table align="center" border="1" cellpadding="5" cellspacing="1" width="100%"><tbody><tr><td><div style='align:left;'><br /><a class='twitter-share-button' data-count='<span style="color: rgb(255, 204, 0);">horizontal</span>' data-lang='en' data-via='<span style="color: rgb(255, 204, 0);">simpleblogrtips</span>' expr:data-text='data:post.title' expr:data-url='data:post.url' href='http://twitter.com/share' rel='nofollow'>Tweet</a><br /><b:if cond='data:post.isFirstPost'><br /><script src='http://platform.twitter.com/widgets.js' type='text/javascript'><br /></script><br /></b:if><br /></div></td></tr></tbody></table><br />Take note that the code is different from the code generated on <a href="http://twitter.com/goodies/tweetbutton" target="_blank">Twitter Tweet Button</a> page because it is modified for better performance.<br /><br />---<br /><br /><b><u>Where to add Tweet Button?</u></b><br /><br />To add it <b>above</b> each blog post, add the code <b>before</b> <data:post.body/>.<br /><br />To add it <b>after</b> each blog post, add the code <b>after</b> <div style='clear: both;'/> <!-- clear for photos floats -->.<br /><br />To distance the button away from the blog post, add <br/> before or after the Tweet Button code depending on where to put it.<br /><br />Click "Save Template" and you're done.<br /><br />---<br /><br /><b><u>How to customize Tweet Button?</u></b><br /><br />1) To <b>change button style</b>, change "<span style="color: rgb(255, 204, 0);">horizontal</span>" to "<span style="color: rgb(255, 204, 0);">vertical</span>" or "<span style="color: rgb(255, 204, 0);">none</span>".<br /><br /><img src="http://i771.photobucket.com/albums/xx351/simplebloggertips/tweetbuttonvertical.png" alt="twitter button vertical" /><br />vertical<br /><br /><img src="http://i771.photobucket.com/albums/xx351/simplebloggertips/tweetbuttonhorizontal.png" alt="twitter button horizontal" /><br />horizontal<br /><br /><img src="http://i771.photobucket.com/albums/xx351/simplebloggertips/tweetbutton.png" alt="twitter button" /><br />none<br /><br />2) To <b>change via Twitter account</b>, change "<span style="color: rgb(255, 204, 0);">simpleblogrtips</span>" to your preferred Twitter account.<br /><br />That's all for now!Unknownnoreply@blogger.com7tag:blogger.com,1999:blog-5965035247384303173.post-90322678883293508542010-09-21T17:25:00.003+08:002011-04-07T00:33:19.448+08:00Getting a Domain or a Web Hosting, or BothDifference between getting a domain or a web hosting, or both.<br />Why purchase a custom domain name?<br />Why purchase a web hosting?<br />Can I just purchase a custom domain for Blogger?<br />Why purchase a custom domain and a web hosting?<br />Explanation of getting a domain and a web hosting.<br /><br /><center><img src="http://i771.photobucket.com/albums/xx351/simplebloggertips/domainnamesextensions.jpg" alt="domain name extensions" /></center><br />---<br /><br /><b><u>Why purchase a custom domain name?</u></b><br /><br />You purchase a domain because you want your website or blog to have a better link address. Unlike having a totally free blog on Blogger.com or Wordpress.com, where you're given a sub-domain like "abc.blogspot.com" or "abc.wordpress.com".<br /><br />Getting a custom domain is basically about making it cooler, and probably shorter without the "blogspot.com" and "wordpress.com" extension. That means you get to have "abc.com" or "abc.net" etc.<br /><br />---<br /><br /><b><u>Why purchase a Web Hosting?</u></b><br /><br />Getting your own web hosting means you're having your website hosted, but with a fee included. You can pay it monthly, or yearly depending on your preference. However, sometimes it'll be cheaper if you pay yearly.<br /><br />When you're on Blogger.com or Wordpress.com, you're actually hosting your blog on their site. Furthermore, it's free-of-charge and you don't have to worry about the hosting issues. You'll only be given the blogging interface and you blog, that's all.<br /><br />But when you're on an external web hosting, you'll need to download a blogging platform (Wordpress is the common one), install it on the web host, set up your database, redirect your domain and blog.<br /><br />---<br /><br /><b><u>Can I just purchase a custom domain for Blogspot?</u></b><br /><br />Yes you can. If you have a blog on "abc.blogspot.com" and you purchase "abc.com", both links will bring you to the same blog/website.<br /><br />In fact, you can purchase it via Blogger itself. Read: <a href="http://simple-blogger-tips.blogspot.com/2010/06/how-to-buy-custom-domain-for-blogger.html" target="_blank">How to buy a custom domain for Blogger</a>.<br /><br />In this case, there's no new blog or old blog when you've only bought a domain for your Blogger.com blog - it's actually the same. Just the address has changed.<br /><br />---<br /><br /><b><u>What about purchasing a domain and a web hosting?</u></b><br /><br />For this matter, you'll have to host a self-hosted Wordpress (or your preferred blogging platform) blog, unlike Wordpress.com and Blogger.com.<br /><br />If you get a web host, downloaded and installed Wordpress, it's a new Wordpress blog. (<a href="http://wordpress.org/download/" target="_blank">Click here to download Wordpress from Wordpress.org</a>)<br /><br />Don't worry about leaving your old Blogger.com blog posts, because you can import your old entries - there's a function in Wordpress that allows you to import entries from other blogs.<br /><br />After you've gotten yourself a web host, "abc.blogspot.com" and "abc.com" (or any new domain) are two DIFFERENT websites.<br /><br /><b>Take note</b>: <u>Wordpress.com and Wordpress.org are not the same</u>.<br /><br />---<br /><br /><b><u>Simplified Explanation</u></b><br /><br />Blogger with added domain = Same house, new address. But still use the old address.<br />Migrate to self-hosted Wordpress = New house, new address. Old address will bring you to your old home.Unknownnoreply@blogger.com6tag:blogger.com,1999:blog-5965035247384303173.post-26106398131593747212010-09-18T21:05:00.005+08:002010-10-09T16:20:27.075+08:00How to Add Facebook Like Button on BloggerHow to add Facebook Recommend Button on Blogger blog?<br />How to add Facebook Like Button on Blogspot blog?<br />How to customize Facebook Like Button on Blogger?<br />How to customize Facebook Recommend Button on Blogger?<br /><br />You want to add the official Facebook Like or Recommend Button at the end (or at the top) of each of your blog post, here's how.<br /><br /><center><img src="http://i771.photobucket.com/albums/xx351/simplebloggertips/signature.png" alt="facebook like button" /></center><br />Firstly, go to <b>Dashboard > Design > Edit HTML</b>. Then click <b>Expand Widget Templates</b>.<br /><br />Search for this code:<br /><br /><table align="center" border="1" cellpadding="5" cellspacing="1" width="100%"><tbody><tr><td><data:post.body/><br /><div style='clear: both;'/> <!-- clear for photos floats --></td></tr></tbody></table><br />Then, here's the code to add the Facebook Like Button.<br /><br /><table align="center" border="1" cellpadding="5" cellspacing="1" width="100%"><tbody><tr><td><iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=standard&amp;show_faces=<span style="color: rgb(255, 204, 0);">false</span>&amp;width=100&amp;action=<span style="color: rgb(255, 204, 0);">like</span>&amp;font=<span style="color: rgb(255, 204, 0);">arial</span>&amp;colorscheme=<span style="color: rgb(255, 204, 0);">light</span>&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:<span style="color: rgb(255, 204, 0);">450</span>px; height:<span style="color: rgb(255, 204, 0);">40</span>px;'/></td></tr></tbody></table><br />---<br /><br /><b><u>Where to add Facebook Like Button?</u></b><br /><br />To add it <b>above</b> each blog post, add the code <b>before</b> <data:post.body/>.<br /><br />To add it <b>after</b> each blog post, add the code <b>after</b> <div style='clear: both;'/> <!-- clear for photos floats -->.<br /><br />To distance the button away from the blog post, add <br/> before or after the Facebook Like Button code depending on where to put it.<br /><br />Click "Save Template" and you're done.<br /><br />---<br /><br /><b><u>How to customize Facebook Like Button?</u></b><br /><br />1) To <b>show Facebook Profile pictures/faces</b> of people who "Liked/Recommended" the blog post, change "<span style="color: rgb(255, 204, 0);">false</span>" to "<span style="color: rgb(255, 204, 0);">true</span>".<br /><br />2) To use different <b>action</b> on the Facebook Button, change "<span style="color: rgb(255, 204, 0);">like</span>" to "<span style="color: rgb(255, 204, 0);">recommend</span>". Decide which is suitable for you.<br /><br />3) To change the <b>font</b>, change "<span style="color: rgb(255, 204, 0);">arial</span>" to either "<span style="color: rgb(255, 204, 0);">lucida+grande</span>", "<span style="color: rgb(255, 204, 0);">segoe+ui</span>", "<span style="color: rgb(255, 204, 0);">tahoma</span>", "<span style="color: rgb(255, 204, 0);">trebuchet+ms</span>" or "<span style="color: rgb(255, 204, 0);">verdana</span>". Decide which is suitable for you.<br /><br />4) To change the <b>colour scheme</b>, change between "<span style="color: rgb(255, 204, 0);">light</span>", "<span style="color: rgb(255, 204, 0);">dark</span>" or "<span style="color: rgb(255, 204, 0);">dark</span>". It represents the background colour your blog uses. If it's light colours use "light", if it's dark use "dark" and "evil" is somehow the same.<br /><br />5) To change the <b>width</b> or <b>height</b> of the button, change them accordingly.<br /><br />That's all for now!Unknownnoreply@blogger.com7tag:blogger.com,1999:blog-5965035247384303173.post-37621958022843344602010-09-08T22:24:00.001+08:002010-09-08T22:26:41.511+08:00How to Add Signature to Blog PostsHow to add signature to blog entry?<br />How to add photo at the bottom of blog post?<br />How to add photo at the bottom of each blog entry?<br />How to add image at the bottom of each blog post?<br />How to include signature at the blog post?<br />How to include signature to blog entry?<br />How to include photo at bottom of blog post?<br />How to include image at the blog post?<br /><br />You want to add a permanent signature or a picture at the end of each of your blog post, here's how.<br /><br /><center><img src="http://i771.photobucket.com/albums/xx351/simplebloggertips/signature.png" alt="blog signature" /></center><br />Firstly, go to <b>Dashboard > Design > Edit HTML</b>. Then click <b>Expand Widget Templates</b>.<br /><br />Search for this code:<br /><br /><table align="center" border="1" cellpadding="5" cellspacing="1" width="100%"><tbody><tr><td><data:post.body/></td></tr></tbody></table><br />You'll need to include the signature <b>below</b> this code. There are 2 types of including signatures - Text and Image.<br /><br />---<br /><br /><b><u>Signature 1 - Text</u></b><br /><br />Then write your signature text <b>below</b> the <b><data:post.body/></b> code, and preview it so that you can make adjustments.<br /><br />If it appears on the line right after the blog post ends, you can include <u><br/></u> before the signature text so that there will be a space between them.<br /><br />That's it if you just want to have a text signature at the bottom of each of your blog entry.<br /><br />---<br /><br /><b><u>Signature 2 - Image</u></b><br /><br />You want to have an image as your signature, you should add this code <b>below</b> the <b><data:post.body/></b> code instead.<br /><br /><table align="center" border="1" cellpadding="5" cellspacing="1" width="100%"><tbody><tr><td><img src='<span style="color: rgb(255, 204, 0);">http://imagelink</span>'/></td></tr></tbody></table><br />Replace the <span style="color: rgb(255, 204, 0);">http://imagelink</span> with your signature image URL link.<br /><br />By default, it's aligned to the left.<br /><br />To align it to the <b>center</b>, use this code.<br /><br /><table align="center" border="1" cellpadding="5" cellspacing="1" width="100%"><tbody><tr><td><center><img src='<span style="color: rgb(255, 204, 0);">http://imagelink</span>'/></center></td></tr></tbody></table><br />To align it to the <b>right</b>, use this code.<br /><br /><table align="center" border="1" cellpadding="5" cellspacing="1" width="100%"><tbody><tr><td><div style='text-align: right;'><img src='<span style="color: rgb(255, 204, 0);">http://imagelink</span>'/></div></td></tr></tbody></table><br />Remember to replace the <span style="color: rgb(255, 204, 0);">http://imagelink</span> with the your image URL link.<br /><br />Preview, make adjustments with line break code - <u><br/></u> - if necessary. Save it and you're done.<br /><br />---<br /><br />If you want the image to have an invisible background, meaning that you just want the signature image/text to be displayed only without the background - you'll have to create one for yourself (with Photoshop) and save it as .png or .gif file without any background layer.Unknownnoreply@blogger.com3tag:blogger.com,1999:blog-5965035247384303173.post-54326885730143368322010-09-06T20:56:00.000+08:002010-09-06T20:56:06.843+08:00Blogger in Draft New Widgets - Popular Posts and Blog's StatsHow to add Popular Posts widget on Blogger blog?<br />
How to display popular posts on Blogger blog?<br />
How to show popular posts on Blogspot blog?<br />
<br />
How to add Blog Stats widget on Blogger blog?<br />
How to display blog's visitors and page views stats on Blogger blog?<br />
How to show blog traffic statistics on Blogspot blog?<br />
<br />
Blogger in Draft is out with 2 new widgets - the <b>Popular Posts</b> widget and <b>Blog's Stats</b> widget.<br />
<br />
<center><img alt="blogger popular posts and stats new widgets" src="http://i771.photobucket.com/albums/xx351/simplebloggertips/popularpostsandstats.png" /></center><br />
Take note, they can only be seen when you're on <a href="http://draft.blogger.com/" target="_blank">Blogger in Draft</a>. The normal Blogger doesn't have it yet.<br />
<br />
On the <b>Popular Posts</b> widget, these are the available settings.<br />
<br />
<center><img alt="blogger popular posts widget" src="http://i771.photobucket.com/albums/xx351/simplebloggertips/popularposts.png" /></center><br />
You can set the most view posts duration period and whether to include an image thumbnail (which is normally the first picture of the blog post) and also the snippet.<br />
<br />
Unfortunately you can set the number of displayed blog posts right now. The fixed number is 10. Hopefully Blogger will add in the blog count feature as well later on.<br />
<br />
On the <b>Blog's Stats</b> widget, these are the available settings.<br />
<br />
<center><img alt="blogger stats widget" src="http://i771.photobucket.com/albums/xx351/simplebloggertips/statspageview.png" /></center><br />
Here, you can edit the stats style and the options.<br />
<br />
That's all for now. Hopefully these additional Blogger widgets are useful for some of you!Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-5965035247384303173.post-83756360007092483492010-09-03T22:21:00.006+08:002010-09-06T20:57:55.681+08:00How to Add Floating Twitter Button on Blogger BlogHow to add twitter button on Blogger blog?<br />
How to add Follow Me on Twitter badge on Blogspot blog?<br />
How to add Follow Us on Twitter badge on Blogspot blog?<br />
How to add Twitter Follow Me button on blog?<br />
How to add Twitter Follow Us button on blog?<br />
How to add link to Twitter page on Blogger blog?<br />
<br />
Firstly, go to <b>Dashboard > Design > Edit HTML</b>.<br />
<br />
<center><img src="http://i771.photobucket.com/albums/xx351/simplebloggertips/followontwitterbutton.png" alt="follow on twitter button" /></center><br />
Then search for <b></b:skin></b> and add this code <b>before</b> it.<br />
<br />
<table align="center" border="1" cellpadding="5" cellspacing="1" width="100%"><tbody>
<tr><td>#twitter-follow { border: 0; position: fixed; top: <span style="color: rgb(255, 204, 0);">300</span>px; <span style="color: rgb(255, 204, 0);">right</span>: 0;}</td></tr>
</tbody></table><br />
To change the position of the Twitter button, you can change <b>"<span style="color: rgb(255, 204, 0);">300</span>"</b> (distance from the top) and <b>"<span style="color: rgb(255, 204, 0);">right</span>"</b> to "<span style="color: rgb(255, 204, 0);">left</span>" if you want the button to be on the left.<br />
<br />
Then search for <b></body></b> and add this code <b>before</b> it.<br />
<br />
<table align="center" border="1" cellpadding="5" cellspacing="1" width="100%"><tbody>
<tr><td><div id='twitter-follow'> <a href='http://twitter.com/<span style="color: rgb(255, 204, 0);">username</span>' target='_blank'><img alt='Follow Me on Twitter' src='<span style="color: rgb(255, 204, 0);">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOeKg0AmdWXOgzJz0JyWO5QasvsrKDYSPnuqeC2K1rWQe5ybvjACGYGD7w83RTTRISQrRS_-O0oRifxW6dm9VELAPytZelI_rmYgP3P33xLLub_m1DiA2VFslKwU_0GUtpEIws53DM4Hc/s1600/twitter+follow+me+button.gif</span>'/></a></div></td></tr>
</tbody></table><br />
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOeKg0AmdWXOgzJz0JyWO5QasvsrKDYSPnuqeC2K1rWQe5ybvjACGYGD7w83RTTRISQrRS_-O0oRifxW6dm9VELAPytZelI_rmYgP3P33xLLub_m1DiA2VFslKwU_0GUtpEIws53DM4Hc/s1600/twitter+follow+me+button.gif" alt="twitter follow us button" /><br />
<br />
Remember to change the "<span style="color: rgb(255, 204, 0);">username</span>" to your Twitter account username.<br />
<br />
If you want it to be "Follow Us on Twitter", use this image link - <span style="color: rgb(255, 204, 0);">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9Y0E-SZ3sob3A3dgnKcz4NrxLk5tbYObJcll-XqNoljLbB0BAJtboX_D1QexX89sffI3X_XDxMSaklAojuWLAClIOlcXBLrFRJi4GkkRFqAbkGOMg_i0wvQdUNc3Shz-5za35lP32To8/s1600/twitter+follow+us+button.gif</span><br />
<br />
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9Y0E-SZ3sob3A3dgnKcz4NrxLk5tbYObJcll-XqNoljLbB0BAJtboX_D1QexX89sffI3X_XDxMSaklAojuWLAClIOlcXBLrFRJi4GkkRFqAbkGOMg_i0wvQdUNc3Shz-5za35lP32To8/s1600/twitter+follow+us+button.gif" alt="twitter follow us button" /><br />
<br />
Enjoy and all the best in getting more followers on Twitter!Unknownnoreply@blogger.com2tag:blogger.com,1999:blog-5965035247384303173.post-43515651228901464162010-08-13T11:38:00.002+08:002010-09-06T21:00:28.381+08:00Blogger New Commenting FeatureBlogspot has a new feature implemented again - this time it's a new feature for comments.<br />
<br />
Now you can manage the comments received on your Blogger blog. It will be with one of the tabs with the other navigation, such as Edit Post, Settings, Designs and Monetize.<br />
<br />
Here's how the navigation bar look now.<br />
<br />
<center><img src="http://i771.photobucket.com/albums/xx351/simplebloggertips/commentnavi.png" alt="blogger comment feature navigation" /></center>With the commenting feature, now you can easily check on published comments, comments that are awaiting moderation and spam comments.<br />
<br />
To be honest, it's almost like Wordpress now - except Wordpress has a "Trash" are once you deleted a particular comment, probably just in case you want to recover it back.<br />
<br />
But when you delete comments on Blogspot, that cannot be undone.<br />
<br />
<center><img src="http://i771.photobucket.com/albums/xx351/simplebloggertips/published.png" alt="blogger comment published" /></center><br />
This is how the "Published" section look like - with complete information such as comment author, commented blog post and the date.<br />
<br />
<center><img src="http://i771.photobucket.com/albums/xx351/simplebloggertips/moderation.png" alt="blogger comment awaiting moderation" /></center><br />
Comments "Awaiting Moderation" section. It's self-explanatory.<br />
<br />
<center><img src="http://i771.photobucket.com/albums/xx351/simplebloggertips/spam.png" alt="blogger comment spam" /></center><br />
And lastly, the "Spam" section. Haven't gotten any in my spam inbox right now, hopefully it works against automated spam comment bots.<br />
<br />
Take note: It's not implemented on all blogs, yet. Only a handful of blogs has this feature - probably all will have it in the near future.Unknownnoreply@blogger.com1tag:blogger.com,1999:blog-5965035247384303173.post-69132366904739748452010-08-11T21:14:00.004+08:002010-09-06T21:02:10.420+08:00Tutorial: How To Set Password for Blogger PostHow to make blogger post private?<br />
How to encrypt blogger post?<br />
How to create blog post with password?<br />
<br />
First, please proceed to <a href="http://www.vincentcheung.ca/jsencryption/instructions.html" target="_blank">http://www.vincentcheung.ca/jsencryption/instructions.html</a>.<br />
<br />
Go to <b>Dashboard > Design > Edit HTML</b>.<br />
<br />
Then add the JavaScript decryption code after the <head> tag in the HTML code of your blog. Copy and paste the following code:<br />
<br />
<table align="center" border="1" cellpadding="5" cellspacing="1" width="100%"><tbody>
<tr><td><script type="text/javascript" src="http://www.vincentcheung.ca/jsencryption/jsencryption.js"></script></td></tr>
</tbody></table><br />
Then proceed to <a href="http://www.vincentcheung.ca/jsencryption/" target="_blank">http://www.vincentcheung.ca/jsencryption/</a>.<br />
<br />
You'll see this page.<br />
<br />
<center><img src="http://i771.photobucket.com/albums/xx351/simplebloggertips/emptyh.png" alt="form empty" /></center><br />
Then type for secret key at the "Key" area and the secret message at the "Plain Text" area.<br />
<br />
<center><img src="http://i771.photobucket.com/albums/xx351/simplebloggertips/filledup.png" alt="filled form" /></center><br />
After doing so, hit the <b>Encrypt</b> button under the "Plain Text" area.<br />
<br />
Then scroll down a little and you'll see the "HTML Code" area. Highlight, copy and paste the HTML code into your <b>POST EDITOR</b>.<br />
<br />
<center><img src="http://i771.photobucket.com/albums/xx351/simplebloggertips/htmlcode.png" alt="html code" /></center><br />
<br />
And that's it!<br />
<br />
Here's the result of the example shown. The secret key is "the key". Go and click on it.<br />
<br />
<div id="MTjcbwJg" title="U2FsdGVkX18MVjp+shS1EknZPM1FKTlHXUSMlXCntgbJ4UM8h2AoTK7l6Sdhy0Cz"><br />
<a href="javascript:decryptText('MTjcbwJg')">Show encrypted text</a><br />
</div>Unknownnoreply@blogger.com22tag:blogger.com,1999:blog-5965035247384303173.post-81741117944731702212010-08-08T10:21:00.003+08:002010-09-06T21:03:00.461+08:00How To Use Own Photo as Blog BackgroundHow to add photo as Blogger blog background?<br />
How to upload own photo to blog background?<br />
How to change blog background to own photo?<br />
How to modify Blogspot blog background to own photo?<br />
How to put image as blog background?<br />
<br />
<a href="http://draft.blogger.com/" target="_blank">Blogger in Draft</a>'s <a href="http://simple-blogger-tips.blogspot.com/2010/03/blogger-in-draft-new-blogger-template.html" target="_blank">Template Designer</a> now has a new feature which allows users to upload their own photos as background easily.<br />
<br />
To do so, go to <b>Dashboard > Design > Template Designer > Background</b>.<br />
<br />
<center><img src="http://i771.photobucket.com/albums/xx351/simplebloggertips/uploadimage.png" alt="blogger upload image" /></center><br />
Click on the "Background image" and you'll be able to see the "Upload image" feature. Click it and you'll be able to select the preferred picture as your blog's background.<br />
<br />
According to <a href="http://bloggerindraft.blogspot.com/2010/07/use-your-own-photo-for-your-blogs.html" target="_blank">Blogger in Draft blog</a>, for images that fill the entire background, a resolution of 1800px wide and 1600px high is recommended and image size less than 200KB to minimize loading time of the blog. It support JPEG, GIF, and PNG format images.<br />
<br />
At the end, additional background settings are available by using the <b>Alignment</b>, <b>Repeat</b> and <b>Scroll</b> options.Unknownnoreply@blogger.com4