Blogger in Draft Favicon Upload Shows on Blog List

How to show favicon on Blogger's Blog List gadget?
How to show favicon on Blogger's Blog List widget?
How to show customized favicon on Blogger's Blog List gadget?
How to show customized favicon on Blogger's Blog List widget?
How to replace Blogger default favicon with customized favicon?
How to replace Blogspot default favicon with customized favicon?

To know how, please go to How to Add Favicon with Blogger in Draft for the step by step guide.

After uploading, you'll see the new customized/uploaded favicon on the Blogger Page Element page.



The interesting thing about uploading your customized favicon with this new feature on Blogger in Draft is - the favicon shows on the Blogger's Blog List element when being linked.

Here's an example...



Normally, when the conventional favicon adding via HTML method is used, the customized favicon won't appear on the Blog List and the default Blogger favicon remains there.

But with this new customized Favicon Upload feature, Blogger has certainly took a big step in fulfilling what the Blogger bloggers need - a favicon for the blog's identity!

Tweet

How to Add Favicon with Blogger in Draft

How to add favicon?
How to create favicon for Blogger blog?
How to create favicon for Blogspot blog?
How to add favicon to Blogger blog?
How to add favicon to Blogspot blog?

Back then, you'll need to play around with the blog HTML code in order to have a customized favicon. But now, you can add a favicon easily with Blogger in Draft!

Here's how.

First, go to Blogger in Draft. Then go to Dashboard > Design.



There is a Favicon page element where you can add your own customized favicon by clicking on the "Edit" link.



A pop-up window will appear and all you have to do is to select the favicon (with an .ico format) from your computer and just save it! As easy as that.

If you're not sure on how to create a favicon .ico file, continue reading.

---

How to create favicon (.ico) file?

Firstly, an icon is required. You can either use an online icon creator (which may not be user-friendly) or Photoshop.

Once you've designed your icon, save it as an image file. Next, proceed to the online icon generator to generate the icon. There, upload your saved favicon image, select icon size 16x16 and generate it. Once it's done, download the icon into your computer.

Then you can use the downloaded icon and select it as the favicon (.ico) file.

Tweet

Blogger in Draft New Widgets - Popular Posts and Blog's Stats

How to add Popular Posts widget on Blogger blog?
How to display popular posts on Blogger blog?
How to show popular posts on Blogspot blog?

How to add Blog Stats widget on Blogger blog?
How to display blog's visitors and page views stats on Blogger blog?
How to show blog traffic statistics on Blogspot blog?

Blogger in Draft is out with 2 new widgets - the Popular Posts widget and Blog's Stats widget.


Take note, they can only be seen when you're on Blogger in Draft. The normal Blogger doesn't have it yet.

On the Popular Posts widget, these are the available settings.


You can set the most view posts duration period and whether to include an image thumbnail (which is normally the first picture of the blog post) and also the snippet.

Unfortunately you can set the number of displayed blog posts right now. The fixed number is 10. Hopefully Blogger will add in the blog count feature as well later on.

On the Blog's Stats widget, these are the available settings.


Here, you can edit the stats style and the options.

That's all for now. Hopefully these additional Blogger widgets are useful for some of you!

Tweet

How To Use Own Photo as Blog Background

How to add photo as Blogger blog background?
How to upload own photo to blog background?
How to change blog background to own photo?
How to modify Blogspot blog background to own photo?
How to put image as blog background?

Blogger in Draft's Template Designer now has a new feature which allows users to upload their own photos as background easily.

To do so, go to Dashboard > Design > Template Designer > Background.


Click on the "Background image" and you'll be able to see the "Upload image" feature. Click it and you'll be able to select the preferred picture as your blog's background.

According to Blogger in Draft blog, for images that fill the entire background, a resolution of 1800px wide and 1600px high is recommended and image size less than 200KB to minimize loading time of the blog. It support JPEG, GIF, and PNG format images.

At the end, additional background settings are available by using the Alignment, Repeat and Scroll options.

Tweet

New Stats Feature on Blogger in Draft

Is there a statistics feature on Blogger?
How to check traffic on Blogspot?
How to see statistics and analytic of my blog?

Here's a new feature implemented by Blogger, however in Blogger in Draft for the moment. Once it's finalized, it will probably be implemented on Blogger as well.


Once you're on the Stats page, navigate yourself on the navigation to see more detailed information. The stats can be changed depending on your choice - Now, Last Day, Last Week, Last Month or All Time.


Overview Section

On the Overview page, the page views is shown.


Blog posts with the highest page views.


Short summary of the traffic sources and audience.


So basically it's like a summary. The stats of the blog can be roughly seen on this page.

Posts Section

On the next page, the Posts page, the more blog posts with the top highest page views will be shown.


From this, blog posts are giving the blog most traffic can be identified.

Traffic Sources Section

On the Traffic Sources page, more details can be obtained. The referring URLs, also known as links, that direct traffic to your blog.


The referring websites. Shows which website gives the blog the organic traffic.


And the referring keywords as well. Usually these are the keywords people search on Search Engines and got into the blog.


So these information is basically the sites and links that has given traffic to the blog.

Audience Section

On the last page, the Audience page, there's a page views statistics categorized by countries. Visitors' location can be identify by looking at the illustrated map and list.


Also, page view categorized by web browsers. The top used browsers used to access the blog can be known too.


And lastly, page views by operating systems. Pretty self-explanatory.


All in all, a little information about the visitors can be seen here.

Besides this default stats feature, other external Traffic Tracker and Statistics on your Blogger blog as well.

Tweet

How To Remove Blogger Navigation Bar in Draft Template Designer

How to delete navigation bar on Blogger Draft template?
How to remove default bar on Draft Template Designer?

The previous method to remove default Blogger navigation bar cannot be used anymore with templates designed from Blogger Draft Template Designer.


Here's how to remove the navigation bar on Template Designer's templates:

Dashboard > Layout > Edit HTML
Add this code:

#navbar-iframe { display: none !important; }

just above this line:

]]></b:skin>

(instead of below <b:skin><!--[CDATA[/* in the previous method).

Then save it, view your blog and it's done!

---

***UPDATE (3/7/2010)***: It can also be done via this method. Navigate yourself through:

Dashboard > Design > Template Designer > Advanced > Add CSS
And then add this:

#navbar-iframe {display: none !important;}

Click "Apply to Blog" and you're done.

Credit: Comment by Bytexpert

P/S: Click here to view update on its individual post.

Tweet

Blogger in Draft - New Blogger Template Designer!

A new template designer has been released on Blogger Draft offering new templates and features enhancement to allow easier modification of blog templates.

To check out the Template Designer, go to:

Dashboard > Layout > Template Designer
You'll then be brought to a new screen to design your blog template where you can change almost everything conveniently.

At the top left, there are different categories of the blog where you can modify.


Then at the Templates section, a selection of ready-made templates will be available.


Navigate along the templates and pick the one you like.

Also, choose the colour of the background if applicable.


Change the layout of the blog - 2 columns or 3 columns - your choice!


And width of blog and sidebar as well.


Lastly, change font style, size and colour on the advance section.


Here's the video of the new Blogger Template Designer:


Just like what was mentioned, it's time to pick a professional design for you blog!

Time to express yourself! Have fun!

For more info visit the Blogger Template Designer entry on the Blogger in Draft Blog.

Tweet