Tampilkan postingan dengan label Blogger. Tampilkan semua postingan
Tampilkan postingan dengan label Blogger. Tampilkan semua postingan

Add "Add This" Social Bookmarking Buttons To Each Post Of Blogger

In this article we'll show you how to add "Add This" Social Bookmarking Buttons to each post of your Blogger Blogspot Blog.

To add "Add This" widget is very easy, just concentrate and follow the following steps.

1. Go to Blogger > Design > Edit HTML.



2. Check the Expand Widget Templates.



3. Press Ctrl+F and Search for <data:post.body/>

4. Copy the below code and paste it after  <data:post.body/>

<!-- Add This Code Starts -->
<div class='addthis_toolbox addthis_default_style '>
<a class='addthis_button_facebook_like' fb:like:layout='button_count'/>
<a class='addthis_button_tweet'/>
<a class='addthis_button_google_plusone' g:plusone:size='medium'/>
<a class='addthis_counter addthis_pill_style'/>
</div>
<script src='http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-4ec4dd3d1e59e9dc' type='text/javascript'/>
<!-- Add This Code Ends -->

5. Now here is what you can do, if you want to show the add this widget under your title then paste the code above <data:post.body/> but if you want to show the widget at the end then paste the code below this code.

6. Now Save template, and refresh the page to see the change in the post.



I hope that this tutorial will helped you alot in adding "AddThis Social Bookmarking Buttons" to your blogger blogspot blog. To learn more about Blogger that How to Add Facebook Like Button? follow the links.

If still you have any problem regarding this feel free to ask in comments.

  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS

How to Create User Friendly Permalinks For Your Blogger Posts


What are Permalinks?

Permalinks are the permanent links of a post page. In Blogger it automatically generates a permalinks based on the title of you give to the post. Permalinks provides information to the viewer about the content being pointed to.

As you read above that Permalinks are the permanent links, so that they create permanent links to the Blogger posts which are indexed by search engines such as Google. Then search engines use permalinks to categorise posts. Browsers use permalinks to help navigate to your posts. When you hover over a permalink in your browser you can read the post name in the status bar.

Permalink of this article is:


http://blogginghubblog.blogspot.com/2012/08/improved-permalinks-for-blogger-posts

How to make Search Engine Friendly Permalinks in Blogger

While other blogging plateforms such as Wordpress allows the user to edit permalinks, but Blogger has no such feature. For this reason you have to be very careful while creating titles for your posts as the permalinks, once title generated then it can't be changed later. When your article is in drafts you can change the title as many times as your want. But, once it's published the permalinks assigned to it at that point then it can't be changed it remains the same no matters how many times you change the title of your post.

Blogger has one more important issue that it takes only the first 35-40 characters of your title to create permalink if you create longer title you can run into problems. My suggestion is that you design your titles carefully if you want to avoid losing the end characters from your permalink. For instance long title such as the one below would result in a shortened permalink which would lose the important fact that this post is related to working with Blogger:

http://blogginghubblog.blogspot.com/2012/08/how-to-create-user-friendly-permalinks-for-blogger-posts

Fortunately you can fix this problem. You will need to publish and then republish as I did with this post. It means that you publish your article with choosing 35-40 best characters and then republish it with your favorite one. This method involves creating a shorter title that will accurately summarise the content of your post (e.g Improved Permalinks for Blogger Posts) I choose these words to publish my post. Now for republishing i changed the title to "How to Create User Friendly Permalinks For Your Blogger Posts." Now the title is also very long as you can see mine is longer than 40 characters, but it doesn't matter now because the permalink, however remain the same even though the title has changed.

I hope you like this article by using the techniques you can create eye catching and memorable titles. Creating concise permalinks is important for Search Engine Optimisation.


I hope that this tutorial will helped you alot in "Improving Permalinks" for your blogger blogspot blog. To learn more about Blogger that How to Add Meta Tags to Blogger, Adjust Blogger Title Tags to Improve SEO, How to Submit Blog in directories, how to Add Categories Section, or how to Setup Feedburner follow the links.

  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS

How to add Facebook Like button to Blogger

Facebook like button is very important for your blog, the reason is that the visitor can easily like it if you have a great content and the second thing is that it plays very important role in building traffic. Below is a step-by-step tutorial on how to add facebook like button on your blogger blog.

How to Add Facebook Like Button?


1. Go to Facebook.com.

2. Besides Home select "Use Facebook as:" and go to your page.


3. Click on Edit Page and select Update Info.



4. Now go to Resources



5. Click on Use social plugins



6. Click on Like Button.



7. Insert your Facebook FanPage URL, adjust your desired Width, and at the bottom click on Get Code.



8. Now open a Notepad document and from the facebook page copy both of the two codes one-by-one and paste it in notepad.



9. Now go to Blogger.com > Design > Add a Gadget.



10. Select HTML/JavaScript.



11. Paste the Code, and click Save.



You're done. Check your Blog.

I hope that this tutorial will helped you alot in adding "Adding Facebook Buttons" to your blogger blogspot blog. To learn more about Blogger that How to Add "AddThis Social Bookmarking Buttons" follow the links.

  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS

Add Meta Tags to Blogger for Better SEO


In this tutorial we will discuss, how to add meta tags to blogger blogspot blog, to improve Search Engine Optimization (SEO) of blog, and go beyond the limitations of the blogger platform.

You must have been to many articles that are telling, how to add meta tags to blogger

What are Meta Tags?
A meta tag is a line of HTML code that describes your site. It used to be the case that you placed meta tags at the top of every web page; one meta tag for keyword, another for a description. Although they would not be seen by viewers of your web page, search engines (such as Google) used them.

Keywords are those that best describe you business or blog's purpose. The description contains your keywords, but is sentence style. If someone used Google to search for one of your keywords (for example "blogging hub") and you were listed on the search results page, the meta description would appear under your listing providing the user with a brief summary of your blog.

However, because so many people abused meta keywords, many search engines don't use the meta tags in their algorithms anymore. But it doesn't hurt to include them on your blog.

Limitations of Blogger and SEO
Well, by default Blogger is not properly optimized for SEO. Meta descriptions and keywords are not supported. Title tags are also not optimized.

However meta tags and meta description can be inserted into Blogger template to make it Optimized. But make sure that you have done correction of your title tags, but if you don't know anything about title tags then please refer to adjust blogger title tags to improve SEO first.

How to Add Meta Tags to your Blog Home Page

1. Login to Blogger if not already logged in.

2. From the Dashboard, go to Design, Edit HTML.

3. Back up your template as a precaution by downloading full template to your computer.

4. Check the Expand Widget Templates box.

5. Find these lines which will be near the top of your template:

<head>
<b:include data='blog' name='all-head-content'/>
<title><data:blog.pageTitle/></title>

6. Paste the following code immediately below
<title><data:blog.pageTitle/></title>
<title><data:blog./>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta content='Place your blog description here' name='description'/>
<meta content='Place your blog keywords here(separated by commas)'
name='keywords'/>
</b:if>

7. The blog description should be more then 120 characters and less then 150 characters including spaces.

8. It's important to use keywords, it is just as important not to overuse them. If you do, your site will be flagged as "spam" and won't show up at all on results pages. My recommendation is to keep your keyword usage to 4-8 percent. So out of 100 words, you should only use a keyword 4 to 8 times.

Example below shows the meta tags i use  for the home page of Blogging Hub:

<b:if cond='data:blog.url == &quot;http://blogginghubblog.blogspot.com/&quot;'>
<meta content='Blogging Hub is about tips, tricks, tutorial about blogger blogspot blog, Technology Review, Photshop Tutorials, Photography, Recipes, and lot more' name='description'/>
<meta content='blogger.com, tutorials, tips, SEO, analytics, blogging hub, technology, photoshop tutorials, photography' name='keywords'/>
</b:if>

9. Click on Save Template button and you are done.

How to Add Meta Tags to Individual Post of Blogger

1. Follow steps 1 to 4 as for adding meta tags for Home Page.

2. Add the following in the <head> section of your blogger template. Enter this code below the Home Page code above you have just entered:

<b:if cond='data:blog.url == "http://url of your post"'>
<meta content='keywords pertaining to your post' name='keywords'/>
<meta content='crafted description of your post' name='description'/>
</b:if>

Here is an example of optimized meta tags for one of my post:

<b:if cond='data:blog.url == &quot;http://blogginghubblog.blogspot.com/2011/12/adjust-blogger-title-tags-to-improve.html&quot;'>

<meta content='Title tags for SEO is about how to adjust title tags to improve search engine results and high rankings. Title tags play very important role in search engine optimization. Popular search engines like Google gives more importance on title tags.' name='description'/>
    
<meta content='search engine optimization for blogger, blogger title tags, improve seo, get higher in search results' name='keywords'/></b:if>

3. Add your post URL, keywords and description. To find the URL of your post navigate to the post's page and copy the link showing in the address bar of your browser including the http:// prefix

4. Click on Save Template button

5. To check your description you can use the view source in your browser by simply pressing Ctrl+U.

Troubleshooting and Tips

  • Observe Character Limits
  • To avoid problems ensure that you keep within the maximum character limits:
    Title Tag - Maximum Character is 60
    Site Description - Maximum Character is 150
    Keywords - Maximum Character is 200
  • Title Tag Tweak
  • If you haven't inserted the title tag tweak then it is highly recommended that you do so then you will need to add the code above after the title tag adjustment in the section of your template. Read more about adjust title tags.
  • Keywords

As you have seen that meta tags are very important for home page and for every other page of blogger, and in this article you have learned both the ways of adding meta tags to home page and each post of blogger.



I hope that this tutorial will helped you alot in "Adding Meta Tags to Blogger and Individual Post of Blogger" for your blogger blogspot blog. To learn more about Blogger that How to Adjust Blogger Title Tags to Improve SEO, How to Submit Blog in directories, how to Add Categories Section, or how to Setup Feedburner follow the links.

  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS