Every 1 Posts | Best All Techonolgy : blogger issues

<div style="color: #333333; font-family: Lora, Georgia, 'Times New Roman', Times; font-size: 16px; line-height: 25px; text-align: justify;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5zBhaBBGFWYlvcIcLHz4q8EAdpp5qvQ-bUkhWGQlYACI2ItfzCYuO50o_ecoJ0_cYLzMfTF_bXNkDEYPqTSKYETBUdSM4DVg6lmVy5v6xoQ86r3wUS_NKW19wa1olUgMODMjX-OGwB2E/s1600/google+-comments-to-blogger.jpg" style="clear: left; color: #349ecb; float: left; margin-bottom: 1em; margin-right: 1em; text-decoration: none;"><img alt="Google+ comments in blogger" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5zBhaBBGFWYlvcIcLHz4q8EAdpp5qvQ-bUkhWGQlYACI2ItfzCYuO50o_ecoJ0_cYLzMfTF_bXNkDEYPqTSKYETBUdSM4DVg6lmVy5v6xoQ86r3wUS_NKW19wa1olUgMODMjX-OGwB2E/s1600/google+-comments-to-blogger.jpg" style="border: none; height: auto; max-width: 100%;" title="" /></a>Google has rolled out a new improvement toBlogger commenting system by allowing blogger users to integrate Google+ comments with blogger. This is a major improvement by G+ team and will definitely help blogger users. Now you can have all comments in one place. This is one more indication from Google towards its social network's future, now you can have more comments on your posts after embedding G+ comments to your blog. Enabling G+ comments on blogger is super easy and you don't need to go anywhere or install any extra script. All you can do it straight from your blogger dashboard. But I'm here with snap shoots, which will help you quickly integrate G+ comments with Blogger comments. This comment feature has many benefits which we'll later on discuss on this post, but first we need to learn how to easily embed G+ comments in Blogger. Let's start it.</div>
<div style="color: #333333; font-family: Lora, Georgia, 'Times New Roman', Times; font-size: 16px; line-height: 25px; margin-bottom: 14px; padding: 0px;">
<span id="more-87"></span></div>
<h3 style="background: rgb(17, 17, 17) !important; border: 2px dashed rgb(52, 158, 203); color: rgb(52, 158, 203) !important; font-family: 'Yanone Kaffeesatz', sans-serif !important; font-size: 27px; font-weight: normal; line-height: 1.25; margin: 20px 0px 10px; padding: 5px 10px; text-shadow: rgb(0, 0, 0) 1px 2px 9px; word-spacing: 5px;">
How to Bring Google+ Comments to Blog?</h3>
<div style="color: #333333; font-family: Lora, Georgia, 'Times New Roman', Times; font-size: 16px; line-height: 25px; text-align: justify;">
In order to display Google+ comments along with blogger comments, you first need to connect your Google+ profile with blogger, however, this job is done by almost everyone. Now you are seeing a separate G+ link to each of your blog and you need to just click that link as showing in below picture:</div>
<div class="separator" style="clear: both; color: #333333; font-family: Lora, Georgia, 'Times New Roman', Times; font-size: 16px; line-height: 25px; text-align: center;">
</div>
<div style="color: #333333; font-family: Lora, Georgia, 'Times New Roman', Times; font-size: 16px; line-height: 25px; text-align: justify;">
</div>
<div class="separator" style="clear: both; color: #333333; font-family: Lora, Georgia, 'Times New Roman', Times; font-size: 16px; line-height: 25px; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgJ3FeXskHSls30Az5L0Vegm3qr-VMKR0e3ZFdA5v2NDP2kw-VNrNtZL8PTZ4e0zbq31KCpjHfundqqAjn0PABdzG2QkFWGhJv4DrhGvI0CELxj6nb73Y9Eo3TQCZwZRIJDQu1_qGr6M4/s1600/Google+-comments-for-blogger.jpg" style="color: #349ecb; margin-left: 1em; margin-right: 1em; text-decoration: none;"><img alt="" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgJ3FeXskHSls30Az5L0Vegm3qr-VMKR0e3ZFdA5v2NDP2kw-VNrNtZL8PTZ4e0zbq31KCpjHfundqqAjn0PABdzG2QkFWGhJv4DrhGvI0CELxj6nb73Y9Eo3TQCZwZRIJDQu1_qGr6M4/s1600/Google+-comments-for-blogger.jpg" style="border: none; height: auto; max-width: 100%;" /></a></div>
<div style="color: #333333; font-family: Lora, Georgia, 'Times New Roman', Times; font-size: 16px; line-height: 25px; margin-bottom: 14px; padding: 0px;">
After clicking the "<b>Google+</b>" link which is available in each of your blog, you should be here on below page:</div>
<div class="separator" style="clear: both; color: #333333; font-family: Lora, Georgia, 'Times New Roman', Times; font-size: 16px; line-height: 25px; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1erQtmjl15hu2XzcYp1UFLI_pqsRR8bm0AjyeFNzYhnqY4CfZA6Iy_lcusNr6HdQulDxDYjynGNuKGt15goUDT0wT8If3zdCh7HT4h62FkGNayPQ08-LO50u10dZmha7wrPo7b678j0o/s1600/google%252B-comments-for-blogger1.jpg" style="color: #349ecb; margin-left: 1em; margin-right: 1em; text-decoration: none;"><img alt="" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1erQtmjl15hu2XzcYp1UFLI_pqsRR8bm0AjyeFNzYhnqY4CfZA6Iy_lcusNr6HdQulDxDYjynGNuKGt15goUDT0wT8If3zdCh7HT4h62FkGNayPQ08-LO50u10dZmha7wrPo7b678j0o/s1600/google%252B-comments-for-blogger1.jpg" style="border: none; height: auto; max-width: 100%;" /></a></div>
<div style="color: #333333; font-family: Lora, Georgia, 'Times New Roman', Times; font-size: 16px; line-height: 25px; margin-bottom: 14px; padding: 0px;">
Now in above page you can see the "<b>Use Google+ Comments on this Blog"</b> line where you need to just thick the check box as I've highlighted it with red color, Having checked that, Google+ comments will be automatically added to blogger comments. And now your blog will be having two commenting systems like below image:</div>
<div class="separator" style="clear: both; color: #333333; font-family: Lora, Georgia, 'Times New Roman', Times; font-size: 16px; line-height: 25px; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjB7Xw-w-fqoQ1M15yjZp1WaWdKmUTbotF_3sFGuFA2ETBIeBpl035ePqx_S0oNiiAcBwOwV3PdhNpAvhaeiYo02rVn5JB8oKonejWoo-5DiNNXvP21fE9dgDYoKOWESgpjfAtrqGvzWm4/s1600/Google%252B-comments-on-blogger2.jpg" style="color: #349ecb; margin-left: 1em; margin-right: 1em; text-decoration: none;"><img alt="" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjB7Xw-w-fqoQ1M15yjZp1WaWdKmUTbotF_3sFGuFA2ETBIeBpl035ePqx_S0oNiiAcBwOwV3PdhNpAvhaeiYo02rVn5JB8oKonejWoo-5DiNNXvP21fE9dgDYoKOWESgpjfAtrqGvzWm4/s1600/Google%252B-comments-on-blogger2.jpg" style="border: none; height: auto; max-width: 100%;" /></a></div>
<div style="color: #333333; font-family: Lora, Georgia, 'Times New Roman', Times; font-size: 16px; line-height: 25px; text-align: justify;">
In screen shoot above you can observe that the blogger comments are showing up below and the Google+ new comment form is also showing above. So people with Google+ profile will be able to comment on your blog directly from their G+ profiles, and they will also be able to share these comments with their circles on G+. This is very interesting contest now.</div>
<h3 style="background: rgb(17, 17, 17) !important; border: 2px dashed rgb(52, 158, 203); color: rgb(52, 158, 203) !important; font-family: 'Yanone Kaffeesatz', sans-serif !important; font-size: 27px; font-weight: normal; line-height: 1.25; margin: 20px 0px 10px; padding: 5px 10px; text-shadow: rgb(0, 0, 0) 1px 2px 9px; word-spacing: 5px;">
Benefits of having these features together?</h3>
<div style="color: #333333; font-family: Lora, Georgia, 'Times New Roman', Times; font-size: 16px; line-height: 25px; margin-bottom: 14px; padding: 0px;">
There are many benefits of these two commenting systems such as:</div>
<ul style="color: #333333; font-family: Lora, Georgia, 'Times New Roman', Times; font-size: 16px; line-height: 25px; margin: 0px; padding: 0px 0px 20px;">
<li style="background-attachment: initial; background-clip: initial; background-image: url(http://www.bestbloggercafe.com/wp-content/themes/focus/images/brown/icon-right.png); background-origin: initial; background-position: 2px 7px; background-repeat: no-repeat; background-size: initial; list-style-type: none; margin: 0px 0px 5px 20px; padding: 0px 0px 0px 20px;">Visitors will be able to comment from G+ profile and also share their comments on G+</li>
<li style="background-attachment: initial; background-clip: initial; background-image: url(http://www.bestbloggercafe.com/wp-content/themes/focus/images/brown/icon-right.png); background-origin: initial; background-position: 2px 7px; background-repeat: no-repeat; background-size: initial; list-style-type: none; margin: 0px 0px 5px 20px; padding: 0px 0px 0px 20px;">Visitors can take the discussion to G+ and discuss there with their circles</li>
<li style="background-attachment: initial; background-clip: initial; background-image: url(http://www.bestbloggercafe.com/wp-content/themes/focus/images/brown/icon-right.png); background-origin: initial; background-position: 2px 7px; background-repeat: no-repeat; background-size: initial; list-style-type: none; margin: 0px 0px 5px 20px; padding: 0px 0px 0px 20px;">If a post is shared on G+ and that gets comments on G+, these comments will also appear in blogger</li>
<li style="background-attachment: initial; background-clip: initial; background-image: url(http://www.bestbloggercafe.com/wp-content/themes/focus/images/brown/icon-right.png); background-origin: initial; background-position: 2px 7px; background-repeat: no-repeat; background-size: initial; list-style-type: none; margin: 0px 0px 5px 20px; padding: 0px 0px 0px 20px;">More people will see your blog posts on G+ and you'll get more traffic</li>
<li style="background-attachment: initial; background-clip: initial; background-image: url(http://www.bestbloggercafe.com/wp-content/themes/focus/images/brown/icon-right.png); background-origin: initial; background-position: 2px 7px; background-repeat: no-repeat; background-size: initial; list-style-type: none; margin: 0px 0px 5px 20px; padding: 0px 0px 0px 20px;">Google+ and Blogger users will be more closely engaged</li>
</ul>
<div style="color: #333333; font-family: Lora, Georgia, 'Times New Roman', Times; font-size: 16px; line-height: 25px;">
<b><span style="font-size: medium;">Some Warnings: </span></b></div>
<div style="color: #333333; font-family: Lora, Georgia, 'Times New Roman', Times; font-size: 16px; line-height: 25px;">
If you are planning to change your blog's address, for example if you want to switch to custom domain then don't install/integrate G+, you need to first change the address and then use this feature.</div>
<div style="color: #333333; font-family: Lora, Georgia, 'Times New Roman', Times; font-size: 16px; line-height: 25px;">
</div>
<div style="color: #333333; font-family: Lora, Georgia, 'Times New Roman', Times; font-size: 16px; line-height: 25px;">
<div style="text-align: justify;">
Also, this feature only works properly in Blogger default templates or templates which are having blogger threaded commenting system, in third party or custom templates which don't have threaded system, this feature doesn't work.</div>
</div>
<div style="color: #333333; font-family: Lora, Georgia, 'Times New Roman', Times; font-size: 16px; line-height: 25px;">
</div>
<div style="color: #333333; font-family: Lora, Georgia, 'Times New Roman', Times; font-size: 16px; line-height: 25px;">
If this feature doesn't work on your blog then kindly just un-check the box and everything will be back to the default setting.</div>
<div style="color: #333333; font-family: Lora, Georgia, 'Times New Roman', Times; font-size: 16px; line-height: 25px; margin-bottom: 14px; padding: 0px;">
Kindly let me know by commenting on this post that how did you find this new improvement? and have you installed it yet or not? <b>Have a nice day!</b></div>

How to Add Google+Plus Comments to Blogger?

Google has rolled out a new improvement toBlogger commenting system by allowing blogger users to integrate Google+ comments with blogger. T...

<div style="color: #333333; font-family: Lora, Georgia, 'Times New Roman', Times; font-size: 16px; line-height: 25px; text-align: justify;">
<b><a href="http://www.bestbloggercafe.com/wp-content/uploads/2014/03/blogger-tricks.jpg" style="color: #349ecb; text-decoration: none;"><img alt="blogger time to date" class="size-medium wp-image-473 alignleft" height="225" src="http://www.bestbloggercafe.com/wp-content/uploads/2014/03/blogger-tricks-300x225.jpg" style="border: none; display: inline; float: left; height: auto; margin: 0px 20px 10px 0px; max-width: 100%;" width="300" /></a>Blogger.com</b> is a platform built in XML. While you can also use CSS, HTML and JavaScript in it massively. The blogger default templates are easy to navigate and to customize. But the problems and issues arise mostly in custom templates which are designed by third party designers.</div>
<div style="color: #333333; font-family: Lora, Georgia, 'Times New Roman', Times; font-size: 16px; line-height: 25px; text-align: justify;">
The issue I'm addressing today is date below the post titles. In most of the custom templates you see instead of appropriate date only time appears. This is because the timestamp function is used in Blogger XML dynamic coding. Instead of only showing timing it should be replaced with date, because date is more appropriate than only time. <span id="more-472"></span></div>
<div style="color: #333333; font-family: Lora, Georgia, 'Times New Roman', Times; font-size: 16px; line-height: 25px; text-align: justify;">
From SEO and Google eyes, now date is necessary for every page existing on the web. Because sometimes Google's crawler doesn't know about the exact date of the content and in SERP it shows pages from 2005 and 2006 while the searchers need latest 2014's information. So therefore date should be added to each page.</div>
<div style="color: #333333; font-family: Lora, Georgia, 'Times New Roman', Times; font-size: 16px; line-height: 25px; text-align: justify;">
<h3 style="background-color: rgb(17, 17, 17) !important; border: 2px dashed rgb(52, 158, 203); color: rgb(52, 158, 203) !important; font-family: 'Yanone Kaffeesatz', sans-serif !important; font-size: 27px; font-weight: normal; line-height: 1.25; margin: 20px 0px 10px; padding: 5px 10px; text-shadow: rgb(0, 0, 0) 1px 2px 9px; word-spacing: 5px;">
How to Change Time to Date in Blogger?</h3>
<div>
So now lets come and see what we are going to do; first see the example image below that how only time appears in some blogger custom templates:</div>
<div>
<a href="http://www.bestbloggercafe.com/wp-content/uploads/2014/03/blogger-tips.jpg" style="color: #349ecb; text-decoration: none;"><img alt="blogger time" class="size-medium wp-image-474 aligncenter" height="68" src="http://www.bestbloggercafe.com/wp-content/uploads/2014/03/blogger-tips-300x68.jpg" style="border: none; display: block; height: auto; margin: 0px auto 20px; max-width: 100%;" width="300" /></a></div>
<div>
</div>
<div>
In above image you can see only the time is appearing in a custom blogger template below the post title. So we need to change it to date or replace it to date. Follow the given steps to do this instantly</div>
<div>
</div>
<div>
<ol style="margin: 0px; padding: 0px 0px 20px;">
<li style="list-style-type: decimal; margin: 0px 0px 0px 35px; padding: 0px;">Go to Blogger dashboard</li>
<li style="list-style-type: decimal; margin: 0px 0px 0px 35px; padding: 0px;">Template >> HTML >> Proceed</li>
<li style="list-style-type: decimal; margin: 0px 0px 0px 35px; padding: 0px;">Search for below code</li>
</ol>
<blockquote style="background-image: url(http://www.bestbloggercafe.com/wp-content/themes/focus/images/blockquote.png); background-position: initial initial; background-repeat: no-repeat no-repeat; border: none; margin: 5px 5px 20px; padding: 25px 30px 5px 70px;">
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<span style="line-height: 1.5em;"><data:post.timestamp/></span></div>
</blockquote>
<div style="line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
Above code may appear twice, but just replace the first one with this:</div>
<blockquote style="background-image: url(http://www.bestbloggercafe.com/wp-content/themes/focus/images/blockquote.png); background-position: initial initial; background-repeat: no-repeat no-repeat; border: none; margin: 5px 5px 20px; padding: 25px 30px 5px 70px;">
<div style="color: #999999; font-style: italic; line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<data:post.dateHeader/></div>
</blockquote>
<div style="line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
Save your template and you're done. Now view your blog you will see the exact dates just after post titles, like mine blog, see the image for example:</div>
<div style="line-height: 1.5625; margin-bottom: 14px; padding: 0px;">
<a href="http://www.bestbloggercafe.com/wp-content/uploads/2014/03/bloggger-tips-1.jpg" style="color: #349ecb; text-decoration: none;"><img alt="blogger date" class="size-medium wp-image-476 aligncenter" height="57" src="http://www.bestbloggercafe.com/wp-content/uploads/2014/03/bloggger-tips-1-300x57.jpg" style="border: none; display: block; height: auto; margin: 0px auto 20px; max-width: 100%;" width="300" /></a></div>
<div>
<span style="color: red;"><b>Need help?</b></span></div>
<div>
If you need further help regarding this tutorial then do let me know in comment section so I can further help you. Peace Out</div>
</div>
</div>

How to Change Time to Date in Blogger Custom Template?

Blogger.com is a platform built in XML. While you can also use CSS, HTML and JavaScript in it massively. The blogger default templates are...