ComputerExpertise

eSpecial Blogger Template

noreply@blogger.com (Unknown) — Tue, 25 Dec 2012 00:37:00 -0800

Template name : eSpecial (Light Skin)

Platform: Blogger / Blogspot

Release date : Sep 2012

Author : www.soratemplates.com

Designer : www.temashdesignlab.com

Template features : Wordpress Look, 2 Columns, 3 Columns Footer, Left Sidebar, Portfolio, Business, Featured Content Slider, Fixed Width, Light Gray Background, Top Navigation Menu, Page Navigation Widget.

License : Creative Commons Attribution 3.0

Instructions : eSpecial Blogger Template

Project 10 Blogger Template

noreply@blogger.com (Unknown) — Tue, 25 Dec 2012 00:35:00 -0800

DemoDownload

Template name : Project 10

Platform: Blogger / Blogspot

Release date : Sep 2012

Author : www.soratemplates.com

Designer : www.orange-themes.com

Template features : Wordpress Look, 3 Columns, 4 Columns Footer, Right Sidebar, Fashion, Featured Content Slider, Fixed Width, Gray Background, Social Widget, Page Navigation Widget.

License : Creative Commons Attribution 3.0

Basic Instructions : How to install a Blogger Template

Note: You must publish at least 5 posts and your blog must be in public mode (everyone can see it), if not, you will be redirect to this site, we're really sorry for caused you this trouble.

Configure Featured Content Slider:

<div id='layerslider' style='width: 748px; height: 300px;'>
 <div class='ls-layer' rel='slidedelay: 5000'>
 <img class='ls-bg' src='/image.jpg'/>
 ..........

Replace"image.jpg" with your slider image.

Configure Dropdown Menu:

<ul class='menu' id='menu-top-menu'>
 <li><a href='#'><i style='font-family:Ropa Sans;'><span>Homepage</span></i></a></li>
 <li><a href='#'><i style='font-family:Ropa Sans;'><span>Blog</span></i></a></li>
 ..........

Just replace "#" with your menu item URL.

Configure Social Widget:

Search for:

<div class='left-social-icons'>
 <a class='social-facebook' href='#' target='_blank'><span/></a>
 <a class='social-twitter' href='#' target='_blank'><span/></a>
 ..........

Replace "#" with your Social Account URL.

Configure Page Navigation Widget:

search for:

var posts=3, // Number of posts in each page
    num=2, // Number of buttons will display

Accord Blogger Template

noreply@blogger.com (Unknown) — Tue, 25 Dec 2012 00:30:00 -0800

DemoDownload

Template name : Accord

Platform: Blogger / Blogspot

Release date : October 2012

Author : www.soratemplates.com

Designer : color-theme.com

Template features : Pinterest Look, 3 Columns, Right Sidebar, Fashion, Featured Post Slider, Fixed Width, Gray Background, Social Widget, Header Banner, Dropdown Menu, Page Navigation Widget.

License : Creative Commons Attribution 3.0

Basic Instructions : How to install a Blogger Template

Configure Dropdown Menu:

<div id='menu'>
<div class='menu-main-nav-container'>
 <ul class='sf-menu sf-navbar' id='menu-main-nav'>
  <li><a href='#'>Home Features</a>
  <ul class='sub-menu'>
   <li><a href='#'>Home + Sidebar</a></li>
 ..........

Replace "#" with your menu item URL.

Configure Social Widget:

Search for:

<div class='top-social-block'>
 <ul>
  <li><a class='facebook-top' href='#'/></li>
  <li><a class='twitter-top' href='#'/></li>
 </ul>
</div>

Replace "#" with your Social Account URL.

How To Change Header Banner:

find this:

<div class='banner'>
 <a href='#'><img height='60' src='/banner.jpg' width='468'/></a>
</div>

Now replace:

"#" with your banner URL.
"banner.jpg" with your banner image.

Configure Page Navigation Widget:

search for:

var posts=4, // Number of posts in each page
    num=2, // Number of buttons will display

Eclipse Blogger Template

noreply@blogger.com (Unknown) — Tue, 25 Dec 2012 00:21:00 -0800

DemoDownload

Template name : Eclipse

Platform: Blogger / Blogspot

Release date : Oct 2012

Author : www.soratemplates.com

Designer : www.devilcantburn.com

Template features : Wordpress Look, 2 Columns, 4 Columns Footer, Right Sidebar, Featured Content Slider, Fixed Width, Social Widget, Dropdown Menu.

License : Creative Commons Attribution 3.0

Basic Instructions : How to install a Blogger Template

Configure Featured Content Slider:

<div class='nivoSlider' id='nivo_slider'>
 <a href='#'><img height='400' src='/image.jpg' width='920'/></a>
 ..........

Replace:

"#" with your featured post URL.
"image.jpg" with your slider image.

Configure Dropdown Menu:

<ul class='main_menu' id='menu-menu-1'>
 <li><a href='#'><span class='gfont'>Home</span> <span class='subline'>&#8592; Back</span></a></li>
 <li><a href='#'><span>News</span><span class='subline'>Read Us!</span></a>
 <ul class='sub-menu'>
  <li><a href='#'>Attractive Design</a></li>
  <li><a href='#'>Inspirations</a></li>
 ..........

Replace "#" with your menu item URL.

Configure Social Widget:

Search for:

<div id='social_networks'>
 <ul>
  <li class='sorting-01 facebook'><a href='#'><span class='inv'>Facebook</span></a></li>
  <li class='sorting-03 twitter'><a href='#'><span class='inv'>twitter</span></a></li>
  <li class='sorting-02 googleplus'><a href='#'><span class='inv'>googleplus</span></a></li>
 ..........

Replace "#" with your Social Account URL.

Replay Blogger Template

noreply@blogger.com (Unknown) — Tue, 25 Dec 2012 00:19:00 -0800

DemoDownload

Template name : Replay

Platform: Blogger / Blogspot

Release date : October 2012

Author : www.soratemplates.com

Designer : www.themextemplates.com

Template features : Wordpress Look, 2 Columns, Right Sidebar, Music, Featured Content Slider, Fixed Width, Gray Background, Social Widget, Dropdown Menu, HTML5 Music Player, Page Navigation Widget.

License : Creative Commons Attribution 3.0

Basic Instructions : How to install a Blogger Template

Configure Featured Content Slider:

<div class='ribbon-slide'>
 <ul>
  <li class='slide-400'><a href='#'>
 <img class='fullwidth' height='400' src='/image.jpg' width='400'/></a>
  </li>
 ..........

Replace"image.jpg" with your slider image.

Configure Dropdown Menu:

<ul class='menu' id='menu-main-menu'>
 <li><a href='#'>News</a>
  <ul class='sub-menu'>
   <li><a href='#'>Ribbon Slider</a></li>
   <li><a href='#'>Fade Slider</a></li>
 ..........

Just replace "#" with your menu item URL.

Configure Social Widget:

Search for:

<a class='facebook' href='#' target='_blank' title='Facebook'/>    
<a class='tumblr' href='#' target='_blank' title='Tumblr'/> 
<a class='twitter' href='#' target='_blank' title='Twitter'/>

Replace "#" with your Social Account URL.

Configure Page Navigation Widget:

search for:

var posts=5, // Number of posts in each page
    num=2, // Number of buttons will display

Configure Music Player:

search for:

<div class='playlist'>
 <a href='/song1.mp3'>Song Title 1</a>
 <a href='/song2.mp3'>Song Title 2</a>
</div>

Replace song.mp3 and Song Title as you want.

FitnessMag Blogger Template

noreply@blogger.com (Unknown) — Tue, 25 Dec 2012 00:18:00 -0800

DemoDownload

Template name : FitnessMag

Platform: Blogger / Blogspot

Release date : October 2012

Author : www.soratemplates.com

Designer : www.wpexplorer.com

Template features : Wordpress Look, 3 Columns, Right Sidebar, Magazine, Featured Content Slider, Fixed Width, Gray Background, Social Widget, Dropdown Menu, Header Banner, Page Navigation Widget.

License : Creative Commons Attribution 3.0

Basic Instructions : How to install a Blogger Template

Configure Featured Content Slider:

<div class='flexslider' id='slider'>
<ul class='slides'>
 <li class='slide'><a href='#' target='_self'><img src='.../image.jpg'/></a>
<div class='caption'>Awesome Blogging Theme! </div></li> 
 ..........

Replace:

"#" with your featured post URL.
"image.jpg" with your slider image.

Configure Dropdown Menu:

<ul class='sfmenu' id='menu-main'>
 <li><a href='#'>Category 1</a></li>
 <li><a href='#'>Category 2</a>
  <ul class='sub-menu'>
   <li><a href='#'>This is a dropdown</a></li>
 ..........

Replace "#" with your menu item URL.

Configure Social Widget:

Search for:

<h2>Follow Us</h2>
<ul class='clearfix'>
 <li class='social-twitter'><a class='social-icon' href='#'><img src='.../twitter.png'/></a></li>
 <li class='social-facebook'><a class='social-icon' href='#'><img src='.../facebook.png'/></a></li>
 ..........

Replace "#" with your Social Account URL.

Configure Page Navigation Widget:

search for:

var posts=4, // Number of posts in each page
    num=2, // Number of buttons will display

How to change Author Section:

Find this:

<h3 class='heading-border'><span>Author</span></h3>
<div id='author-image'>
<a href='#'><img class='avatar' height='60' src='.../logo.png' width='60'/></a>
</div> 
<div id='author-bio'>
<h4>Written by <a href='#'>Admin</a></h4>
<p>Aliquam molestie ligula vitae nunc...</p>
</div>

VideoBox Blogger Template

noreply@blogger.com (Unknown) — Tue, 25 Dec 2012 00:14:00 -0800

DemoDownload

Template name : VideoBox

Platform: Blogger / Blogspot

Release date : November 2012

Author : www.soratemplates.com

Template features : Wordpress Look, 4 Columns, Right Sidebar, 4 Columns Footer, Portfolio, Featured Video Slider, Fixed Width, Wood Background, Dropdown Menu, Header Banner, Page Navigation Widget.

License : Creative Commons Attribution 3.0

Basic Instructions : How to install a Blogger Template

Configure Featured Video Slider:

<ul class='slides'>
 <li class='item'>
 <p><iframe frameborder='0' height='315' src='http://www.youtube.com/embed/Ok2VamxrYAY' width='560'/></p>
 </li>
 ..........
<ul class='thumbs pagination'>
 <li><span class='youtube-temp'/>
 <span class='hover-bg'/>
 <a class='title' href='#' rel='0'>Lorem ipsum dolor sit amet</a>
 <a class='link' href='#'/>
 </li>
 ..........

Replace:

"#" with your featured video URL.
"http://www.youtube.com/embed/Ok2VamxrYAY" with your youtube video URL.

Configure Dropdown Menu:

<nav class='primary'>
<ul class='sf-menu' id='topnav'>
 <li><a href='#'><span class='right'>Home</span></a></li>
 <li><a href='#'><span class='right'>Portfolio</span></a>
<ul class='sub-menu'>
 <li><a href='#'><span class='right'>Portfolio 1 col</span></a></li>
 ..........

Replace "#" with your menu item URL.

Configure Page Navigation Widget:

search for:

var posts=9, // Number of posts in each page
    num=2, // Number of buttons will display

Gadgets for Blogger Dynamic Views

noreply@blogger.com (Unknown) — Mon, 24 Dec 2012 23:44:00 -0800

Blogger has introduced 6 awesome Gadgets for the Dynamic Views/Dynamic View

Templates. The Widgets appear as a Floating Dock and expands when the user

hovers over it. These Gadgets matches up with the look and feel of the CSS3 powered

Dynamic Views.

These are the list of Gadgets that Blogger has added to Dynamic Views

Blog Archive
Followers
Labels
Profile
Link List
Subscribe

You would already be familiar with the first 5 gadgets, but these are pretty different from the normal

Gadgets. These are interactive and open up when the user hovers over the dock thereby saving

some valuable space. The last gadget in the list(Subscribe) is a new Dynamic View Gadget which

would be shown if you have added the Follow by Email or Subscription Gadget.

How to add these Gadgets to Dynamic Views ?

You just have to go to the Layout Page and add these Gadgets as you normally do. The docked gadgets

will appear on your Dynamic view template or on your Blog’s Dynamic View .

I’m not using a Dynamic View Template, but you can see the new Gadgets in action on my Blog’s

Dynamic View Pages. You can check out the demo at

http://computersexpertise.blogspot.com/view

If you want to see how these would look like on your blog. just append view to your blog’s main URL.

e.g : http://computersexpertise.blogspot.com/view

If you are still new to Dynamic Views, do check out this video

Custom 404 Error Pages for Blogger

noreply@blogger.com (Unknown) — Mon, 24 Dec 2012 23:38:00 -0800

"The 404 or Not Found error message is a HTTP standard response code indicating that the client was able to communicate with the server, but the server could not find what was requested." In simple words the page that will be displayed when the actual page is not found is called a 404 Error Page. Till now Blogger’s error page was a plain old design with more of orange in it and was not customizable. Now Blogger Error pages use the same template . This would help template designers in making up custom 404 Pages.This tutorial will help you in setting up a Custom 404 page for your Blog.

By Default, your Blogger Error page will display this error message

You can Change this message to something else from the Blogger Settings.

The option is there at Settings > Search preferences > Custom Page not Found

If you want more than just a message, then we will have to fill up this text area with some HTML Code.. This is how my Error page Looks like

Instructions

Login to your Blogger account and go to the Template page and proceed to Edit HTML
Click on the Expand Widget Templates Check box so that your entire template comes up

Now Look for </head> and immediately before that paste this snippet

<b:if cond='data:blog.pageType == "error_page"'>
<style type="text/css">
.status-msg-wrap {
    font-size: 100%;
    margin: none;
    position: static;
    width: 100%;
}
.status-msg-border {
    display:none
}
.status-msg-body {
    padding: none;
    position: static;
    text-align: inherit;
    width: 100%;
    z-index: auto;
}
.status-msg-wrap a {
    padding: none;
    text-decoration: inherit;
}
</style>
</b:if>

This code snippet will reset the default styling given to the Blogger Message Wrapper.

Save the template and go to a page on your blog which doesn’t exist.
You should be able to see the change now. The grey background and the border around the 404 status message would no longer be there.

Now Let’s see how we can improve the look and feel of our 404 page. I would suggest you to use inline CSS styles to improve the look and Feel of your 404 message.Here is a sample HTML template which you can paste into the text box at Search preferences> Custom Page not Found.

<h3>Your requested page was not found</h3>
<p>Sorry, we cannot find the page that you are looking for. It might have been removed, had its name changed, or is temporarily unavailable.<br/>
Please check that the Web site address is spelled correctly.</p>
<b>Other things to try:</b><br/>
<ul>
<li>Go to our <a href="/">home page</a>, and use the menus or links to navigate to a specific post.</li>
<li>
<form method="get" action="/search">
<table width="100%">
<tr>
<td><input type="text" style="width:95%;padding:2px;" value="Search this blog.." onfocus="if (this.value == &quot;Search this blog..&quot;) {this.value = &quot;&quot;}" onblur="if (this.value == &quot;&quot;) {this.value = &quot;Search this blog...&quot;;}" name="q"></td>
<td><input type="button" Value="Search"></td>
</tr>
</table>
</form>
</li>
</ul>

It will give you something similar to my 404 page.
If you are creative, you can add more stuff to the 404 pages. You can find a list of really creative 404 pages on HongKiat for inspiration

DETECTING AN ERROR PAGE

Blogger has introduced a new page type called "error_page" and you can detect it using b:if conditional tags.

The following condition checks if a page is an error page or not.

<b:if cond='data:blog.pageType == "error_page"'>
This is an Error Page
</b:if>

CHANGING THE ERROR PAGE TITLE

By default the title of the Blogger Error Page is your Blog Title. If you want to change it to something else, you can Edit your template and change

<title><data:blog.pageTitle/></title>

<b:if cond='data:blog.pageType == "error_page"'>
<title>Page Not Found</title>
<b:else/>
<title><data:blog.pageTitle/></title>
</b:if>

If you are using my Title Tag Hack or derivatives of that available on the internet, then you will have to change

<!-- Start www.bloggerplugins.org: Changing the Blogger Title Tag -->
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<title><data:blog.pageTitle/></title>
<b:else/>
<title><data:blog.pageName/><b:if cond='data:blog.pageName'> - </b:if><data:blog.title/></title>
</b:if>
<!-- End www.bloggerplugins.org: Changing the Blogger Title Tag –>

<!-- Start www.bloggerplugins.org: Changing the Blogger Title Tag -->
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<title><data:blog.pageTitle/></title>
<b:else/>
<b:if cond='data:blog.pageType == "error_page"'>
<title>Page Not Found</title>
<b:else/>
<title><data:blog.pageName/><b:if cond='data:blog.pageName'> - </b:if><data:blog.title/></title>
</b:if>
</b:if>
<!-- End www.bloggerplugins.org: Changing the Blogger Title Tag –>

As I always say, if you get into troubles, you can use the comment form , Forum or our Facebook Wall :)

I’m sure that this is the first tutorial on Blogger 404 Pages on the Internet. Do share and keep us live :D

Add Meta Description Tags to Blogger

noreply@blogger.com (Unknown) — Mon, 24 Dec 2012 23:32:00 -0800

Add Meta Description Tags to Blogger

Meta Tags are HTML elements used to provide structured metadata about a web page. Such tags are placed in the head section of an HTML document and Search Engines might use this data to display the search snippet when they display a page from your blog. Most of the Social Sharing Tools like the Facebook Share or the Google Plus buttons will pick up this meta description to create the snippet which gets shared to the Social Networks.

How to add Meta Description Tags

Blogger has rolled out an array of SEO features and now adding Meta Tags has become so easy. You can do it easily from the Blogger’s User Interface without doing much of Template Editing or pulling your hair. So here is how to do it

Go to Settings > Search Settings and Enable Meta Tags. In the Text area give a 150 character description which will describe your Blog. This text might be used by Search engines when your Blog’s home page is displayed on Search Engines. Here is the snippet that I have given “Blogger Widgets provides you the best quality blogger tutorials.It also provides you with free blogger widgets and gadgets to build a better blog.”
Now when you make a Post, you can set the Meta Description from the Post Editor’s Post Settings Sidebar.
You can always edit the Search Description for existing posts as well
If you are having a custom template, make sure that the following line of code is present in your template. To do that go to Templateand Proceed to Edit HTML . Find
```
<b:include data='blog' name='all-head-content'/>
```
If it's not present, add it just before </head>
That's It you have done it.

Redirect one page to another in Blogger

noreply@blogger.com (Unknown) — Mon, 24 Dec 2012 04:10:00 -0800

Blogger has launched an Array of Search Engine related features and one of them is the ability to create Custom Redirects. Technically Blogger allows you to create 302 Redirects which are used to specify that the Web Page has temporarily moved to a new location.

What is a redirect ?

A visitor coming to a particular web address is redirected to another web address. This process is called Redirect. Blogger allows you to create Internal Redirects which means that you will be able to redirect the user coming to a particular URL on your blog to another URL on your Blog.

When are Blogger Redirects Useful?

Consider a situation where a page on your Blog was really popular and later you decided to delete it for some reason. Since that page is popular, references to that URL might be there at multiple Blogs/Websites which linked to you. The users coming to that popular URL will now be greeted with a 404 Page not Found Error. You might be loosing some potential readers/subscribers here. One way of resolving this would be to redirect the guy to some other relevant page. This is exactly what Blogger’s Custom Redirects do.

You can also use the Blogger Redirection Tool to create short links. For example you might want to redirect yourblog.blogspot.com/yourname to your contact page. You can do that easily using the Blogger’s Redirect Tool.

How to add Redirects?

I will describe this using an Example. I had a post about Meta Tags on my Blog. This entry was made some 4 years back and when Blogger launched the new Search Options, it became irrelevant. So I just deleted that post and made a new entry in my Blog with the new details. Now the visitors coming to that 4 year old URL from various sources would be greeted with a 404 error. I don’t want that to happen but I need that user to be sent to my new Blog Post.

1.To do a Redirect you should have 2 URLs. The first one is the URL which should be redirected to the target. The target is the second URL where the user should be redirected to.

2.The second thing that you have to do is to get the relative paths of these URLs.e.g.: The relative path to http://www.bloggerplugins.org/2008/06/meta-tags-for-blogger-blogspot.html is /2008/06/meta-tags-for-blogger-blogspot.html . You might have already figured out that you should remove your Blog’s home page URL from the URL to get the relative path. You should also make sure that the Relative path starts with a slash (/)

3.Similarly you have to figure out the relative path to the Target URL. I opted for /2012/03/add-meta-description-tags-to-blogger.html

4.Once you have got these 2 Relative paths, you can do the Redirect at Settings > Search Preferences > Errors & Redirects > Custom Redirects Add the From and To Fields there and click on the Save link and then on the Save Settings Button

5.You can add more Redirects in a similar way.

Demo

Check out the following URLs and see how these get redirected

1.A Post which is no longer there http://www.bloggerplugins.org/2008/06/meta-tags-for-blogger-blogspot.html

2.A Custom Short URL that I made http://www.bloggerplugins.org/contact

Both of these URLs will get redirected to a different page instead of showing a 404 Page.

Custom Permalinks for Blogger Posts

noreply@blogger.com (Unknown) — Mon, 24 Dec 2012 03:55:00 -0800

A permalink (or permanent link) is a URL that points to a specific blog entry after it has passed from the front page to the archives.Blogger generates this permanent link based on your post title(If the title is in English). For example if your post title is “Hello World”, the blog post’s permalink would be something like http://yourblog.blogspot.com/2012/06/hello-world.html Till date Blogger never allowed the user to control what the permalink should be but it rather assigned a permalink on it’s own.

This has now changed and Blogger now allows YOU to decide what the permalink of your new post should be.

This feature is currently available in Blogger’s Draft Version. So if you would like to check it out, head straight over to http://draft.blogger.com and create a new post. In the post options you will see a permalink option.

If you select the “Automatic URL” (the default option), then Blogger will generate the permalink on it’s own. If you want to specify a custom URL, opt for the “Custom URL” option and you can enter your custom post permalink over there. It will allow you to enter alphabets, hyphens and underscores. It will just ignore underscores. So I just used a combination of hyphens and alphabets to create my post permalink

The Final Permalink will be something like

http://yourblogaddress/yyyy/mm/the custom URL that you specified

In my case it came to something like

http://myblog.blogspot.com/yyyy/mm/custom-permanent-link.html

Blogger doesn’t allow you to modify the Permalinks of old posts but you can make use of this new feature on your new posts There seems to be no limit to the length of this Custom URL at the moment but Blogger might impose some length limit in future.

Sunrise Blogger Template

noreply@blogger.com (Unknown) — Mon, 24 Dec 2012 03:49:00 -0800

Demo Download

Template name : Sunrise

Platform: Blogger / Blogspot

Release date : December 2012

Author : www.soratemplates.com

Template features : Wordpress Look, 3 Columns, Right Sidebar, 3 Columns Footer, Music, Featured Content Slider, Fixed Width, Dark Background, Dropdown Menu.

License : Creative Commons Attribution 3.0

Basic Instructions : How to install a Blogger Template

Configure Featured Content Slider:

<li class='jcarousel-item-1 odd'> 
<div class='views-field views-field-field-portfolio-image'>
<div class='field-content'><a href='#'><img src='/image.jpg'/></a></div></div> 
 <div class='views-field-title'>Aenean sodales dapibus.</div>
 <div class='clearfix'>
 <div class='button'><a href='#'>more</a></div>
 </div>
 </div>
 </div></span>
 </div>
</li>
 ..........

 ..........

Replace:
"image.jpg" with your slider image.

Configure Dropdown Menu:

<ul class='sf-menu' id='superfish-1'>
 <li><a href='#'>Events</a></li>
 <li><a href='#'>Artists</a></li>
 <li><a href='#'>About us</a></li>
 <li><a href='#'>Gallery</a>
 <ul>
 <li><a href='#'>Gallery 1 col</a></li>
 <li><a href='#'>Gallery 2 cols</a></li>
 ..........

Replace "#" with your menu item URL.

How to Install Windows 8 in 7 Simple Steps

noreply@blogger.com (Unknown) — Mon, 24 Dec 2012 03:37:00 -0800

Step 1: Ingredients

Before you can get the first taste of Windows 8, you’ll need to gather the following ingredients: 1 PC; Internet connection; 1 blank DVD; 1 DVD burner; M&Ms or candy of choice.
Step 2: Backup your Files

Before you install Windows 8, back up all your files using Dropbox or your backup method of choice.

Tip
Backup your files to Dropbox to make sure that all of your personal files, documents, and photos stay secure during your upgrade.
Step 3: Using the Windows 8 Upgrade Assistant

Using the Windows 8 Upgrade Assistant, you’ll be prompted to check for compatibility. After you click on the Download Pro link, you’ll have the option to download a small “stub” installer. This little 5 MB file will run a compatibility check on your computer to tell you which programs will and won’t work with Windows 8.

When the check is complete, you’ll be prompted to review and decide what to keep. Since this is a new installation, not an upgrade to Windows 8, start your Windows 8 experience fresh, without any files from your current OS.

The Upgrade Assistant will recommend the version of Windows 8 that fits your PC. Select the version that is recommended as compatible. Isn’t it nice to know that there’s a good match?

Take Note
These steps guide you on how to install Windows 8 from a Windows platform (not from MS-DOS.)
Step 4: Purchase

Time to pay up. Simply fill in your billing information and select a payment method. Once payment is complete, you’ll be given a product key. Make sure to write this down, you’ll need it later. (Don’t worry if you forget, it’ll also be sent to your inbox.)

Tip
Don’t forget to write down your product key and keep it in a safe place. You’ll need it during the install.

After your order is complete, the Windows 8 download will start, and the fun begins.
- Step 5: Download and Burn
  
  A few more clicks and you’ll be in the new world of Windows 8. When asked how you want to install Windows 8, we recommend you choose, “Install later by creating Media”. You’ll then be asked which media to use. Here, we recommend you go with an ISO file (later, you’ll burn this to the DVD.)
  
  Save the ISO file. Once you click save, the ISO download will begin. Now you’re really cooking. After the file is downloaded, insert a recordable DVD into your disc drive, and go to the location where you saved the download. Right click on the .iso file you downloaded, and then click “Burn disc image.” Check the “Verify disc after burning” check box and click "Burn".
  
  Tip
  Check the “Verify disc after burning” check box and click Burn. It may take a few minutes until the burn is completed.
  
  It may take a few minutes until the burn is completed. Time to make a cup of coffee (or bake a cake.)
- Step 6: Starting the installation
  
  To start the installation, put the disc containing the Windows 8 image into your computer drive. You’ll be prompted to enter the product key you wrote down earlier. On the next screen, we recommend selecting “get updates” to ensure you’re getting the latest version of Windows 8.
  
  You’ll need to enter the product key again and click “Next”. Aren’t you glad you wrote it down?
  
  Read the License Terms, check the “I accept” box, and press “Next”. We know this part can be boring and you'll be tempted to just accept it without reading. Most people probably skip it. But we checked with our lawyers and they told us we must tell you to read it, so please do. Thanks.
  
  Now it’s time to choose what to keep. Make your selection, and then on the next screen click “Install”. This will also take a while - time for those M&Ms (or whichever candy you chose.)
- After the install is complete, your PC will restart automatically.
- Step 7: Personalization
  
  Now it’s time to personalize the Start screen. Choose a color and a name for your PC. If you’d rather keep it simple, select the express settings option. You can always add personal touches later.
  
  You’ll be prompted to Sign in to your PC with your Microsoft Live ID. If you already have a Microsoft Live ID account, you can enter your email address to link to your current account. If you don’t have a Microsoft Live ID account yet you can sign in without one.
  
  After the PC is finished finalizing your settings, you’ll be set to start Windows 8. Congratulations! You’ve installed Windows 8.
- All Done!
  
  Now that you’ve got Windows 8 we recommend that you install Soluto to make your Windows 8 experience even better (Ok, we might be a little bit biased.) With Soluto you can bring back the start button, and choose whether to boot straight into the Windows 8 start screen or stick with classic desktop mode.

Wilderness Blogger Template

noreply@blogger.com (Unknown) — Sat, 10 Nov 2012 20:25:00 -0800

Demo Download

Template name : Wilderness

Platform: Blogger / Blogspot

Release date : November 2012

Author : www.soratemplates.com

Designer : www.devilcantburn.com

Template features : Wordpress Look, 2 Columns, Right Sidebar, 3D Slider, Fixed Width, paper-wood background, Dropdown Menu, Page Navigation Widget.

License : Creative Commons Attribution 3.0

Basic Instructions : How to install a Blogger Template

Configure Featured Content Slider:

<div id='slider_wrapper'>

 <div class='marg_0_0_20_0' id='sliderCss3d'>

 <img alt='Slider 1' data-transition='{&quot;effect&quot;: &quot;blindsVertical&quot;, &quot;slices&quot;: 6, &quot;animSpeed&quot;: 1400, &quot;delay&quot;: 100, &quot;delayDir&quot;: &quot;fromCentre&quot;, &quot;easing&quot;: &quot;easeInCubic&quot;, &quot;depthOffset&quot;: 800, &quot;sliceGap&quot;: 5}' src='/slider.jpg'/>

 ..........

Replace:
"image.jpg" with your slider image.

Configure Dropdown Menu:

<ul class='menu' id='menu'>

 <li><a href='#'>Home</a></li>

 <li><a href='#'>Fullwidth page</a></li>

 <ul class='sub-menu'>

  <li><a href='#'>Buttons</a></li>

  <li><a href='#'>Google Map</a></li>

 ..........

Replace "#" with your menu item URL.

Configure Page Navigation Widget:

search for:

var posts=3, // Number of posts in each page

    num=2, // Number of buttons will display

How to change Author Section:

Find this:

<h4>About the author</h4>

 <div id='author-info'>

 <div id='author-image'>

 <a href='#'><img height='80' src='/avatar.png' width='80'/></a>

</div>

<div id='author-bio'>

<h5>Admin</h5>

Donec non enim in turpis pulvinar facilisis. Ut felis. Praesent dapibus, neque id cursus faucibus. Aenean fermentum, eget tincidunt.

</div>

A more dynamic mobile reading experience for Blogger User

noreply@blogger.com (Unknown) — Mon, 3 Sep 2012 20:55:00 -0700

Last year we introduced mobile templates on Blogger, and Dynamic Views for the desktop. Since then, over 2 million blogs have started using Dynamic Views on desktop, and users have asked us for more mobile features. So today, we’re bringing the speed and advanced reading experience of Dynamic Views to mobile. Configuring your blog to use a Dynamic View on mobile will result in a reading experience that mirrors the desktop, but is optimized for mobile.

To configure a Dynamic View for mobile on your blog, select the "Template" tab, and then click on the settings cog under the “Mobile” preview.

If you’re currently using Dynamic Views on the desktop and have the “Default” mobile template selected, you don’t need to do anything -- your blog will automatically start using the mobile optimized view when viewed from a compatible mobile browser. For more information, see Blogger Help.

Currently, only the “Classic” view, which is best suited for small screens, will be shown on mobile. Tablets with large screens will get the full desktop experience. As with the older mobile templates, supported browsers are WebKit-based browsers (such as Android Browser, Chrome for Android and iOS, and Mobile Safari).

We hope your readers enjoy the modern, compelling experience that this mobile update provides.

Socialize and grow your blog with Google+

noreply@blogger.com (Unknown) — Wed, 1 Aug 2012 09:04:00 -0700

Blogger lets you share your thoughts, grow your readership, and engage with your audience. But we want to make Blogger even better by letting you tap into the growing Google+ community. Today, we’re adding a new “Google+” tab in the Blogger dashboard, so you now have a central place to start growing your blog with Google+. This means you can now:

Connect your blog to a Google+ profile or page
If you blog under your own name, you’ve already been able to associate your blog with your personal Google+ profile. Starting today, you can now connect your blog to a Google+ page for your brand, business or organization.

Notify followers when you publish, and let them recommend your content
Each time you post on your blog, we'll show you a Google+ share box to let you notify followers that you have new blog content. If they like what you share, followers can +1 or reshare your post to their own friends on Google+. This ripple effect exposes links to your content to a wider audience.

Build enduring connections with your audience
Adding the Google+ gadget to your blog makes it easy for people to add your profile or page to their circles when they like something you’ve published. Forming connections with readers that last after they've left your blog is essential.

To get started, click the “Google+” tab in the Blogger dashboard and then the “Upgrade” button. If you’ve already upgraded to Google+, we’ll help you associate your blog with your profile or page.

We'll be introducing more settings on this tab in the future, so stay tuned for additional ways to get more out of Blogger with Google+. If you have questions, you can learn more in our Help Center.

Customize your posts with permalinks

noreply@blogger.com (Unknown) — Sun, 22 Jul 2012 05:56:00 -0700

Earlier this year we introduced a suite of new SEO features that help ensure your blog, posts, and images are accurately indexed so they appear correctly in search results. Today we’re happy to introduce another feature that enables you to more effectively customize your search preferences - custom permalinks.

When you write a post, Blogger automatically generates a permalink based on the title of the post. Until now, blog authors have had no control of the permalink. Custom permalinks give you more control of your blog and posts. These new custom links also provide readers with more information about your post when scanning search results.

If you prefer to use a custom permalink, you can do so via the “Permalink” option in the Post Settings box.

To create your own URL for a specific post, simply select “Custom URL”, and enter your new URL in the field below. If you wrote the post in June of 2012, your new URL will look like this:

www.nameofblog.blogspot.com/2012/06/customURL.html

The bolded area is the portion of the URL that is customizable.

If the custom permalink you entered already exists, Blogger will attempt find a free one for you.

At present, the characters allowed in a custom URL are limited to: a-z, A-Z, 0-1. The only special characters available are underscore, dash, and period.

Click here to read more about custom permalinks in the Blogger Help Center.

Happy blogging!

Customize your search preferences

noreply@blogger.com (Unknown) — Sun, 22 Jul 2012 05:54:00 -0700

Hi Bloggers.

Ensuring that your blog, posts, and images are accurately indexed so they appear correctly in search results is valuable. Today we introduced a suite of new features that enable you to more effectively customize your search preferences. Managing how your blog is viewed by search engines is an important aspect of maintaining a healthy blog, regardless of whether you’re new to blogging, or a seasoned veteran.

Here’s an overview of what we added:

The first thing you’ll notice is a new “Search preferences” option under the “Settings” tab.

Clicking it will display three sub-sections: Meta Tags, Errors and Redirections, and Crawlers and Indexing. When enabled, some of these features, such as Search Description and Custom robots header tags will also appear in the “Post settings” area of Blogger's post editor as well. For example, if you elect to create a Search Description, you may do so for your blog, and/or individual posts.

Also available is the ability to add a custom “Page Not Found” (eg. a “404”) message, and Custom Redirects for pages on your blog.

While most of the new features are located in the Settings tab, a few others can be found in the post editor. For example, we’ve introduced the ability to incorporate “alt” and “title” tags to images in your post.

Last but not least, you’ll also find a “rel=nofollow” link attribute in the link tool. Checking this box means that you don’t want this link to be considered when web crawlers are searching for information they’ll use to index your page.

While most of these features are easy to understand and use, others, such as custom robots header tags are geared toward advanced users only, hence the warning message:

Before diving in, I would encourage a quick read through the Help Center articles. They’re comprehensive, and do a great job translating some technical concepts to the layperson.

We hope you enjoy the new features. It’s all part of our effort to bring you a much improved and modernized Blogger. Next week, we’ll be holding a Hangout on our Google+ page to talk with you about your experience with these features and answer your questions. Follow us on +Blogger for details.

Happy blogging!

ShopWiki.com grows 65% in Google Affiliate Network and expands internationally

noreply@blogger.com (Unknown) — Tue, 3 Jul 2012 20:33:00 -0700

Over the past few years, Google Affiliate Network has helped advertisers and publishers grow
their businesses with the right mix of technology, service, and data insights. We’re pleased to share these stories with you on the blog every few weeks. When ShopWiki.com entered the online shopping space in 2005, they started with a simple idea: “make shopping better.” As a shopping search engine, they hoped to index everything that can be bought online and help consumers make the best purchase. With over 200,000 featured stores and domains in the US, UK, France, and Germany, ShopWiki has become a popular destination for online consumers. Their technology now crawls partner sites and organizes a wide selection of their products in one centralized place.
With global interests and ever-changing consumer needs, ShopWiki General Manager James Keating and his team search for efficient ways to scale their site and grow revenue. Since partnering with Google Affiliate Network in 2007, Keating has relied on detailed reporting and analytics to make informed decisions and drive strategy. As he explains, “Google Affiliate Network gives us rich insights into the best-converting products. We combine these insights with our own site data to automatically optimize yield for every page of our site.” As ShopWiki has grown, they have also added new advertisers and focused on strategic partnerships. Keating has kept an eye on new advertisers in Google Affiliate Network and joined their programs upon launch, building links and using the new content to better serve his site visitors. Through Google Affiliate Network’s user interface, Keating has found new relationships and tools to streamline these processes. He explains, “whenever a new advertiser joins, we are able to create and implement links right away and begin optimization from day one.” Guided by data insight and focused on new partnerships, ShopWiki has continued to grow as a publisher in Google Affiliate Network and a shopping destination on the web. In 2011, they grew their network revenue by 65% YoY, helping to spur international expansion outside of their home US market. To learn more about how James Keating and ShopWiki have established their affiliate business, check out their full case study.

Introducing Google Affiliate Ads for Blogger

noreply@blogger.com (Unknown) — Tue, 3 Jul 2012 20:30:00 -0700

Blogger is a free tool that enables anyone to publish a blog and have a voice on the web. When people share words, thoughts and photos on their blogs, they’re sharing their passions with the world. Here at Google Affiliate Network, we see that many of our publishers use Blogger, and often times they’re passionate about brands or products that they believe in. We’re excited to announce that starting today, a new gadget called Google Affiliate Ads for Blogger will be available to select U.S. Blogger users. This gadget makes it easy for Blogger users to insert an affiliate ad into a blog post and earn a commission when someone clicks the link and makes a purchase on the advertiser’s site. Watch the video below for a quick preview:

Here’s how to get started:
If you’re a Blogger user, go to the Earnings tab on Blogger and sign up for AdSense if you don’t already have an account.

Once you have an AdSense account, you may see the Google Affiliate Ads for Blogger gadget when you write a new blog post. Note that this gadget will only be available to select U.S. Blogger users whose blogs match available ad categories, so you may not immediately see the gadget even if you have an AdSense account. We’ll be sure to let you know when we expand this program to more Blogger users.

When you write a new post, you can select a relevant affiliate ad from the “Advertise Products” gadget to the right of the post editor. The ad can be a text link, a product image, or a banner.

Publish your post, and voilà! You may earn a commission when someone clicks your affiliate ad and makes a purchase.

We’re incredibly excited to make it easier for Blogger users to extend your influential relationship with your audiences by promoting the products you love. By providing an additional way to earn revenue, we want to help you keep doing what you love -- blogging.

Get started today by visiting the Google Affiliate Ads for Blogger website.

New enhancements to Google Affiliate Ads for Blogger

noreply@blogger.com (Unknown) — Mon, 2 Jul 2012 23:23:00 -0700

Back in April, we introduced Google Affiliate Ads for Blogger, a gadget that can help you earn money by adding an ad for a relevant product to a blog post and earning a commission when someone clicks on your ad and makes a purchase. We’ve received positive feedback from Blogger users and the advertisers who have made their products available through the gadget, and wanted to let you know about a couple of recent enhancements we’ve made to this gadget:

Increased availability: When this gadget first launched, you may not have been able to see the gadget even though you have an AdSense account. We’ve changed this so that all Blogger users located in the U.S. with an AdSense account have the ability to see that gadget in their post editor and can sign up to use Google AffiliateAds for Blogger. If you tried to find the “Advertise Products” gadget and didn’t see it before, try again!

More advertisers and products: The types of advertisers and products available when the gadget became available were in categories such as Department Stores, Sport and Fitness, Office Supplies, Home & Garden, and Apparel & Accessories. We’ve now added 40 more advertisers and expanded our offering to include products in the Health & Beauty, Jewelry, Flowers Edibles & Gifts, Education, and other categories.

Google Affiliate Ads for Blogger is easy to use, and is a great solution for those users interested in choosing the products and brands they want to promote in their blog posts.

Here are two examples of a Blogger user finding a relevant affiliate ad:

Get started today.

User Generated Photos in Open Graph

noreply@blogger.com (Unknown) — Fri, 29 Jun 2012 07:56:00 -0700

With the increasing number of users having access to mobile cameras, there is a growing need to be able to share and associate those user-generated photos with open graph stories. Stories with attached user-generated photos will have all of the same functionality of standard stories, but will help accentuate the photos with a larger display in Ticker, Timeline, and News Feed. You can allow your users to upload a single photo or multiple user generated photos for a single action.

User Generated photos requires additional approval before you can use it. When submitting your action for approval in the App Dashboard, be sure to check the box, "User Generated Photos".

OG Stories with User Generated Action Photos

Open Graph stories that were generated with the "user_generated" parameter will function more similarly to stories generated by stream publish. Immediately you will notice that the size of the photo associated with the story is much larger than standard open graph stories with non user-generated photos as displayed in the Timeline view below:

A similar treatment is applied to the flyout for Ticker stories as seen here:

Criteria and Behavior of User Generated Photos

While it might seem appealing to always show user-generated photos, please consider the following points:

You can only use large photos if they are original photos taken by a user with an actual camera.
As a developer, you must also request approval for using this Action Property in the App Dashboard as "User Generated Photos".
The photo must be at least 480px by 480px in size.
The photo used will NOT be taken from the object's meta data og:image tag. Instead, it is passed with the POST and can actually be a different photos than the one associated with the object.
The photo will be uploaded and placed in a Facebook photo album titled after the "App Display Name" for that app, in the format "{App Display Name} Photos".

Albums

The user-generated photo will be uploaded to a user album specially created for that app. If the album did not previously exist, it will be automatically created the first time a user-generated photo is POSTed by that app. The name of the photo album will be titled after the "App Display Name" that was in the App Dashboard settings for that app, in the format "{App Display Name} Photos".

Privacy Controls

The action which the photo is attached to, will follow the privacy settings that the user had granted to the app through the Auth Dialog. However, because the photo is also loaded into an album, that photo will follow the privacy settings of that album. Changes to one privacy setting will act independent of the other.

Specific Properties Required

You can attach a single or multiple user_generated photos when publishing a single action. Your first user_generated photo array should be zero-based. If you wish to upload additional user_generated photos, simply pass the same "url" and "user_generated=true" parameters for each additional photos, incrementing the array value.

The following fields are required:

Property Name	Value
`image[zero-based array][url]`	A fully qualified URL to the location of a single user-generated photo
`image[zero-based array][user_generated]`	Boolean

Sample Code for Multiple Photos in a Single Action

https://graph.facebook.com/me/nyccookbook:cook?
  recipe=http://www.yourdomain.com/pizza.html&
  image[0][url]=http://www.yourdomain.com/images/my_camera_pizza_pic.jpg&
  image[0][user_generated]=true&
  image[1][url]=http://www.yourdomain.com/images/my_camera_soda_pic_2.jpg&
  image[1][user_generated]=true&
  access_token=YOUR_ACCESS_TOKEN

To easily play with this feature for posting a single image, you should use the Graph Explorer and include both the image[0][url] and image[0][user_generated] properties. Then check your Activity Log to see the larger treatment of this story.

Enable Followers in Your App : Follow your friend on social (Open Graph Follows )

noreply@blogger.com (Unknown) — Fri, 29 Jun 2012 07:48:00 -0700

Today we are launching the Open Graph built-in follow action. The follow action makes it easier for people to keep tabs on the stories people tell from within your app in their News Feed, Timeline and through the notifications channel.
For example, a person can follow their favorite restaurant critic from within a food review app on Facebook.

When a person follows another person, the follower will get an entry in their Recent Activity box:

The follower will also see a notification that they followed someone in your app:

Content a person publishes within your app will be displayed in the follower's News Feed even if they aren't Facebook friends. People can control who sees what they publish through the privacy settings of the app.

Starting today we will no longer approve custom follow actions. Apps that currently use a custom follow action must migrate to use the built-in follow in the next 90 days. We have updated the Platform Roadmap to reflect this change.

To learn more about using the follow action, please see our documentation on built-in follow.

The ultra-readable & ultra-flexible Flipflop theme

noreply@blogger.com (Unknown) — Wed, 27 Jun 2012 12:11:00 -0700

VIEW LIVE DEMO PURCHASE THEME

Flipflop is a responsive, ultra-readable theme geared around news publishers. With impressive column generator functionality for posts and pages, clean, large typography, a modular homepage that can be re-arranged thanks to widget components & a featured slider Flipflop has all the tools to customize this theme for whatever niche.
Flipflop was designed by Firman Firdaus who we’ve worked with previously on other popular newspaper/magazine themes – The Journal and Blogging Stream. FlipFlop brings a modern edge to our portfolio with the current industry trend of larger type, with lots of white space for minimal distractions. Content being the king.As can be seen above, thanks to the column generator functionality that is packaged in Flipflop, and previously in the Editorial and Announcement themes, the post and page layouts are hugely flexible and ultra-readable.
Easily place column breaks using the columns button in the WYSIWYG editor, and select your layout in the FlipFlop custom settings panel.
On the theme demo we have installed our freely available WooDojo plugin to enable further functionality that has received styling in Flipflop – namely the Twitter and Instagram widgets in the sidebar and footer regions, as well as the WooTabs widget. This plugin works out the box with any theme and we strongly urge you to give it a test drive.
The post, category and author templates also sport neat, visual layouts.
Another great job by the in-house team of Mike Krapf and Matty Cohen who took Firman’s photoshop design and developed it into a slick WordPress theme that we are really proud of. We welcome constructive feedback and hope you enjoy this addition to our theme portfolio.

ComputerExpertise

eSpecial Blogger Template

Project 10 Blogger Template

Accord Blogger Template

Eclipse Blogger Template

Replay Blogger Template

FitnessMag Blogger Template

VideoBox Blogger Template

Gadgets for Blogger Dynamic Views

How to add these Gadgets to Dynamic Views ?

Custom 404 Error Pages for Blogger

Instructions

DETECTING AN ERROR PAGE

CHANGING THE ERROR PAGE TITLE

Add Meta Description Tags to Blogger

Add Meta Description Tags to Blogger

How to add Meta Description Tags

Redirect one page to another in Blogger

Custom Permalinks for Blogger Posts

Sunrise Blogger Template

How to Install Windows 8 in 7 Simple Steps

Step 1: Ingredients

Step 2: Backup your Files

Tip

Step 3: Using the Windows 8 Upgrade Assistant

Take Note

Step 4: Purchase

Tip

Step 5: Download and Burn

Tip

Step 6: Starting the installation

Step 7: Personalization

All Done!

Wilderness Blogger Template

A more dynamic mobile reading experience for Blogger User

Socialize and grow your blog with Google+

Customize your posts with permalinks

Customize your search preferences

ShopWiki.com grows 65% in Google Affiliate Network and expands internationally

Introducing Google Affiliate Ads for Blogger

New enhancements to Google Affiliate Ads for Blogger

User Generated Photos in Open Graph

OG Stories with User Generated Action Photos

Criteria and Behavior of User Generated Photos

Albums

Privacy Controls

Specific Properties Required

Sample Code for Multiple Photos in a Single Action

Enable Followers in Your App : Follow your friend on social (Open Graph Follows )

The ultra-readable & ultra-flexible Flipflop theme