Welcome!

New Here? Welcome!
Be sure to subscribe to get the latest tips by email.
Scroll down to the topics or use our custom search.
Drop us a comment, and we'll source an answer for you.
Showing posts with label Blogger Tips. Show all posts
Showing posts with label Blogger Tips. Show all posts

How to DeleteYour Blogger Blog - Tips Plus Points to Ponder!

Deleting Your Blogger Blog? Why? 

 Did you know : If you delete your blog, it will no longer be available online and will be permanently removed from your list of blogs on your Blogger Dashboard. Think carefully before you delete a blog, especially if it is shared by a team!
Continue Reading ...

Insert Automatic ‘Read More’ Jump Breaks Into Blogger Posts!

Spice Up Your Blog-Read More Thumbnail Jump Breaks [Review and Tutorial]

Update: This widget stopped working, but a solution was posted on the original article. Apparently, the script used to run the widget was moved.
If you have installed this script previously replace the javascript line 
with
http://widgets.way2blogging.org/blogger-widgets/w2b-auto-readmore-blogger.js

Blogger offers the option to add a jump break to your posts, so posts are displayed as just short summaries on the home page, with a link to read the full post below. Jump breaks in  posts have a number of great advantages including: speeding up your page load time, visitors see a selection of your posts without the need to scroll, and it gives a professional polish to your blog. Plus, since visitors have to click through to the full post, it can increase page views.  However, having to manually insert jump breaks post- by-post, can be very time consuming, and since I maintain a large number of blogs, I went searching for a time-saving solution.

Spice Up Your Blog Auto ‘Read More’ Code Advantages

Paul Crowe of Spice Up Your Blog, offers a script that automatically turns your posts into 'read more' summaries on your blog's home page with a few added extras. Here are some of the features of Paul's auto 'Read More' as used in this blog.
  • Your posts automatically display as short summaries with a 'Read more' link
  • The first image from the post will be re-sized into a thumbnail and displayed beside the summary.
  • You can choose how much text is displayed in the summary.
  • You can choose the size of the thumbnail.
  • All Previous posts will also have the jump break so you don't need to go through your archive adding it.
  • Posts will also will also appear with jump breaks on your label pages and archive pages.

Spice Up Your Blog Auto ‘Read More’ Code Disadvantages

The coding used in Paul’s Blogged Tip seems to pull a truncated feed of your post and display it, since most formatting disappears in the post summaries. This is a liveable disadvantage, but still not quite what I would like to have, and will keep looking for a tweak. 

How to Add Auto 'Read More' Post Summaries To Your Blog

Skill Level:Intermediate-Requires fiddling with HTML of your Blogger blog. If this tip is outside your comfort zone or patience level,please contact me for help implementing the code.
Here are the steps to implementing this code adapted from Spice up Your Blog:
Step 1. First,in your Blogger dashboard click Design > Edit Html > Tick The Expand Widget Templates Box
Step 2. Next,find the following piece of code in your blogs Html : (Click CTRL and F for a search bar to help find the code )
</head>
Step 3. Copy the following code and paste it Directly Above / Before </head>  Note –If you are using a mobile template, place the code before the first instance of </head>
<script type='text/javascript'> var thumbnail_mode = "no-float" ; summary_noimg = 430; summary_img = 340; img_thumb_height = 120; img_thumb_width = 120; </script> <script type='text/javascript' src='http://widgets.way2blogging.org/blogger-widgets/w2b-auto-readmore-blogger.js' ></script>
Important Code Tweaks
The code in red sets how the post summaries are displayed. If a post has an image, it will be re-sized into a thumbnail to be displayed beside the summary.If the post does not have an image, just a text summary will be displayed.
summary_ noimg= 430; --> The length of the summary if the post does not have a thumbnail. summary_img = 340; --> The length of the summary if there is an image in the post that will be converted into a thumbnail. null_thumb_height = 120; --> The height in pixels of the thumbnail. null_thumb_width = 120; --> The width in pixels of the thumbnail.
Step 4. Now,find the following piece of code in your blog's Html : (Click CTRL and F for a search bar to help find the code)
<data:post.body/>
Step 5. Then,replace <data:post.body/> With The Code Below
<b:if cond='data:blog.pageType == &quot;item&quot;'> <data:post.body/> <b:else/> <b:if cond='data:blog.pageType == &quot;static_page&quot;'> <data:post.body/> <b:else/> <div expr:id='&quot;summary&quot; + data:post.id'> <data:post.body/> </div> <script type='text/javascript'> createSummaryAndThumb(&quot;summary<data:post.id/>&quot;); </script> <div style='clear: both;'/> <span class='rmlink' style='font-weight:bold;padding:5px;float:right;text-align:right;'><a expr:href='data:post.url' >Read more ... </a></span> </b:if> </b:if>
Notes:
  1. You can change the text in red from Read More to "Continue Reading", "Read Full Post" or anything you like.
  2. The first image in each post is used as a thumbnail.Try to have the first image in your posts as close to square as possible, so they work well when used as thumbnails on your home page.Images that are rectangular, for example, will appear distorted when they are re-sized.
Step 6.Click Pre-view if the preview loads correctly, then proceed to step 7,if not,click ‘Remove all changes 'and try again.
Step 7. Finally Save Your Template.
Now all your posts including all archived posts will now be displayed with a summary and ‘read more’ on your home page, labels pages and archive pages.
See the original article at http://www.spiceupyourblog.com/2011/03/blogger-read-more-thumbnail-jump-break.html
Please leave a comment and share where you used this code,so others can admire your handi-work!
Suzanne
Continue Reading ...

How to Email Posts to Your Blogger: 5 Quick Steps!

Save Time! Email Your Posts!

Blogger Tutorial with Pictures by
Skill level: Easy
Using Blogger? You can save time by emailing your posts to Blogger. I used this on a blog where I post all those nifty forwards people send to me, but it’s also a handy option for other people too. Here are the steps to setting up your Blogger blog, so you can save time by emailing your posts to your Blogger account!
Continue Reading ...

2 Methods of Creating Effective Backlinks!

Effectively Create Back Links to Sites!

Creating Effective Backlinks: Skill Level - Easy  to Intermediate

When sites post a relevant do follow link to you, it can help your SEO by linking back with a relevant "do follow" link. Deep linking to the specific spot where your link is located is preferable to a general link. Note: I highly advise against linking to irrelevant sites, or building hundreds of links overnight - this type of linking can hurt rather than help your search ranking. Here are two ways you can create a list of "Do follow" links of sites linked to you,so you can complete the SEO circuit, and keep search bots running smoothly.These two tips tell how to create a link list using html code that you can insert into a page,or Html box on most sites, and in Blogger using a Gadget. Are you looking for back links to your blog or site with tips about Social Media ?  Please leave a comment below, or contact me directly for link exchange queries.
Continue Reading ...

How to Create Pages Tabs Showing Labelled Posts ~

Display Labelled Posts as Pages In 5 Steps!

Tutorial Level:Intermediate – Requires Fiddling with HTML
Blogger just rolled out a wider blog template with capability of supporting the new expanded Pages Widget, which lets you create up to 19 pages in addition to the standard blog Home page. But the multi-tasker in me, still wanted more.Wouldn't it be great if pages populated themselves? I found a great Blogger Hack and after experimenting with it, I’ve re-blogged it below with a couple of tweaks,and two variations.
Would you like tabs that will call up all the posts by particular labels? This is how I created the tabs for: Blogger Tips,Facebook Tips ,and Twitter Tips,as well as Reviews above. Give it a try, and if you run into problems, drop me a comment,or Contact Me. I can also talk you through the process,or add them to your blog for you, if you’re short on time.

5 Steps to Creating a Tab Displaying Posts with a Particular Label

Adding a Tab to your Pages list in blogger is fairly easy, if you follow the following steps::
  1. First, label your posts according to subjects or categories.
  2. Second, Get the label URL by clicking the label under a post,then copy the URL from the browser address bar. Paste the URL into Notepad.The URL should look like this:
    http://YOURBLOGNAME.blogspot.com/search/label/YOURLABEL
    or if the label has more than one word,like Facebook Tips, the Format will be like this:
    http://YOURBLOGNAME.blogspot.com/search/label/YOUR%20LABEL
    ie.
    http://bloggedtips.blogspot.com/search/label/Facebook%20Tips
  3. Prepare your line of Code. The Pages widget is a link list.,You just need to tweak the label URL a bit to add it as a line to the Pages widget as another link. The line you will insert needs to be formatted as follows:
    <li><a href='YOURLABELURL'>YOUR TAB NAME</a></li>
    for example:
    <li><a href='http://bloggedtips.blogspot.com/search/label/Facebook%20Tips'>Facebook Tips</a></li>
  4. Next,Insert the code.
    Go to Dashboard > Design > Edit HTML.
        Tick the Expand Widget Templates box on top right of the HTML window.
  5. Put the code for the additional line, right after </b:loop> and just before the end of the unordered links list</ul>.     Look for the line of code in the Pages widget like this:
<li><a expr:href='data:link.href'><data:link.title/></a></li>
    </b:if>
    </b:loop>
    PUT THE CODE FOR THE LINKS HERE
    </ul>
    <b:include name='quickedit'/>
    </div>
    </b:includable>
    </b:widget>

    5. Finishing steps  Preview your changes before saving. If the preview will not show, delete all changes and start over, you nay have misplaced a punctuation mark. Otherwise, simply save, and enjoy!

Variations:

  • To make the link open in a new window or tab, add target="_blank" attribute right after href="YourLink".
  • To add the new tabs before the static pages insert the code at the beginning of the link list right after"<ul>"
So, how will you use your label Tabs to ‘sup’ up your Blogger Blog?  I’m adding it to our village eZine Omemee Pigeon eFlyer to create lists of Featured articles.
When you use this tip.please leave a comment with a link to your handiwork, so we can enjoy it too!
Looking Forward to seeing your handiwork!
Suzanne
See the Original Article: Add Label Tabs to Navigation Bar
Continue Reading ...

Free Essential Blogging Tool:Notepad?

Notepad Review,and Tutorial!

Notepad: Who Needs It?

Forums are filled with people asking why their feed stopped working,usually it has to do with incompatible code that has been copied from another document along with the formatting. Read on to find out how the Free program Notepad, is an essential tool for Bloggers.
Continue Reading ...

5 Blog Myths Keeping People From Blogger!

Blogger Baloney!

Where these myths started, I have no idea, but I am fed up with these fallacies getting in the way of people using great free tools. Have you heard these myths? Are any of these holding you back?  Are there other blogging myths you've heard? Please share! Let's bury these once and for all!
Continue Reading ...

Need Help Setting Number of Posts to Display ?

Setting Number of Blogger Posts to Display –Two Ways

Have your blog already set up, but want to change the number of posts displayed? Here are 2 ways to change the number of posts displayed starting at your blog page when you are signed in:
Continue Reading ...

Lost Your Blogger Blog? Try This!

Is Your Blog Not Showing up?

You may have misspelled your blog name when you created it- Happens to the best of us Check out what YrHelper Infonut did with http://Deals4Canda.blogspot.com Sometimes we are sure we've typed the right blog address,but we still can't find it. Here's a quick easy way to find a lost blog:
To find your lost Blogger blog the easy way:
Continue Reading ...

Blogger Buzz: What’s New With Blogger

Blogger: Real Time Stats, Reliability Make Blogger Tops


See Blogger's video take on their new innovations, and read my opinion of the changes too. Be sure to subscribe to receive email updates on new Blogger tools and tips.Subscribe to Blogged Tips by Email to get new updates about innovations Blogger is rolling out.
Continue Reading ...

Blogger:Free Website Builder,Hosting Tool> Easy Customizing Tips

Blogger:easy economical web solutions for Small businesses. Get online and running in record time using Blogger.

The free website building and hosting functionality of  Blogger are a boon to small businesses for creating a website presence with customizable features.
Blogger, a tool by Google, is becoming increasingly popular for small business websites. With Blogger, businesses can create a professional blog, niche product website or even a full website presence. I highly recommend the free website building and hosting tools, available through Blogger as an option businesses should consider.

Blogger as a Website Tool: Advantages

Continue Reading ...

Create Space Around Pictures

3 Ways to create spacing around pictures

Just modified this tip from the Blogger Answers Section originally posted by Good.ole Danny Boy.
There is yet another piece to the puzzle, that will save a great deal of time. Do you know the answer?
  Read on to see what I mean:
Continue Reading ...

Get Blogged Tips by eMail

Enter your email address:

Delivered by FeedBurner

Blogged Tips Search

Related Posts Plugin for WordPress, Blogger...