Thursday, February 17, 2011
0
Thursday, February 17, 2011
abhi
How to make all links open in new windows
This request to make all hyperlinks pops up every now and then so might as well make a post for it. To make all links open in new window is amazingly simple. Just sign into
DASHBOARD > DESIGN > EDIT HTML
to open template editor
Use keyboard shortcut ctrl+F to find <head> and immediately after that, add a single line <base target='_blank' /> so that it become
<head>
<base target='_blank' />
Save the edited template and viola, all links in your blog will now open in new tabs or windows.
Note: Blogger is now XHTML so all tags must have matching closing tags or be self closing. The above tag is self closing because it has that forward slash / at the end of the tag.
Note 2: Just wondering if adding a note for frequent visitors to set browser to open in new tabs rather than new windows will reduce the number of visitors having an unmanageable numbers of new windows opened. Do leave your opinions in the comments below:
Note 3: Some bloggers may prefer some links not to open in new window/tab but to open in the same window, Nute gave this tip to add the attribute target="_self" for those links you want to open in the same window/tab.
I have tested his tip at Safety Tips and Tricks (see Blogger Resources in the second right sidebar). His tip work correctly if the first and third link ("original Blogger Tips and Tricks" and "Blogger Book" opens in new window without the need to add target="_blank" and the second (Blogger for Dummies) opens in the same window by adding target="_self"
read more
DASHBOARD > DESIGN > EDIT HTML
to open template editor
Use keyboard shortcut ctrl+F to find <head> and immediately after that, add a single line <base target='_blank' /> so that it become
<head>
<base target='_blank' />
Save the edited template and viola, all links in your blog will now open in new tabs or windows.
Note: Blogger is now XHTML so all tags must have matching closing tags or be self closing. The above tag is self closing because it has that forward slash / at the end of the tag.
Note 2: Just wondering if adding a note for frequent visitors to set browser to open in new tabs rather than new windows will reduce the number of visitors having an unmanageable numbers of new windows opened. Do leave your opinions in the comments below:
Note 3: Some bloggers may prefer some links not to open in new window/tab but to open in the same window, Nute gave this tip to add the attribute target="_self" for those links you want to open in the same window/tab.
I have tested his tip at Safety Tips and Tricks (see Blogger Resources in the second right sidebar). His tip work correctly if the first and third link ("original Blogger Tips and Tricks" and "Blogger Book" opens in new window without the need to add target="_blank" and the second (Blogger for Dummies) opens in the same window by adding target="_self"
Monday, February 14, 2011
0
Monday, February 14, 2011
abhi
How to Fix Missing Quick Edit Pencil in Blogger Blogspot
Is your custom Blogger template missing its quick edit pencil at the bottom of your Blogger posts (Blogspot posts)? Don't worry. In this Blogger tutorial I discuss how to show a quick edit pencil icon beneath Blogger posts if it is missing. This is a common Blogger problem among custom Blogger templates but fortunately it only takes a couple of minutes to fix.
This Blogger tutorial follows on from my previous Blogspot tutorial about fixing missing Blogger icons. Check out how to show quick edit gadget wrench in Blogger (Blogspot) for help with this issue.
In my previous Blogger tutorials I have also discussed how to fix many other common Blogger problems eg how to fix a missing embedded comment form in Blogger. Take a look at all my Blogger tutorials on how to fix common Blogger problems (Blogspot problems) here
Fix Missing Quick Edit Pencil Blogger Blogspot
The quick edit pencil is a nice Blogger feature that you would not want to be without. A click on this time saving Blogger icon gives you direct access to your Blogger posts without having to go through "Edit Posts"
So if the free custom Blogger template you downloaded from the internet has no quick edit pencil displaying under your Blogger posts when viewing the actual published post then it can be fixed by taking the following the steps below:
Tips and Troubleshooting
If you want to change the Blogger quick pencil icon you can by changing the image. Simply replace the image as depicted in red with the URL address of your own image. If your image is a different size you may have to change the width and height as shown in blue for the image to display correctly
In this Blogger tutorial (Blogspot tutorial) I have shown you how to fix a missing Blogger quick edit pencil that is not showing. I have demonstrated how to enable the quick edit pencil in Blogger via Page Elements and I have provided you with the missing code in the event that the quick edit pencil code is missing from your custom Blogger template.
Please let me know if this tutorial has been useful for you by leaving your comments and opinions below.
Related Articles
List of Blog Know How Tutorials for Blogger Blogs
How to Show a Quick Edit Gadget Wrench in Blogger (Blogspot)
How to Fix a Missing Embedded Comment Form in Blogger
How to Fix Common Problems in Blogger
read more
This Blogger tutorial follows on from my previous Blogspot tutorial about fixing missing Blogger icons. Check out how to show quick edit gadget wrench in Blogger (Blogspot) for help with this issue.
In my previous Blogger tutorials I have also discussed how to fix many other common Blogger problems eg how to fix a missing embedded comment form in Blogger. Take a look at all my Blogger tutorials on how to fix common Blogger problems (Blogspot problems) here
Fix Missing Quick Edit Pencil Blogger Blogspot
The quick edit pencil is a nice Blogger feature that you would not want to be without. A click on this time saving Blogger icon gives you direct access to your Blogger posts without having to go through "Edit Posts"
So if the free custom Blogger template you downloaded from the internet has no quick edit pencil displaying under your Blogger posts when viewing the actual published post then it can be fixed by taking the following the steps below:
- Login to Blogger
- Go to your Design > Page Elements
- Click on the Blog Posts edit button located in the bottom right hand corner of the widget
- A Configure Blog Posts window will pop up displaying a number of different features that can be turned on and off on your blog posts.
- Make sure that Show Quick Edit is checked. Tick the box and save if Show Quick Edit is not already checked
- Now navigate to an actual published post and check whether the quick edit pencil is now displaying in or around the footer of your blog post. Remember that you must be logged into Blogger to see the quick edit pencil - it is not displayed to your visitors
If the pencil is there then that is the end of this Blogger tutorial. The pencil just needed to be enabled. So thank you for joining me today and if you have any other issues with Blogger be sure to check out my how to fix common problems in Blogger tutorials or take a look at the list of all the Blog Know How Blogger tutorials
If the Blogger quick edit pencil is still missing it means that some important code has been omitted from your Blogger template and it will need to be added to get the quick edit pencil to show up - Go to Design > Edit HTML
- Back up your template
- Check the Expand Widget Templates box by placing a tick in it
- Find the following line of code by holding down the CTRL key and F at the same time:
<b:includable id='postQuickEdit' var='post'> - Check whether the following code is under it:
<span class='post-icons'>
<!-- email post links -->
<b:if cond='data:post.emailPostUrl'>
<span class='item-action'>
<a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'>
<img alt='' class='icon-action' height='13' src='http://img1.blogblog.com/img/icon18_email.gif' width='18'/>
</a>
</span>
</b:if>
<!-- quickedit pencil -->
<b:include data='post' name='postQuickEdit'/>
</span> </div> - If part or all of the code is missing copy and paste it above :
<!-- quickedit pencil -->
<b:include data='post' name='postQuickEdit'/> - Save changes to your Blogger template
- Go to an individual published post page and see your new quick edit pencil displayed under your Blogger post
Tips and Troubleshooting
If you want to change the Blogger quick pencil icon you can by changing the image. Simply replace the image as depicted in red with the URL address of your own image. If your image is a different size you may have to change the width and height as shown in blue for the image to display correctly
<span class='post-icons'>
<!-- email post links -->
<b:if cond='data:post.emailPostUrl'>
<span class='item-action'>
<a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'>
<img alt='' class='icon-action' height='13' src='http://img1.blogblog.com/img/icon18_email.gif' width='18'/>
</a>
</span>
</b:if>
<!-- quickedit pencil -->
<b:include data='post' name='postQuickEdit'/>
</span> </div>
In this Blogger tutorial (Blogspot tutorial) I have shown you how to fix a missing Blogger quick edit pencil that is not showing. I have demonstrated how to enable the quick edit pencil in Blogger via Page Elements and I have provided you with the missing code in the event that the quick edit pencil code is missing from your custom Blogger template.
Please let me know if this tutorial has been useful for you by leaving your comments and opinions below.
Related Articles
List of Blog Know How Tutorials for Blogger Blogs
How to Show a Quick Edit Gadget Wrench in Blogger (Blogspot)
How to Fix a Missing Embedded Comment Form in Blogger
How to Fix Common Problems in Blogger
Saturday, February 12, 2011
0
Saturday, February 12, 2011
abhi
How to Add Missing Quick Edit Wrench to Blogger
In this Blogger tutorial (Blogspot tutorial) I show you how to add a quick edit wrench to Blogger if it is missing from a Blogger gadget. Check here to find a solution for a missing quick edit pencil not showing in Blogger
The quick edit feature allows you to edit a Blogger gadget directly from the blog itself rather than having to go through the Design > Page Elements screens and then finding the actual widget itself before you can edit it.
Heaps of times I have downloaded custom Blogger templates only to find that there are lots of omissions compared to a default Blogger template. If you are using a custom Blogger template with the quick edit feature missing here is a step by step guide to insert the missing quick edit feature into your Blogger template
The quick edit can be missing from anywhere in your Blogger template. I have chosen to use the sidebar for this tutorial but the solution works wherever the quick edit feature has been removed or never inserted in the first place.
Tutorial Difficulty rating: Easy
Time: Less than 5 minutes
Suitable for all levels of Blogger expertise
How to Add the Quick Edit Wrench to a Blogger Gadget
In this Blogger tutorial (Blogspot tutorial) you have learned how to fix a missing quick edit button often missing from custom Blogger templates. No matter where the quick edit button has been omitted (sidebar, footer, header etc) it can be added in to a Blogger template very easily so that a Blogger gadget can be edited without having to go through the Blogger design screen.
Related Articles
List of Blog Know How Tutorials for Blogger Blogs
How to Fix the Quick Edit Pencil when it is not Showing Up in Blogger Blogspot
How to Fix a Missing Embedded Comment Form in Blogger
How to Fix Common Problems in Blogger
read more
The quick edit feature allows you to edit a Blogger gadget directly from the blog itself rather than having to go through the Design > Page Elements screens and then finding the actual widget itself before you can edit it.
Heaps of times I have downloaded custom Blogger templates only to find that there are lots of omissions compared to a default Blogger template. If you are using a custom Blogger template with the quick edit feature missing here is a step by step guide to insert the missing quick edit feature into your Blogger template
The quick edit can be missing from anywhere in your Blogger template. I have chosen to use the sidebar for this tutorial but the solution works wherever the quick edit feature has been removed or never inserted in the first place.
Tutorial Difficulty rating: Easy
Time: Less than 5 minutes
Suitable for all levels of Blogger expertise
How to Add the Quick Edit Wrench to a Blogger Gadget
- Login to Blogger
- Go to Design > Edit HTML
- Check the Expand Widget Templates box
- Using CTRL + F buttons together bring up the search box
- Enter the following search term
</b:includable>
- Scroll through your Blogger template. You will see that every instance of </b:includable> is highlighted in yellow.
- Once you come to the sidebar widgets which is the most likely place for the quick edit to be missing from look for something like the following (this will vary from template to template). This is the start of the first sidebar if you had a template with a two column sidebar
<b:section class='sidebar' id='sidebar1' preferred='yes'> - Now look at the picture below. You can see that this is the code for a Javascript/HTML widget as shown in red
- Just identify the widget that has the missing quick edit feature and add the following line of code immediately before the </b:includable>
<b:include name='quickedit'/>
- Use the Preview button to check your changes before committing to them
- Don't forget to click on Save Template
In this Blogger tutorial (Blogspot tutorial) you have learned how to fix a missing quick edit button often missing from custom Blogger templates. No matter where the quick edit button has been omitted (sidebar, footer, header etc) it can be added in to a Blogger template very easily so that a Blogger gadget can be edited without having to go through the Blogger design screen.
Related Articles
List of Blog Know How Tutorials for Blogger Blogs
How to Fix the Quick Edit Pencil when it is not Showing Up in Blogger Blogspot
How to Fix a Missing Embedded Comment Form in Blogger
How to Fix Common Problems in Blogger
Monday, February 7, 2011
0
Monday, February 7, 2011
abhi
Blogger limits update & workarounds
Blogger Help: What are the limits on my Blogger account? is overdue for updating as the number of blogs in a single Blogger/Google account is still stated as unlimited. In truth, Blogger.com has limited it to a maximum 100 blogs per account. However it is easy to go around this limit as you can create a new Blogger/Google account, create a new blog then invite your old account as team blogger and after acceptance of the invitation, make yourself (old account) as administrator.
read more
Update 2: Thanks to Mary of Google Sites Hints and Tips who says that the limit of 100 team members per blog is actually a limit of 100 invitations and that by forwarding an invitation email, the forwardee can accept the invitation and become a team member as well and in this way, one can have more than 100 team members per blog.
Read rest of post >>>Tuesday, February 1, 2011
0
Tuesday, February 1, 2011
abhi
There are 2 methods depending on whether your Blogger template is pre-Template Designer or already using the new Template Designer templates.
1. Pre-Template Designer: How to split blog header into 2 (if you are on the main page, click Read more first)
2. Post-Template Designer: How to split blog header into 2 (if you are on the main page, click Read more first)
Read rest of post >>>
read more
How to Split Blogger Header into 2: Pre- & Post Template Designer
There are 2 methods depending on whether your Blogger template is pre-Template Designer or already using the new Template Designer templates.
1. Pre-Template Designer: How to split blog header into 2 (if you are on the main page, click Read more first)
2. Post-Template Designer: How to split blog header into 2 (if you are on the main page, click Read more first)
Read rest of post >>>
Subscribe to:
Comments (Atom)
