The Blogger In Draft Blog Is Being Retired

Cross-posted from the Blogger in Draft blog

In 2007, we introduced Blogger In Draft, a special version of Blogger where new features could reach users early and let people try new things. We also introduced the Blogger In Draft blog, and for the past five years, we’ve introduced new updates and options here, often before we told the rest of the world on our official blog, Buzz.

With the recent launch of our Google+ page, we have another great way to keep you updated on new features, both for everyone and those of you who love seeing things early. To simplify the many places you can get updates, we will be retiring the Blogger in Draft blog, with this being the final post. Going forward, we’d like to invite you to follow our official blog and our Google+ page to find out what’s new with Blogger.

This doesn’t mean the Blogger In Draft service is going anywhere, so don’t fret! You’ll still get all the shiny goodness as fast as we can bring it to you. But we’ll be talking about it somewhere else.

Continue reading →

Monetize your blog with Google Affiliate Ads for Blogger

When you share your words, thoughts and photos on Blogger, you are sharing your passions with the world. Sometimes, you’re passionate about brands or products. Starting today, you can make money by promoting relevant products in your posts, gaining income for each new customer you introduce to your favorite brands.

This is a new way for you to monetize your blog, giving you control over the advertisers and products you promote, and better connecting your readers with the things you love.

To get started, go to the Earnings tab on Blogger, and click “Get Started”. If you have an existing AdSense account and the content of your blog matches available ad categories, you're already set. Select an affiliate ad from the “Advertiser Products” widget that appears in the Post Settings panel in the post editor. If you don’t already have an AdSense account, sign up.

When you post about a brand or product from a featured advertiser, the Google Affiliate Ads for Blogged widget will help you to display an affiliate ad in your blog, which can be a text link, a product image, or a banner. You may earn commissions when someone clicks on your ads and makes a purchase on the advertiser’s site, going beyond “payment per click” to “payment per action” and extending the influential relationship you have with your audience.

Get started with Google Affiliate Ads for Blogger today to monetize your blog and bring your readers to the products you love.

Continue reading →

Does the blogger template is important?

Blogger Templates is maybe one of the aspect that you're visitors are looking up to. I observed that most of the answers that we want is now on blog so that's why blogging is growing. Many blogger and blogs created in every second.

As an internet user, one of the aspect that I look up to is the template. They are many reason why we should also focus on templates sometimes. If you're using Blogger platform search for a blogger template and if you're a wordpress user, search for a wordpress theme user. Since I'm using on blogger platform, I'm more focus on Blogger Templates

Here are some reason why bloggers should also focused on theme. 

1. Niche - Find your niche and look for the blogger templates that fit to your niche. Example, you niche is game  of course you need a blogger templates that theme of the template is game instead using a pinkish template.

2. Loading Performance - there are some blogger templates that performs not so good in terms of loading your page because of the image, javascript.

3. Online earning - if you're goal why you blog is to earn money from adsense. I suggest to look for a blogger template that are adsense ready. There are many templates that the feature is adsense ready.

4. Professianalism - if you're niche of your blog is business.. Look for a blogger templates that looks professional to increase the credibility of your blog site.

5. SEO Friendly - some blogger template are not SEO friendly. 

Please also comment about my theme so that I know what my readers want to see on my design. Just leave your comments below. 

After reading some reason and stating some of the reason why we should also focused for the template, I could say that Blogger Templates is important. So, answer to the question "Does the blogger template is important?" is definitely yes.. :)

Continue reading →

Two new gadgets to make your blog better with Google+

Imagine being able to share your blog with like-minded people across the web. Today we’ve made doing that easier with the introduction of two Google+ gadgets, the +1 button and Google+ Badge.

Unlike the +1 button that can appear below a post, this gadget is specific to your blog. Displaying it on your blog will allow visitors to endorse your blog and share it with their friends.  

+1 button for blog

If you’re wondering what a +1 means, think of it as a public stamp of approval from your readers. As soon as someone clicks on the +1 button next to your blog, they’ll also have the option to share it with their friends, contacts, or the rest of the web.  

+1s from your readers will appear to people in their circles whenever your blog shows up in Google search results. Here’s an example:

We’re also introducing the Google+ badge gadget, which allows you to connect your blog to your personal profile or your Google+ page on Google+. Adding the badge to your blog helps you connect with friends, fans, and customers. It enables your readers to add you, or your blog to their circles and follow your blog posts on Google+.

If you are happy to blog under your real name, people can follow your stream on Google+. If you prefer to blog under a nickname or an established pseudonym, you can create a Google+ Page to represent your blog. Bloggers who wish to remain anonymous should continue to blog as usual.

To add these gadgets to your blog, select "Add a Gadget" from the "Layout" tab of Blogger, and select them from the list of gadgets under "Basics". You'll need to copy your Google+ ID (personal or Page) to configure the brand badge gadget for your blog.

Add the +1 and Google+ brand badge gadgets to your blog today to grow and engage your audience.

Bora Toska, Product Marketing Manager

Continue reading →

Moving to the New Blogger Interface

Last September, we introduced a new user interface that makes it easier to find what you need and focus on writing great blog posts. Since then, we’ve implemented a number of updates and improvements based on your feedback.

In the coming weeks, we will change the default interface for those of you still using the old version, and bring the advantages of Blogger’s improved interface to everyone. If you are already on the new interface, there will be no change.

If you have been using the old interface, give the new look a try today by clicking “Upgrade Now” at the top of the page. This is, of course, a free upgrade and all major features are present in the new interface. You can still temporarily switch back to the old interface by clicking the “Old Blogger interface” link located in settings, but not for much longer.

We recommend that anyone currently using the old interface switch to the new one, as all accounts will be permanently upgraded very soon.

When you switch to the new interface, you'll find a number of new features that we've released recently, including:

• Integration with Google+
• Dynamic Views
• Search engine preferences

To help you get a better sense of what’s changed and how to navigate the new interface, check out the short video below or read the friendly guide “Using our upgraded interface”.

We hope you enjoy the new interface and welcome your thoughts about the new look. If you have suggestions or feedback, sign in to Blogger and click “Send Feedback” at the bottom right of the screen.

Continue reading →

Customize your search preferences

Hi Bloggers.

Ensuring that your blog, posts, and images are accurately indexed so they appear correctly in search results is valuable. Today we introduced a suite of new features that enable you to more effectively customize your search preferences. Managing how your blog is viewed by search engines is an important aspect of maintaining a healthy blog, regardless of whether you’re new to blogging, or a seasoned veteran.

Here’s an overview of what we added:

The first thing you’ll notice is a new “Search preferences” option under the “Settings” tab.

Clicking it will display three sub-sections: Meta Tags, Errors and Redirections, and Crawlers and Indexing. When enabled, some of these features, such as Search Description and Custom robots header tags will also appear in the “Post settings” area of Blogger's post editor as well. For example, if you elect to create a Search Description, you may do so for your blog, and/or individual posts.

Also available is the ability to add a custom “Page Not Found” (eg. a “404”) message, and Custom Redirects for pages on your blog.

While most of the new features are located in the Settings tab, a few others can be found in the post editor. For example, we’ve introduced the ability to incorporate “alt” and “title” tags to images in your post.


Last but not least, you’ll also find a “rel=nofollow” link attribute in the link tool. Checking this box means that you don’t want this link to be considered when web crawlers are searching for information they’ll use to index your page.

While most of these features are easy to understand and use, others, such as custom robots header tags are geared toward advanced users only, hence the warning message:

Before diving in, I would encourage a quick read through the Help Center articles. They’re comprehensive, and do a great job translating some technical concepts to the layperson.


We hope you enjoy the new features. It’s all part of our effort to bring you a much improved and modernized Blogger. Next week, we’ll be holding a Hangout on our Google+ page to talk with you about your experience with these features and answer your questions. Follow us on +Blogger for details.


Happy blogging!



Bruce Polderman, Product Manager

Continue reading →

How to add Copyright Notice to Copied Blog Post

I recently post about copyrighted post especially on how to complain copyrighted blogs. I posted that someone copied my blog and no credits from me. And to stop that kind of blog, I reported to Google and was happy that the post they copied was deleted.

Since then, I want to get some way that if someone copied my post it will automatically credit to my post and good thing I found it. Now, let me share to you the codes on how to add copyright notice to copied blog posts.

On this codes, if someone copied your post it will automtically include the original url where they copied the post. And good thing it's for blogger and not to any platform.

Procedure on "How to add copyright notice to copied blog post"

• Login to your blogger account
• Next, go to HTML >> Proceed >> check "Expand Widget Template"
• Find this code </head>
• Copy the code below </head>

<script type="text/javascript">
function addLink() {
    var body_element = document.getElementsByTagName('body')[0];
    var selection;
    selection = window.getSelection();
    var pagelink = "<br/><br/> Original from: <a href='"+document.location.href+"'>"+document.location.href+"</a><br/>Copyright jomarisme - All Rights Reserved"; // change this if you want
    var copytext = selection + pagelink;
    var newdiv = document.createElement('div');
    newdiv.style.position='absolute';
    newdiv.style.left='-99999px';
    body_element.appendChild(newdiv);
    newdiv.innerHTML = copytext;
    selection.selectAllChildren(newdiv);
    window.setTimeout(function() {
        body_element.removeChild(newdiv);
    },0);
}document.oncopy = addLink;
</script>

For the code, download here or here

• Change the word jomarisme  to the word of your choice
• Then SAVE

If someone copied your blog post, it will automatically add this word

from: http://jomarlipoblogspot.com/#########################.html
Copyright Jomar Is Me - All Rights Reserved

Hope it helps since it works for me. Feel free to contact us if you have problem

Continue reading →

How to Add POP UP Facebook Like Box for Blogger Blog?

I would recommended that every blogger blog have their own Facebook fan pages so that all readers, visitors, fans of your blog would update of your posts.

Their are many ways to gain facebook fans. One way is to SEO your fan page, another is to put in your blog, or you can even used script to gain facebook fans. And now let me teach you on how to add POP UP facebook like box for blogger blogs.

POP UP Facebook Like Box for blogger blogs is just a like box but it will display as POP-UP message that this blog has a facebook fan page. By this one, you're telling your visitors, readers that you can get more updates by liking the fan page.

Procedure on How to Add POP UP Facebook Like Box Button for Blogger Blogs.

• Log in to your Blogger Account >> Template >> Edit HTML 
• Search </head>
• Paste the code below </head>

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js'></script>
<script src="https://gj37765.googlecode.com/svn/trunk/html/[www.gj37765.blogspot.com]jquery.colorbox-min.js"></script>
<link rel="stylesheet" href="https://gj37765.googlecode.com/svn/trunk/html/%5Bwww.gj37765.blogspot.com%5Dfbpopup.css" type="text/css" />
<script type="text/javascript">
jQuery(document).ready(function(){
if (document.cookie.indexOf('visited=flase') == -1) {
var fifteenDays = 1000*60*60*24*30;
var expires = new Date((new Date()).valueOf() + fifteenDays);
document.cookie = "visited=true;expires=" + expires.toUTCString();
$.colorbox({width:"400px", inline:true, href:"#mdfb"});
}
});
</script>

For the code, download here or here

• Save Template
• Go to Layout >> Add Gadget >> HTML/Javascript
• Add this code

<div style='display:none'>
<div id='mdfb' style='padding:10px; background:#fff;'>
<h3 class="mdbox-title">Receive all updates from us via Facebook. Just Click the Like Button Below<center><p style="line-height:3px;" >&#9660;</p></center></h3>
<center>
<iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fjomarisme&amp;width=300&amp;colorscheme=light&amp;show_faces=true&amp;border_color=%23ffffff&amp;stream=false&amp;header=false&amp;height=258" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:300px; height:258px;" allowtransparency="true"></iframe>
</center><p style=" float:right; margin-right:35px; font-size:9px;" >Powered By <a style=" font-size:9px; color:#3B78CD; text-decoration:none;" href="http://jomarlipon.blogspot.com">Blogger Tricks</a></p>
</div>
</div>

For the code, download here or here

• Change jomarisme to the url of your page
• e.g www.facebook.com/samplepage >> jomarisme should be replace to samplepage
• Then, Save and you're done

Continue reading →

How to Complaint Copyrighted Blogger Blogs?

Seeing your blog post copied by other blogs without knowing or credentials that you originally posted the blog post is very annoying and irritating. You made your original content but someone copied your post. I hate those copyrighted blogs and it need to be stop and be deleted.

For me, it's fine to get someone ideas of other blogs. Actually, everytime I post I would really search on it and make my original content because Google love to crawl orignal content. The most important of it to make your original content. Maybe it's fine with me if someone copied your blog post with your credentials that you own the original content. 

Lately, I check my backlinks of my blog and one blog got my attention why I have backlinks on that blog since I never put a comments or even try to be a guest post. It got my attention since the blog post title was the same as mine. So, I checked the blog and was shocked that he/she copied my whole blog post including the blog post title and even the image. I rechecked his/her other blog post and I discovered my that he copied 26 blog posts with the same content, positions of image, links within the article without the credits to the owners.

So, I really disappointed that they are some bloggers just copied the blog post with my original content.Actually, it's not the first time I saw copyrighted blog post from my blogs. I ask to myself, why would not try to create their own blog posts? But before taking action, I look for some contact information like Contact Us Page, email, or any contact information of the infringing blog to delete the blog post he/she copied on my blog but since I can't find any contact information of that blog owner I decided to report the blog to Google.

Now, let me teach you how to complaint copyrighted blogger blogs?

1. Log-in  to your Google (Gmail) account
2. Go here
3. Under "What Google product does your request relate to?", choose Blogger/Blogspot.
4. In next column, specify the nature of your request.
5. Choose "I have found content that may violate my copyright".
6. In next column, choose whether you're copyright owner or authorized to act on owner's behalf.
7. Read the Important notice and after reading, check Yes under "I have read the above and wish to proceed".
8. Choose your infringing work, choose Text.
9. Again read the following instructions before continue.
10. After reading instructions, click on "this form" written in last line of instructions.
11. Under "Complainant's information", provide your correct information.
12. Under "Your Copyrighted Work":
• Under "Where can we see an authorized example of the work?", mention your copyright URL (one per line) like http://yourblog.blogspot.com/2012/02/post.html (in case of Blogger)
• Describe about your copyrighted work under "Identify and describe the copyrighted work".
13. Under "Allegedly Infringing Material",
14. Under "Sworn Statements", check both fields.
15. Put your signature and read the "Account Disabling" section.
16. Click Submit and you've done.
17. You will receive a confirmation email and Blogger team will reply to you within 2-3 business days.
18. During this time process, Blogger team will ask owner of infringing URLs owner remove infringement contents otherwise Google may remove the whole blog from search and even can suspend the site as they mentioned in "Account Disabling" section.

  Note: Before complaining to Blogger team, contact the infringing blog to delete the blog post copied.

Hope, I helped you on how to complaint copyrighted blogger blogs.. :) Cheers!

Continue reading →

How to make a Stylish "List of Post/Article" Widget for Blogger?

I personally wants to have full list of post/article of my blog. And I want to be categorized it by label. It just like a sitemap but it's not actually the sitemap. Now, let me share to you on how to make a stylish "list of post/article" widget for blogger. Remember, it's only applicable for those who used blogger as their platform

How to make a sylish "list of post/article" widget for blogger has a very simple steps. All you  need is to make a  page and a code and you're done. You have the stylish list of post/article widget for blogger. But before that, let me share to the feature of stylish list of post/article widget for blogger.


Feature of Stylish List of Post/article widget for blogger

• Automatically Categorized by Labels. A self explanatory feature.
• CSS3 - It uses the latest CSS
• Different Color of Content
• Auto-sort the title. It will automatically sort the title alphabetically.
• Add New!! - It will add the word New!! for the latest 10 newest entry

SEE THIS DEMO OF STYLISH LIST OF POST/ARTICLE WIDGET FOR BLOGGER

Steps of Stylish List of Post/Article Widget for Blogger

Step 1. Create New Blank Page

Step 2. Click the HTML not the Compose section.

Step 3. Paste this code

<link href="http://abu-farhan.com/script/acctoc/acc-toc.css" media="screen" rel="stylesheet" type="text/css"></link> <script src="http://abu-farhan.com/script/acctoc/daftarisiv2-pack.js"></script> <script src="http://jomarlipon.blogspot.com/feeds/posts/summary?max-results=1000&alt=json-in-script&callback=loadtoc"></script> <script type="text/javascript"> var accToc=true; </script>

Replace jomarlipon.blogspot.com to your blog url. Thanks to abu-farhan.com for the code. :)


Very easy right? Try the Stylish List of Post/Article Widget for blogger.

Continue reading →

SEO Ranking: Coping With Constant Changes!

Any website owner would be distressed to see their ranking on the search engines drop overnight. A first reaction might be an urgent call to ask the designer what went wrong. The revolution in business development, internet marketing strategy, new clients and keeping with time constraints are some of the challenges that SEO copes with as well as constant change. So it is indeed important to know about some of the ongoing activities happening on the internet that directly affects SEO ranking.
Google Preview
On November 11, 2010 Google launched a new feature in online search, the Google instant preview. This is the ability to have a glimpse of the web page design on the Google SERP's. Located next to the title in any search result is a "magnifying glass" icon that can be clicked on and a preview of the website pops up.
In terms of SEO, Google preview means there is now a visual representation of individual web design that can impress users through any search results preview. A poorly designed index web page perceived by a user will most likely not be clicked on to be viewed. Changes such as this to a leading search engine becomes a continuous challenge to web designers to catch the user's attention with a simple lay-out scheme.
Best Trends
With differing opinions regarding users searching capability and the best web design SEO practices, it still is possible to ensure that a website ranks high on SERP's. Following are the three best trends that can be applied to increase SEO rankings in these changing times.

• Social Media Optimization (SMO) - SMO is an internet marketing strategy using social media sites such as Facebook, MySpace, Twitter, YouTube and many others. Using various SMO to communicate products to social media users can greatly help achieved goals to optimize a business website. SMO offers added features like: RSS feeds; sharing buttons; polling tools; functionality for incorporating videos, presentations and images; user ratings and other promotional activities like blogging; comments; ability to participate in discussion groups; and posting personal status updates, all of which can be advantageous for any business internet presence.
• Real Time Search - This is one of the innovative features added to Google search that began in December 2009. Through this feature, finding the most relevant result is easier since dynamic results are being delivered from many different sources including real-time information. This changed algorithms and Google's gained power over its competitors to offer SEO benefits by: utilizing the latest topical and breaking news to improve SEO; getting feedback to improve business performance; and scan for great ideas on trending topics to start business marketing campaigns.

• Load Time - As had been predicted, one of the changes that leading search engines implemented and rapidly affected website SEO rankings was the page load time. If any page on a website takes too long to load, a decline in ranking should be expected. Note what Google recommends: that pages should load within 3 seconds or less; it accomplished, high-ranking can be continually enjoyed on this leading search engine. 

By Chris M Hunter 

Continue reading →

SEO Tips for Website Images

Several SEO methods can be used in tandem with your image to attract as many visitors to your site as possible.

The File Name should contain Keywords
The first, and an often overlooked step, is to ensure that you have used the keyword for the image inside what you have named the file. This is similar to having made sure that the keyword is in your URL; as having the keywords in the names of these files assists search engines in determining relevancy to searches. Use this method with all images, especially those that are more than just simple decoration. It will help your image appear more often in the results by content search, and in a higher place on the results list. Google suggests that website hosts gather the images into a single folder on the website as opposed to having them strewn about the pages.

Select Relevant Images
The most important thing about your image is that it be relevant to the content of your page. Whether explaining something specific, or serving as a layout enhancement; relevancy to your content is the most important aspect of an image. When an image has been optimized for a search engine, cohesiveness is the key factor that produces results. Having an image on the page that does not tie in with the site is something to consciously avoid. Presenting attractive and relevant images can critically impact your potential customer base via the content. Images attract, and maintain the attention of your visitors, and should serve as an enhancement to the content provided to keep a person engaged. As tempting as it is to have large flashy images, avoid this pitfall. Avoid having a large quantity of images on the site. This can clog the load time of the site, and some visitors will click out of a web-page that doesn't load quickly.

Use Alt Text or Text Tags
Images on the page need to have a title as well as an alternative text tag, ALT Text, to describe it. While the qualities of the image should be able to be extracted from the content of the page, having these two pieces of information can serve a reverse purpose. Studies show casual surfers are drawn to the images of a page when first reaching it. Having an informative title coupled with quality descriptive text can make those who are just surfing interested enough to read the rest of the page. If the image is a navigational tool that connects to another page, it is important to have the descriptive text reflect the content of the other page ensuring browsers that the link will lead to the content they want to view.

Anchor Text
Having the complete information of an image attached to the image, known as anchor text, helps with the automation aspect of a search engine as it allows for a quicker indexing of the image in their database. Having a SEO image is beneficial as the image will show up in a search engine when only the only search criterion is the keyword.
By Eric T Callahan 

Continue reading →

How to add floating social media buttons to Blogger?

Maybe all bloggers know how importance social media websites are. But I will still share and cite why social media sites are important especially to all bloggers, website owners. By this social media sites, are content can be spread without paying a single centavo.

With the social media websites, our website can create great traffic and revenue especially if your purpose why you create blog is to earn extra income. Since the very know equation to most of bloggers, more traffic equals more money earned.

Now if we put social media buttons to our blogs your visitors, readers, fans can easily share our content. Since it will automatically published online.

After giving you an idea why social media buttons to our blogs, it's time to give a simple tutorial on how to add floating social media buttons to Blogger blogs.


Steps on how to add floating social media buttons to Blogger.


1. Go to your Dashboard >> Layout
2. Add Gadget and choose HTML/Javascript.
3. Paste this code

<style>
#floatdiv {
  position:fixed;
bottom:15%;
margin-left:-70px;
z-index:10;
float:left;
padding-bottom:2px;
}
#mynameis-dot-in-sidebar {
        background:#fff;
        border-top:1px solid #ddd;
        border-left:1px solid #ddd;
        border-bottom:1px solid #ddd;
        border-radius:5px;
       -moz-border-radius:5px;
       -webkit-border-radius:5px;
        padding-left:5px;
        width:60px;
        margin:0 0 0 5px;
}
.fb_share_count_top {width:52px !important;}
.fb_share_count_top, .fb_share_count_inner {-moz-border-radius:3px;-webkit-border-radius:3px;}
.FBConnectButton_Small, .FBConnectButton_RTL_Small {width:52px !important; -moz-border-radius:3px;/*bs-fsmsb*/-webkit-border-radius:3px;}
.FBConnectButton_Small .FBConnectButton_Text {padding:2px 2px 3px !important;-moz-border-radius:3px;-webkit-border-radius:3px;font-size:8px;}
</style>
<div id="floatdiv">
<div id="mynameis-dot-in-sidebar">
    <table cellpadding="1px" cellspacing="0">
<tr>
    <td style="padding:5px 0px 0px 0;">
<a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical" data-via="itsblogjomar">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
    </td></tr>
<tr>
<td style="padding:5px 0 2px 0;">
<script src="http://www.stumbleupon.com/hostedbadge.php?s=5"></script>
</td>
</tr>
<tr>
<td style="padding:5px 0 2px 0;">
<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>
<g:plusone size="tall"></g:plusone>
</td>
</tr>
<tr>
<td style="padding:5px 0 2px 0;">
<script src="http://platform.linkedin.com/in.js" type="text/javascript"></script> 
<script type="IN/Share" data-counter="top"></script>
</td>
</tr>
 <tr>
    <td style="padding:5px 0 2px 0;">
    <a name="fb_share" type="box_count" href="http://www.facebook.com/sharer.php">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script>
    </td> </tr> <tr>
    <td style="padding:5px 0 2px 0;">
 <script type="text/javascript">
(function() {
var s = document.createElement('SCRIPT'), s1 = document.getElementsByTagName('SCRIPT')[0];
s.type = 'text/javascript';
s.async = true;
s.src = 'http://widgets.digg.com/buttons.js';
s1.parentNode.insertBefore(s, s1);
})();
</script>
<a class="DiggThisButton DiggMedium"></a>
 </td>
    </tr>
<tr>
    <td style="padding:5px 0 2px 0;">
<div style="float: right; margin: 4px;"><a href="javascript:void((function(){var%20e=document.createElement('script');e.setAttribute('type','text/javascript');e.setAttribute('charset','UTF-8');e.setAttribute('src','http://assets.pinterest.com/js/pinmarklet.js?r='+Math.random()*99999999);document.body.appendChild(e)})());"><img alt="Pin It" class="aligncenter" src="http://img.photobucket.com/albums/v419/green_tea/pin.jpg" /></a></div>
</td></tr> </table>
</div></div>

That's it!

On this tutorial on how to add floating social media buttons to Blogger, available buttons are Twitter, Stumbleupon, Google +, LinkedIn, Facebook Share, Digg, Pinterest button. If you want to add more social media buttons just put <tr> </tr> tag.

Hope you enjoy this simple tutorial on how to add floating social media buttons to Blogger. Don't forget to like, share, tweet, bookmark and leave comments! XD

Continue reading →

Make Your Blogger Blog SEO Friendly - Blogspot SEO Script

Every blogger.com user wants their blog to be SEO Friendly. Since, we all know that using wordpress.org has many advantages in terms of SEO since they have available SEO plug-ins. That's why Wordpress is a SEO friendly in terms of blog platform.

Now, I would like to share a Blogger.com SEO Script to make your blogger blog SEO Friendly. You have a lot of SEO works to do in blogger.com than wordpress blogs. Because no available plug-ins for blogger blog compare to wordpress blog since a lot of plug-ins, you just search and install the plug-ins. 

By this Blogger.com SEO Script will make your blogger blog SEO Friendly. You don't need any professional knowledge. This Script will help you to getting better higher rank over SERP. What's on the Blogger.com SEO Script? 

The Auto SEO Script has following features:

• Auto change Blog Page Titles for every post.
• Auto insert Meta Description for every post.
• Auto insert Meta Keywords For every Post.
• Work for Monthly, Weekly and Daily Archives.
• Work for each blog label.
• Auto Meta Robot Tag
• Author Meta Tag.

You only have to insert a Simple Code to your blog template.

Here are the steps on how to apply the Blogger SEO Script.

Step 1. You need to login of course.

Step 2. Go to your desired blog.(at Dashboard)

Step 3. Go to Template >> EDIT HTML >> Proceed

Step 4. Check "Expand Widget Templates"

Step 5. Find this code

<title><data:blog.pageTitle/></title>

Step 6. Change above code with the code showing below (Select code and press Ctrl + C buttons to copy code)

<b:if cond='data:blog.pageType == 'item''>
<title><data:blog.pageName/> | <data:blog.title/></title>
<b:else/><title><data:blog.pageTitle/></title>
</b:if>
<b:if cond='data:blog.pageType == 'archive''>
<title><data:blog.pageName/> | <data:blog.title/></title>
</b:if>
<b:if cond='data:blog.pageType == 'label''>
<title><data:blog.pageName/> | <data:blog.title/></title>
</b:if>
<meta expr:content='data:blog.pageTitle + ' – your blog description here (upto 200 charaters)'' name='description'/>
<meta expr:content='data:blog.pageName + ', Keyword 1, Keyword 2, Keyword 3, Keyword 4, Keyword 5"' name='keywords'/>
<meta content='Author Name Here' name='author'/>
<meta content='index,follow' name='robots'/>

Step 7. It's time to change some of this script.

     Change description, keywords, and author name as you like to more SEO friendly.

Hope you followed the steps on how to make your blogger blog SEO friendly. - Blogspot Script. Any problems with the script, don't hesitate to contact me.

Continue reading →

The Top 8 SEO Basics You Need to Know

Search engine optimization (SEO) is an important component of any successful website, but do you know your SEO basics as well as you should? Here are top 8 fundamentals that you absolutely need to know about search engine optimization:

Basic #1 - Content is King
Search engine optimization for beginners always begins with good content. This basically boils down to making good on what you promise with your website. Provide the information you claim to provide, supply the goods or services you advertise, and any good relevant information you believe will be useful to your website visitors.

Basic #2 - Selecting Relevant Keywords/Phrases
Keywords are phrases that a target web visitor is most likely to type into a search engine when looking for specific products, services, or information. This means the content provided in your web pages needs to be seeded with the right keywords. The right balance between relevance and words with less competition needs to be achieved. The most relevant keywords may be too competitive with other sites, while less competitive keywords may not get a large enough number of searches.

Basic #3 - URL Links Need to Be Relevant
The Uniform Resource Locator (URL), or website address link of a website and its subsequent web pages must be as relevant to the content as possible. For example, a URL of www.feldonsflashlights.com/types/LEDflashlights will be more effective SEO-wise than www.feldonsflashlights.com/folder3/00034.htm because the former web address spells out what is in the page content, "LED flashlights." Not only will the former URL be more attractive to search engines, but may also be easier for users to read and remember.

Basic #4 - Page <Title> Tag Must Match the Content
One of the most important and yet overlooked SEO basics is selecting a relevant title for the title tag of "each" page. It is imperative that the title be brief enough to fit in a small space but broad enough to effectively communicate the content of the web page. The title tag is very important because it tells the search engines what a page is all about. The title tag information shows up in the most upper-left hand corner of the computer screen for each page in a web browser.

Basic #5 - Use of the Description Meta Tags
Description meta tags go hand-in-hand with effective page titles because the description can be used to catch the attention of a web visitor. A good description meta tag and a call to action can convince a web visitor to actually click the link and enter the site. While some SEO experts have minimized the importance of this tag (because they say it is no longer important to search engines), the fact is that it is the text your web visitors see when they read your listing on the search engine results page and could be the one factor that gets a potential visitor to click or not based on what he reads.

Basic #6 - Use of Heading Tags (<H1><H2><H3>)
Once a web user lands on a page, he should see a relevant headline with keywords included that let him know he's in the right place! This is another one of those SEO basics that many website owners overlook. Heading tags count towards the visibility of a website on search engines because the keywords included in these tags tells the search engines what the page is all about.

Basic #7 - Importance of Image File Names and the Alt Text Value
Using keyword phrases when naming image files to match the content of a web page, as well as, using keyword phrases in the "alt" value of an image tag, adds significant SEO value to a web page when search engines filter through images on a web page. Rather than naming a file something like, "picture2.jpg"-a much better file name for a search engine may be something like, "LED-flashlights-small.jpg" and including the same phrase as the image tag "alt" value.
This would look something like: alt="Small LED Flashlights"

Basic #8 - Keep Learning...SEO is Always Changing!
Just like everything else in technology, the Internet is always changing-so is search engine optimization. This makes it important for anyone with a business web presence to continue to learn about changes in SEO and keep their website updated accordingly.
Keeping all these SEO basics in mind should arm you with the basic foundational knowledge needed to get you started in search engine optimization for your business website.

Angeline Plesek is the owner of WebPageMarketingBasics.com...as a web developer and freelance copywriter, she realizes the importance of web page optimization and how it relates to the bottom line for all business owners that have an online presence. It isn't just about how a website looks--there is more to improving conversion rates online.

By Angeline Plesek

Continue reading →

How to do Numbered Page Navigation in Blogger?

After several how to's to beautify your blog if you're using blogger platform. I would like to add this new how to's. How to do Number Page Navigation in Blogger?

If you're using the Blogger platform for your blog, the default page navigations is "Newer Post", "Home", and "Older Post". If you want the page navigation in number, read and apply to this steps on How to do Numbered Page Navigation in Blogger. When you use the numbered page navigation will make easy to your users to navigate your blog up to the oldest post.

Steps on How to do Numbered Page Navigation in Blogger

Step 1. Login to your Blogger Account

Step 2. Go to the Blog Template >> Edit HTML >> Proceed

Step 3. Check the "Expand Widget Templates"

Step 4. Find this code

]]></b:skin> 

and replace with this code below

.showpageArea {padding: 0 2px;margin-top:10px;margin-bottom:10px;
}

.showpageArea a {border: 1px solid #505050;
color: #000000;font-weight:normal;
padding: 3px 6px !important;
padding: 1px 4px ;margin:0px 4px;
text-decoration: none;
}

.showpageArea a:hover {
font-size:11px;
border: 1px solid #333;
color: #000000;
background-color: #FFFFFF;
}
.showpageNum a {border: 1px solid #505050;
color: #000000;font-weight:normal;
padding: 3px 6px !important;
padding: 1px 4px ;margin:0px 4px;
text-decoration: none;
}

.showpageNum a:hover {
font-size:11px;
border: 1px solid #333;
color: #000000;
background-color: #FFFFFF;

}
.showpagePoint {font-size:11px;
padding: 2px 4px 2px 4px;
margin: 2px;
font-weight: bold;
border: 1px solid #333;
color: #fff;
background-color: #000000;
}

.showpage a:hover {font-size:11px;
border: 1px solid #333;
color: #000000;
background-color: #FFFFFF;
}

.showpageNum a:link,.showpage a:link {
font-size:11px;
padding: 2px 4px 2px 4px;
margin: 2px;
text-decoration: none;
border: 1px solid #0066cc;
color: #0066cc;
background-color: #FFFFFF;}

.showpageNum a:hover {font-size:11px;
border: 1px solid #333;
color: #000000;
background-color: #FFFFFF;
}
]]></b:skin>

Step 6. Find this

</body> 

and replace with

<script>
var pageCount=5;
var displayPageNum=2;
var upPageWord=&quot;Previous&quot;;
var downPageWord=&quot;Next&quot;;
</script>
<script type="text/javascript">
//<![CDATA[
var home_page_url=location.href;function showpageCount(json){var thisUrl=home_page_url;var htmlMap=new Array();var thisNum=1;var postNum=1;var itemCount=0;var fFlag=0;var eFlag=0;var html='';var upPageHtml='';var downPageHtml='';for(var i=0,post;post=json.feed.entry[i];i++){var timestamp1=post.published.$t.substring(0,19)+post.published.$t.substring(23,29);timestamp=encodeURIComponent(timestamp1);var title=post.title.$t;if(title!=''){if(itemCount==0||(itemCount%pageCount==(pageCount-1))){if(thisUrl.indexOf(timestamp)!=-1){thisNum=postNum}if(title!='')postNum++;htmlMap[htmlMap.length]='/search?updated-max='+timestamp+'&max-results='+pageCount}}itemCount++}for(var p=0;p<htmlMap.length;p++){if(p>=(thisNum-displayPageNum-1)&&p<(thisNum+displayPageNum)){if(fFlag==0&&p==thisNum-2){if(thisNum==2){upPageHtml='<span class="showpage"><a href="/">'+upPageWord+'</a></span>'}else{upPageHtml='<span class="showpage"><a href="'+htmlMap[p]+'">'+upPageWord+'</a></span>'}fFlag++}if(p==(thisNum-1)){html+='<span class="showpagePoint">'+thisNum+'</span>'}else{if(p==0){html+='<span class="showpageNum"><a href="/">1</a></span>'}else{html+='<span class="showpageNum"><a href="'+htmlMap[p]+'">'+(p+1)+'</a></span>'}}if(eFlag==0&&p==thisNum){downPageHtml='<span class="showpage"> <a href="'+htmlMap[p]+'">'+downPageWord+'</a></span>';eFlag++}}}if(thisNum>1){html=''+upPageHtml+' '+html+' '}html='<div class="showpageArea">
<span style="COLOR: #000;" class="showpageOf"> Pages ('+(postNum-1)+')</span>'+html;if(thisNum<(postNum-1)){html+=downPageHtml}if(postNum==1)postNum++;html+='</div>
';var pageArea=document.getElementsByName("pageArea");var blogPager=document.getElementById("blog-pager");if(postNum<=2){html=''}for(var p=0;p<pageArea.length;p++){pageArea[p].innerHTML=html}if(pageArea&&pageArea.length>0){html=''}if(blogPager){blogPager.innerHTML=html}}function showpageCount2(json){var thisUrl=home_page_url;var htmlMap=new Array();var isLablePage=thisUrl.indexOf("/search/label/")!=-1;var thisLable=isLablePage?thisUrl.substr(thisUrl.indexOf("/search/label/")+14,thisUrl.length):"";thisLable=thisLable.indexOf("?")!=-1?thisLable.substr(0,thisLable.indexOf("?")):thisLable;var thisNum=1;var postNum=1;var itemCount=0;var fFlag=0;var eFlag=0;var html='';var upPageHtml='';var downPageHtml='';var labelHtml='<span class="showpageNum"><a href="/search/label/'+thisLable+'?&max-results='+pageCount+'">';var thisUrl=home_page_url;for(var i=0,post;post=json.feed.entry[i];i++){var timestamp1=post.published.$t.substring(0,19)+post.published.$t.substring(23,29);timestamp=encodeURIComponent(timestamp1);var title=post.title.$t;if(title!=''){if(itemCount==0||(itemCount%pageCount==(pageCount-1))){if(thisUrl.indexOf(timestamp)!=-1){thisNum=postNum}if(title!='')postNum++;htmlMap[htmlMap.length]='/search/label/'+thisLable+'?updated-max='+timestamp+'&max-results='+pageCount}}itemCount++}for(var p=0;p<htmlMap.length;p++){if(p>=(thisNum-displayPageNum-1)&&p<(thisNum+displayPageNum)){if(fFlag==0&&p==thisNum-2){if(thisNum==2){upPageHtml=labelHtml+upPageWord+'</a></span>'}else{upPageHtml='<span class="showpage"><a href="'+htmlMap[p]+'">'+upPageWord+'</a></span>'}fFlag++}if(p==(thisNum-1)){html+='<span class="showpagePoint">'+thisNum+'</span>'}else{if(p==0){html=labelHtml+'1</a></span>'}else{html+='<span class="showpageNum"><a href="'+htmlMap[p]+'">'+(p+1)+'</a></span>'}}if(eFlag==0&&p==thisNum){downPageHtml='<span class="showpage"> <a href="'+htmlMap[p]+'">'+downPageWord+'</a></span>';eFlag++}}}if(thisNum>1){if(!isLablePage){html=''+upPageHtml+' '+html+' '}else{html=''+upPageHtml+' '+html+' '}}html='<div class="showpageArea">
<span style="COLOR: #000;" class="showpageOf"> Pages ('+(postNum-1)+')</span>'+html;if(thisNum<(postNum-1)){html+=downPageHtml}if(postNum==1)postNum++;html+='</div>
';var pageArea=document.getElementsByName("pageArea");var blogPager=document.getElementById("blog-pager");if(postNum<=2){html=''}for(var p=0;p<pageArea.length;p++){pageArea[p].innerHTML=html}if(pageArea&&pageArea.length>0){html=''}if(blogPager){blogPager.innerHTML=html}}var thisUrl=home_page_url;if(thisUrl.indexOf("/search/label/")!=-1){if(thisUrl.indexOf("?updated-max")!=-1){var lblname1=thisUrl.substring(thisUrl.indexOf("/search/label/")+14,thisUrl.indexOf("?updated-max"))}else{var lblname1=thisUrl.substring(thisUrl.indexOf("/search/label/")+14,thisUrl.indexOf("?&max"))}}var home_page="/";if(thisUrl.indexOf("?q=")==-1&&thisUrl.indexOf(".html")==-1){if(thisUrl.indexOf("/search/label/")==-1){document.write('<script src="'+home_page+'feeds/posts/summary?alt=json-in-script&callback=showpageCount&max-results=99999" ></script>')}else{document.write('<script src="'+home_page+'feeds/posts/full/-/'+lblname1+'?alt=json-in-script&callback=showpageCount2&max-results=99999" ></script>')}}
//]]>
</script>

Change based on your blog setting :

var pageCount=7;
var displayPageNum=4;
pageCount : How many Post every Page for your blog
numshowpage : how Many number will show in Your page Navigation

Step 7. Save Template and Done!

Customize the button if you want. Enjoy your new numbered page navigation in blogger!

Share, Like, Tweet and Comments are welcome to this post on How to do Numbered Page Navigation in Blogger! Smile :)

Continue reading →

How to Remove or Hide the Blogger Navbar?

How to Remove or Hide the Blogger Navbar is one my question I ask when I see a navbar on my blog. It's really hate to see it. I know some bloggers also want to remove or hide the blogger navbar but not all bloggers don't liked it.


Since blogger platform has their new version of their site. Some are very confuse where is the template, how to restore and upload new template your blogger site. Now, let me teach you how to remove or hide the blogger navbar in your site in new version og blogger. As you can see the old version the color are blue and orange not it's totally plain. Hehehe..For me it's nice to no blogger navbar if you host your own domain.

click to enlarge

How to remove or hid the blogger navbar?



1. Of course, you need to log-in to your account.

click to enlarge

2. On you blogger dashboard >> click the 1. to show the drop-down menu then click the "Template"(2). Refer to the image above for reference.


3. Click "Edit HTML"

4. Click Proceed and don't forget to click the "Expand Widget Templates"

click to enlarge

5. Copy and Paste the code below and insert to place (CTRL+C) to copy and (CTRL+V) to paste

#navbar {height: 0px;visibility: hidden;display: none;}

6. Paste on the template as shown below

click to enlarge

7. Save the template and you're done! Very easy right?

Just remove the code to view the blogger navbar again. 

Comments, Share, Like are welcome to this post. Smile :)

Continue reading →