Saturday, December 18, 2010

Enable mobile template for your blogger blog

Many of you like to view blog posts on your smartphones. However, it can be difficult at times because of the small screen size. Today, Blogger Team announced that they launched of mobile templates for Blogger in Draft users. Initially available as opt-in functionality on Blogger in Draft, mobile templates will re-format your blogs for smartphones to enhance your readers’ viewing experience. To enable mobile templates for your blog, simply go to Dashboard | Settings | Email & Mobile tab, enable the mobile template option and then save settings.

  • Preview: Get a glimpse of what your blog will look like by clicking on the Mobile Preview button. You can also see it on your smartphone by scanning the QR-code to the right of the options.
  • Automatic redirection: All opted-in blogs will automatically be redirected to the mobile view when accessed from a smartphone.
  • Template support: Blogger is initially supporting 6 variants of the Simple template and 6 variants of the Awesome template. If you have used one of these 12 templates through our Template Designer, your mobile view will be rendered in the same style as your desktop view (other template variants will be rendered as Simple). Some gadgets are also supported.

Tuesday, December 14, 2010

Free Christmas header images for your blogger blogs

Here are 35 free Christmas header images for your blogger blog in this Holiday Season. Click here if you don't know how to adding an image to your blog header.
















Posting a video from YouTube to your blog

It’s as easy to add a video to your blog from YouTube. While you are watching a YouTube video, click “Share” button, and you will see Blogger as one of the places you can share the video to. Click on Blogger, and you’ll see the familiar BlogThis! mini post editor -- all you have to do is to select a blog (if you have more than one blog, that is), fill out some content, and then Publish the post.


Thursday, December 9, 2010

More Control of Your Blog Feed

Feeds are a great way to reach a broader audience and keep your loyal readers up-to-date. In fact, it’s not uncommon for blogs to have more than a quarter of their traffic come from feed readers.
"The challenge with feeds is that it’s never been possible to control exactly how much content is delivered. Up until now, the options have been “Short” and “Full”. Short produces a feed that contains around the first 400 characters of the post, with HTML and images removed. Full produces a feed that contains everything in the post, including HTML and images. But what about those instances where you want to give your users a taste—an image or two with some introductory text—and then have them visit your blog to see the full post?" Today, Blogger team announced on their blog that they've launched a third option that lets you do just that using Jump Breaks.
To enable this feature, simply go to the Settings page for your blog, click on Site Feed, and then next to “Allow Blog Feeds”, change the drop-down value to “Until Jump Break”.


Next time you write a post and use a jump break, anyone reading the feed will get all the content, including images and HTML formatting, up until the jump break (if there’s no jump break, the feed will contain everything). If readers want to see the full post, they can click the “read more” link and they’ll be directed to your blog. This means you have full control over your feed. For example, want to include an image for your recipe but not the whole recipe? No problem! Put the image and part of the recipe before the jump break, and that’s all the feed readers will see.

Saturday, December 4, 2010

Free Blogspot Template: White Clean Magazine

Preview: http://whitecleanmagazine-template.blogspot.com/
  • From your Blogger dashboard, go to Design | Edit HTML
  • Make sure to back up your old template before install this new one by click on the "Download full template"
  • Check on the "Expand Widget Templates"
  • Now copy/paste this code to replace all the code in the HTML code section
  • Click Save Template button and you're done.

Friday, December 3, 2010

Adding recent comments to your blogger blog

  • First of all, login to your Blogger blog.
  • From your Dashboard blog, to go Design then click on Add a Gadget from Page Elements panel.
  • Choose HTML/JavaScript and copy/paste the code below in it
<script language="javascript">
var numcomments = 7;
var numchars = 50;
</script>
<script src="http://yourbloggerblog.blogspot.com/feeds/comments/default?
alt=json-in-script&callback=commentDisplay"></script>
  • Click on SAVE button and you're done.
* Remember to change the URL "yourbloggerblog.blogspot.com" to your blogger's domain name to show your recent comments. In this hack, you can change the number of comments that you want to display on your blog in the line "var numcomments = 7;" and the line "var numchars = 50;" will show the characters in each comment.

This looks better than Adding recent comments to your blogger blog by using Feed URL

Thursday, November 25, 2010

Upload Image button added to Edit HTML mode

Blogger team has added the Upload Image button to Edit HTML mode for users who are using Blogger in Draft for blogging as they announced on their blog:
We heard lots of feedback recently about how you’d like to be able to upload an image in the post editor’s Edit HTML mode, so we’ve added it into the new post editor’s toolbar with today’s release. You’ll see it right now if you go into the post editor. Hopefully this saves you a few extra clicks next time you need to add images to your posts.

Monday, November 22, 2010

More fonts for your Blogger blog

Today, Wongoo Lee from Blogger team announced that they have added 40 new more fonts for bloggers who are using their Blogger blog service.
Self expression is a beautiful thing. It’s one of the best things about having a blog—a place where you can control the look and feel of your message and how it’s presented. Today we’re excited to announce another amazing way to make your blog truly you—Web Fonts.

The Web has traditionally been pretty limited when it comes to font selection, especially for non-Latin alphabets such as Cyrillic and Greek. But great strides have been made in this arena by our friends on the Google Web Fonts team, and finally there are more choices out there than just Arial and Times New Roman. In fact, there are now 40 new fonts on Blogger in Draft for you to choose from. And we’re just getting started—lots more to come!
Simply go into the Advanced tab of the Blogger Template Designer, select the type of text you’d like to change (Post Title, Page Text, etc.) and pick from a number of exciting, new fonts such as Reenie Beanie  or Neucha (Cyrillic) or GFS Didot (Greek) or even Hanuman (Khmer). You will be spoilt with choice!

Saturday, November 20, 2010

How to create a "Random posts" list on your blog

Like its name, this hack will help you show your blog posts by random and help you to increase the number of page impressions from readers.

Creating a "Random Posts" list on your blog is very easy.

Login to Blogger with your account.
  • From your Blogger dashboard, go to Design then click on Add a Gadget, choose HTML/JavaScript Add
  • Copy/Paste the code shows below to Content section
    <script type="text/javascript">
    var randarray = new Array();var l=0;var flag;
    var numofpost=10;function randomposts(json){
    var total = parseInt(json.feed.openSearch$totalResults.$t,10);
    for(i=0;i < numofpost;){flag=0;randarray.length=numofpost;l=Math.floor(Math.random()*total);for(j in randarray){if(l==randarray[j]){ flag=1;}}
    if(flag==0&&l!=0){randarray[i++]=l;}}document.write('<ul>');
    for(n in randarray){ var p=randarray[n];var entry=json.feed.entry[p-1];
    for(k=0; k < entry.link.length; k++){if(entry.link[k].rel=='alternate'){var item = "<li>" + "<a href=" + entry.link[k].href + ">" + entry.title.$t + "</a> </li>";
    document.write(item);}}
    }document.write('</ul>');}
    </script>
    <script src="/feeds/posts/default?alt=json-in-script&start-index=1&max-results=1000&callback=randomposts" type="text/javascript"></script>
  • Click on SAVE button to save your work and you're done.
* You can change the number shown in red any time you want to change the number of posts will be displayed on your own list.

Friday, November 19, 2010

Free Blogspot Template: Facebook Lover

Preview
  • From your Blogger dashboard, go to Design | Edit HTML
  • Make sure to back up your old template before install this new one by click on the "Download full template"
  • Check on the "Expand Widget Templates"
  • Now copy/paste this code to replace all the code in the HTML code section
  • Click Save Template button and you're done.