Google’s Blogger adds seven new Dynamic ways to build a blog

 

Blogger is starting to look like it could take on WordPress.

Built with the latest in web technology (AJAX, HTML5 and CSS3), Dynamic Views is a unique browsing experience that will inspire your readers to explore your blog in new ways. The interactive layouts make it easier for readers to enjoy and discover your posts, loading 40 percent faster than traditional templates and bringing older entries to the surface so they seem fresh again.

Infinite scrolling and a bunch of other fun stuff awaits.

Google Adds 5 New Dynamic Templates to Blogspot Blogs Viewers

If you’re blogging through the free blogspot platfrom by Google, then you might have experienced new changes over the past weeks. They have redesigned the blogspot dashboard, also now Google has added 5 new dynamic templates for blogspot blogs. Google says ” people can previewing five new templates in Blogger and they will soon be available in a wider launch. Also it adds, the new template views use the latest web technology, including AJAX, HTML5, and CSS3. The new template views include Mosaic, Flipcard, sidebar, and Timeslide.

What are the benefits of these 5 dynamic templates ?

SEO for Nice People

Blogger and developer Matt Gemmell has gazed into the dark side of of search engine optimization (SEO), and while he understands the value of having your personal site, your blog, or your company's web site rank well in search results, he's not willing to sell his soul to do it. Instead, he's written a simple guide to SEO for non-dicks.

Related Posts Widget with Thumbnails for Blogger

Related Posts Widget with Thumbnails for Blogger

Here are the detailed steps to install the related posts widget for blogger with thumbnails


1.First of all Login to your blogger dashboard and navigate to Layout > Edit HTML and check the "Expand Widget Templates" check box

5 Pains To Become a Professional Blogger

“Professional blogging” the word which makes any internet user drool for has few dark secrets which is invisible to common wisdom. Work from home, work at convenient timings, watch live cricket matches, full time FaceBook and Twitter access, lump sum payouts, less expenditure all these might look make professional blogging pretty cool and fun to be in. But there are few crucial things which many newbies fail to realize or refuse to accept when it comes to professional blogging. And jumping in to pro blogging before knowing the hard work, pain, skills which all top bloggers have taken can be immensely painful. I have been through it and so I wish it doesn’t happen to you. So simply read through ..

Professional Blogging needs sweat dripping hard work

Yes I mean it. Read again. “Sweat dripping hard work”. Working 10-14 hours a day is what the pros of today have done in the past and that is what got them here right now.If you want to be a rich then you have to do the same things which rich people did “before getting rich” .

Professional Blogging will leave you completely blogged out

There will be a time when you will blankly stare out of the window seeking out for help. You will feel whether you are made for this job or not. Your subconscious may tempt to go for a normal squared shape jobs. Be patient. Go for a vacation. I bet you will be fine.

Professional Blogging doesn’t guarantee success

Not all have hit the opera level through pro blogging few just earn enough money to pay the bills while few earn money to make a trip around the world. It is not just a matter of skills but it is also a matter of luck.

Professional Blogging needs a business mindset

If you don’t treat your blog like a business and you don’t have a business model based around your blog then you are destines for failure. Meet any problogger in your industry and check what they are doing you will realize that all have a well chalked out business plan and that is what needed. If you are not of the business type and more in to research and stuff then problogging is not be for you.

Professional Blogging needs “Passion, Patience and Consistency”

Yes all THREE of them together not 1 of them neither 2 of those adjectives. All pro bloggers are passionate about their work they feel pumped when they wake up, they stick to their tasks even though the results are not evident and they have impeccable blog post frequency. If you miss even one of these you are doomed to failure.I am not a professional blogger but I very well know the harsh realities newbies go through because the “effort needed to become a professional blogger is underrated”.This is a Guest Post written by Kothapally Arun, he is a SEO at a iPhone App Development Company. You can also contribute Guest post on Madras Geek. Check out the Guidelines.

How to Add Related Posts Widget with Thumbnails for Blogger

Related Posts Widget with Thumbnails for Blogger

Here are the detailed steps to install the related posts widget for blogger with thumbnails

1.First of all Login to your blogger dashboard and navigate to Layout > Edit HTML and check the "Expand Widget Templates" check box

2.Now look for
</head>

and replace it with <!--Related Posts with thumbnails Scripts and Styles Start-->
<!-- remove --><b:if cond='data:blog.pageType == "item"'>
<style type="text/css">
#related-posts {
float:center;
text-transform:none;
height:100%;
min-height:100%;
padding-top:5px;
padding-left:5px;
}
#related-posts h2{
font-size: 1.6em;
font-weight: bold;
color: black;
font-family: Georgia, “Times New Roman”, Times, serif;
margin-bottom: 0.75em;
margin-top: 0em;
padding-top: 0em;
}
#related-posts a{
color:black;
}
#related-posts a:hover{
color:black;
}
#related-posts  a:hover {
background-color:#d4eaf2;
}
</style>
<script type='text/javascript'>
var defaultnoimage="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJd4-dAiub76eaqNUAk-V49kZz_xKYD0uiwfcJAE0l53mrSNNvWQ_p_6S7QradmNmYH00XKnbueRUv8Klas2Lcw07_jDA8l20xM9O4xeswums9zxeUWMj-KbMEYLEuVGY7uB1APwinnbU/s400/noimage.png";
var maxresults=5;
var splittercolor="#d4eaf2";
var relatedpoststitle="Related Posts";
</script>
<script src='http://blogergadgets.googlecode.com/files/related-posts-with-thumbnails-for-blogger-pro.js' type='text/javascript'/>
<!-- remove --></b:if>
<!--Related Posts with thumbnails Scripts and Styles End-->
</head>

3.Now Find

<div class='post-footer-line post-footer-line-1'>

If you cant find it then try finding this one

<p class='post-footer-line post-footer-line-1'>

Now immediately after any of these lines(whichever you could find) place this code snippet

<!-- Related Posts with Thumbnails Code Start-->
<!-- remove --><b:if cond='data:blog.pageType == "item"'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != "true"'>
</b:if>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels_thumbs&max-results=6"' type='text/javascript'/></b:loop>
<script type='text/javascript'>
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs("<data:post.url/>");
</script>
</div><div style='clear:both'/>
<!-- remove --></b:if>
<b:if cond='data:blog.url == data:blog.homepageUrl'><b:if cond='data:post.isFirstPost'>
<a href='http://www.bloggerplugins.org/2009/08/related-posts-thumbnails-blogger-widget.html'><img style="border: 0" alt="Related Posts Widget For Blogger with Thumbnails" src="http://image.bloggerplugins.org/blogger-widgets.png" /></a><a href='http://bloggertemplates.bloggerplugins.org/' ><img style="border: 0" alt="Blogger Templates" src="http://image.bloggerplugins.org/blogger-templates.png" /></a>
</b:if></b:if>
<!-- Related Posts with Thumbnails Code End-->


4.You can adjust the maximum number of related posts being displayed by editing this line in the code.
var maxresults=5;

5.To edit the title of the widget you can change this line of code

var relatedpoststitle="Related Posts";

6.To change the default thumbnail, you can edit this line of code

var defaultnoimage="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJd4-dAiub76eaqNUAk-V49kZz_xKYD0uiwfcJAE0l53mrSNNvWQ_p_6S7QradmNmYH00XKnbueRUv8Klas2Lcw07_jDA8l20xM9O4xeswums9zxeUWMj-KbMEYLEuVGY7uB1APwinnbU/s400/noimage.png";

7.To Change the Colour of the Splitter Line , edit

var splittercolor="#d4eaf2";

To change the other colours and all you will have to modify the CSS
If you fall into troubles implementing this,don't panic.. :) .just leave me a comment here and i will help you out. If you like to give me any suggestions on how to improve this widget,then it would be really great.
How to display the related posts on every page and not only on the post pages?
Just remove the two lines starting with from both step 3 and step 2.
that is lines
 
<!-- remove --><b:if cond='data:blog.pageType == "item"'>

and

<!-- remove --></b:if>