HeartATech

How To Add Code Box Area In Blogger Posts

It is good to have a code box area in your blogger posts if your blog is about blogger tutorials, blogger widgets, blogger templates or it deals with any kind of blog customization. It will become easy for anybody to locate the html code and easily copy and paste the code for using it. It will also give a well organised look to your blog posts. Just read and follow all the steps given below to get this function in your blogger blog for each post.

Step1: Log in to your blogger account. Go to Dashboard >> Template.

Step2: Click on the Customize.

Step3: GO to Advanced >> Add CSS.

Step4: Copy and Paste the following code in the Add CSS section.

.code { background:#f5f8fa; background-repeat:no-repeat; border: solid #5C7B90; border-width: 1px 1px 1px 20px; color: #000000; font: 13px 'Courier New', Courier, monospace; line-height: 16px; margin: 10px 0 10px 10px; max-height: 200px; min-height: 16px; overflow: auto; padding: 28px 10px 10px; width: 90%; } .code:hover { background-repeat:no-repeat; }

Step5: Now whenever you are composing new post , just select HTML section and paste the following code.

<div class="code">
Paste your code
</div>

Step6: Go to Compose mode. Replace Paste your code with your code. Complete your post and publish it.

Procedure to get Recent Comments Widget With Avatars in your blog

1) Login in to your blogger account and go to your blogger Dashboard.

2) Go to layout secton and click on Add Gadget option where you want to show the widget.

3) Select the HTML/Javascript option.

4) Give a title name to your widget and add the following code in the content field.

You can change the values like number of comments, size of the avatar image, number of characters.

Replace yourblog with the name of your blog

5) Click Save and refresh your blog. Its all done.

Credit: http://helplogger.blogspot.com/2012/03/add-recent-comments-widget-with-avatar.html

How To Get More Traffics To Your Blog

Every blogger wants more and more visitors to their blogs. Only excellent writing would not draw you mass visitors to your blog. You need to promote your blog too to get more traffics to your blog. Also it depends a lot on your blog outlook and design. But above all the blog content is the main factor that will draw you large traffics to your blog. Earlier I discussed about this topic and wrote about some ways to promote your blog. To read my previous writing about ways of promoting blog for more traffics, go to the link -

5 Ways Of Promoting Your Blog For More Traffics

Today I am adding few more points here in this post. Follow these points intelligently and you would definitely gonna experience increase in number of hits to your blog.

1) Choose Your Words Wisely (SEO)

Choose keywords in your article very wisely. Keywords in your article matters a lot in SEO. Use any SEO keyword research tool.

2) Put your blog URL in your email signature

Adding your blog URL as email signature is very intelligent idea.

3) Keep your blog Simple and Eye-catching.

Don't try to make your blog design too complicated. This may lead your visitors getting confused and they will never ever visit your blog again.

4) Write quality content

You should always focus on writing quality content. Always Keep in your mind that "Content is the King".

How To Display Your Profile Picture In Google Search Results

Do you know you can display your image next to the links of your website or blog on search results page? Earlier this feature was only limited to few reserved users of Google. Now everyone who owns blog or website can use this feature. The main advantage of using this feature is that more visitors will be attracted to your pages and there will be a big rise in click ratio of your pages as visitors will prefer your blog.

You will need :-
    A Google Plus Account
    An About Me page on your blog.

Now you can follow the steps given below :-

    1) On your blog or website header or footer or sidebar add this link,

          <a href="https://plus.google.com/GOOGLE+ ID"
         rel="author" target="_blank"> Join me on Google+</a>

         Replace GOOGLE+ ID with your Google+ profile id.



    2) In your About Me page, add the link given below anywhere you want,

          <a href="https://plus.google.com/GOOGLE+ ID"
         rel="me" target="_blank"> My Google Profile</a>


      Replace GOOGLE+ ID with your Google+ profile id.



    3) Go to your Google+ profile and click the “Edit Profile” button

       Go to About tab and click on 'Contributer to' field.

       Add your Blog/site homepage URL and also the URL of your About page.

4) Go to http://profiles.google.com/me/plusones.

    Click Edit Profile.
    Check the Show this tab on my profile checkbox.
    Next Upload a quality Profile Pic of your self . Your image will look best if it is 150px by 150px in size.

    Finally Save your profile.

It will take few days (around 2-5 days) to show up your photo and name next to the links of your website or blog on search results.

How To Connect Samsung Galaxy Phones With PC As Modem To Surf Internet From PC

One of my friend was facing problem in connecting his newly bought Samsung Galaxy Phone with his computer for using Internet in his computer. Well I guess many of you are facing the same situation. As Samsung Galaxy phones are Android phones so your Samsung Galaxy phone will not be connected via Samsung New PC Studio software. So I am here to give you the right solution to your problem. Read this tutorial and follow all the steps given to connect your Samsung Galaxy phone easily with your computer and surf internet.

1. First of all plug in your Samsung Galaxy phone to PC via USB cable and do not select the file transfer mode.

2. Go to menu >> settings >> wireless and network >> mobile network.
   And check "Use packet data"

3. Now Go to menu >> settings >> wireless and network >> Tethering and Portable Hotspot.
   And check "USB Tethering"

4. Install Kies on your PC, Download Link Of Kies

5. Now in PC, go to Control Panel >> Network and Internet connections >> Network connections
   Here you will see Samsung modem.

Now you can connect.

Ok, if your problem is solved then like the post or give your feedback in comment box.

How To Add About The Author Box Below Blog Post In Blogger

You have seen About the author box below blog posts in many Wordpress blogs. But in Blogger there is no such feature enabled. Dont worry Blogger guys, you can still include that same feature in blogger by adding some codes. Its a simple process. Read the instructions given below and follow them to get a new professional look in your blog.

Just look at my About the author box given below:

STEPS:-

1--> Login to your Blogger Account.

2--> Go to Blogger Admin Page > Template > Click on Edit HTML.

3--> Click Expand Widgets

4--> Search for codes given below

]]></b:skin>

Just above it paste the following codes given below

.author-box {
background: #F7F7F7;
margin: 20px 0 40px 0;
padding: 10px;
border: 1px solid #E6E6E6;
overflow: auto;
}
.author-box p {
margin: 0;
padding: 0;
}
.author-box img {
background: #FFFFFF;
float: left;
margin: 0 10px 0 0;
padding: 4px;
border: 1px solid #E6E6E6;
}

This is the CSS part

5--> Search for codes given below

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

Just below it paste the codes given below:

   <b:if cond='data:blog.pageType == "item"'>
    <div class='author-box'>
    <p><img alt='' class='avatar avatar-70 photo' height='70' src='Your Photo Link' width='70'/><b>About the Author</b><br/>
    <div style='text-align: justify; font-family: verdana; color: rgb(0, 0, 0);'>Write Something About yourself<br/>

    Follow Me on Twitter <a href=' Your Twitter Link '>Your Twitter link Anchor text</a>
    <p style='margin:-8px 0'><br/><center>
    <a href=' Your Blog link ' style='text-decoration:none;font-size:70%;'>Your Blog Name</a></center>
    </p></div></p>
    </div>
    </b:if>

Change the following things as you wish them to be displayed

    Your Photo Link
    About the Author text
    Write Something About yourself
    Your Twitter Link
    Your Twitter link Anchor text
    Your Blog Link
    Your Blog Name

6--> Save template and done :)

Feel the new look of your Blogger blog.

Creating Sitemap Page In Your Blogger Blog

You need to submit your sitemap to popular search engines to make your blog pages index by them. Sitemap page in a blog helps the visitors to track the contents of that blog. You have seen sitemap pages in many blogs. Have you thought of creating a sitemap page in blogger blog? Yeah it is possible.This tutorial will help you in creating a sitemap page in your blogger blog.

Steps To Create A Sitemap Page In Your Blogger Blog:-

1) Go to Edit HTML section of your blogger dashboard. Check Expand Template Widget.

2) Ctrl + F and search </head>

3) Paste the following codes above </head>

<script>
var numposts = 100;
var showpostdate = false;
var showpostsummary = false;
var numchars = 200;
</script>
<script>
function rp(json) {
document.write('<ul>');
for (var i = 0; i < numposts; i++) {
document.write('<li>');
var entry = json.feed.entry[i];
var posttitle = entry.title.$t;
var posturl;
if (i == json.feed.entry.length) break;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
posturl = entry.link[k].href;
break;
}
}
posttitle = posttitle.link(posturl);
var readmorelink = "(more)";
readmorelink = readmorelink.link(posturl);
var postdate = entry.published.$t;
var cdyear = postdate.substring(0,4);
var cdmonth = postdate.substring(5,7);
var cdday = postdate.substring(8,10);
var monthnames = new Array();
monthnames[1] = "Jan";
monthnames[2] = "Feb";
monthnames[3] = "Mar";
monthnames[4] = "Apr";
monthnames[5] = "May";
monthnames[6] = "Jun";
monthnames[7] = "Jul";
monthnames[8] = "Aug";
monthnames[9] = "Sep";
monthnames[10] = "Oct";
monthnames[11] = "Nov";
monthnames[12] = "Dec";
if ("content" in entry) {
var postcontent = entry.content.$t;
} else if ("summary" in entry) {
var postcontent = entry.summary.$t;
} else
var postcontent = "";
var re = /<S[^>]*>/g;
postcontent = postcontent.replace(re, "");
document.write(posttitle);
if (showpostdate == true) document.write(' - ' + monthnames[parseInt(cdmonth,10)] + ' ' + cdday);
if (showpostsummary == true) {
if (postcontent.length < numchars) {
document.write(postcontent);
} else {
postcontent = postcontent.substring(0, numchars);
var quoteEnd = postcontent.lastIndexOf(" ");
postcontent = postcontent.substring(0,quoteEnd);
document.write(postcontent + '...' + readmorelink);
}
}
document.write('</li>');
}
document.write('</ul>');
}
</script>

4) Save the template.

5) Now create a new page.

Give a title to the page (sitemap or anything)

Select HTML section and paste the following script.

<script src="http://www.BlogName.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=rp"></script>

Replace the red section with your domain.

Publish it.

Now you got the sitemap page in your blogger blog.

How To Change "View My Complete Profile" Text Of Profile Widget In Blogger

You are tired of seeing same text i.e "View My Complete Profile" in profile widget of every blogger blog. Its time for you to change the text of your profile widget in your own blogger blog. If you want to know how to change "View My Complete Profile" text in your profile widget in blogger blog, then you are in the right place. Today I will explain you how to change "View My Complete Profile" text in blogger blog. By using this trick you can show up your own text in place of the blogger's default text.

Steps:-

1) Go to the Edit HTML section of your template. Check in Expand Widget Template.

2) Now search the following codes in your template's widget section.

<a class='profile-link' expr:href='data:userUrl'><data:viewProfileMsg/></a>

3) Replace <data:viewProfileMsg/> with text you want to display instead of blogger's default text i.e "View My Complete Profile".

Example:
<a class='profile-link' expr:href='data:userUrl'>To know more about me click here</a>

4) Save the template and check your profile widget by visiting your homepage of your blog.

Numbered Page Navigation For Blogger

You have notice numbered page navigation in many blogs. This feature is not provided by blogger blogs. Instead blogger blogs provides older posts and previous posts links. Numbered page navigation not only helps in improving the look of the blogger blog, it also helps in faster navigation to older posts . This tutorial will help you in incorporating numbered page navigation in blogger blog.

Steps To Change Older Posts Link In Blogger With Numbered Page Navigation:-

1) Login to Blogger Dashboard and navigate to Layout > Edit Html

2) Press Ctrl + F and find ]]></b:skin>

and just above it paste the codes given below

.showpageArea a { text-decoration:underline; } .showpageNum a { text-decoration:none; border: 1px solid #cccccc; margin:0 3px; padding:3px; } .showpageNum a:hover { border: 1px solid #cccccc; background-color:#cccccc; } .showpagePoint { color:#333; text-decoration:none; border: 1px solid #cccccc; background: #cccccc; margin:0 3px; padding:3px; } .showpageOf { text-decoration:none; padding:3px; margin: 0 3px 0 0; } .showpage a { text-decoration:none; border: 1px solid #cccccc; padding:3px; } .showpage a:hover { text-decoration:none; } .showpageNum a:link,.showpage a:link { text-decoration:none; color:#333333; }

This was the CSS part for look and feel of the page navigation. You can modify it according to your need

3) Now Find </body>

and just above it paste the following codes

<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<script type='text/javascript'>
var pageCount=5;
var displayPageNum=5;
var upPageWord ='Previous';
var downPageWord ='Next';
</script>
<script src='http://bloggergadgets.googlecode.com/files/blogger_pagenavi_min.js' type='text/javascript'/> </b:if>
</b:if>

4) Save the template and its done.

This tutorial is based on Codes from Abu Farhan and Muhammad Rias. So if you plan to write this tutorial on your blog,do link back to them also.

How To Burn ISO To USB And Make USB Bootable

Today we will teach you how you can burn ISO to a USB drive and make that USB drive bootable. To do this task we need a suitable software that can make your USB drive in bootable drive. You can use a software called Unetbootin for this purpose. This software has very simple interface and is very easy to use. Unetbootin is free of cost and you can download it from their official site. Unetbootin is available for windows, linux and Mac OS X users.

How To Remove 'Showing Post With Label' Message From Blogger

In Blogger when any labels link is open we notice a message "Showing Posts with labels XXXXXXX" above the posts. Its looks very irritating and most of you dont want it to appear in your blogger blog. It just looks like the picture given below.

I am sharing a easy trick to completely remove this message from your blog.

Steps To Follow To Remove "Showing post with label XXXXXXX" From Blogger:-

1--> Login to your Blogger Account.

2--> Go to Blogger Admin Page > Template > Click on Edit HTML.

3--> Click Expand Widgets

4--> Search for codes gven below

<b:includable id='status-message'>
<b:if cond='data:navMessage'>
<div class='status-msg-wrap'>
<div class='status-msg-body'>
<data:navMessage/>
</div>
<div class='status-msg-border'>
<div class='status-msg-bg'>
<div class='status-msg-hidden'><data:navMessage/></div>
</div>
</div>
</div>
<div style='clear: both;'/>
</b:if>
</b:includable>

5--> Now replace above codes with below :-

<b:includable id='status-message'>
<b:if cond='data:navMessage'>
<div>
</div>
<div style='clear: both;'/>
</b:if>
</b:includable>

Its all done :)

How To Remove 'Subscribe to: Posts (Atom)' Link From Blogger

If you notice carefully there is a link 'Subscribe to: Posts (Atom)' on every pages of blogger below your posts.

If you dont want it to show up in your blog then follow the following steps given below.

Steps To Remove 'Subscribe to: Posts (Atom)' Link From Blogger

1--> Login to your Blogger Account.

2--> Go to Blogger Admin Page > Template > Click on Edit HTML.

3--> Check Expand Template.

4--> Ctrl + F and search for the following line of code and remove it.

<b:include name='feedLinks'/>

5--> Finally Save Your template. This is it.

There is another method to do so by using CSS

Steps To Remove 'Subscribe to: Posts (Atom)' Link From Blogger By Using CSS

1--> Login to your Blogger Account.

2--> Go to Blogger Admin Page > Template > Click on Edit HTML.

3--> Check Expand Template.

4--> Ctrl + F and search ]]></b:skin>

5--> You just copy the below code and paste it before ]]></b:skin> tag

.blog-feeds{display:none !important;}

6--> Save Your template

How To Stop Your Blog Posts From Being Copied

Being blogger it hurts a lot when your work i.e your blog posts are copied by some other fellows and they post it in their blogs same to same without altering any of the words. What will you do to stop others from doing this? Today I am going to tell you how to disable copy and paste from your blog.

Instructions To Follow To Stop Your Blog Posts From Being Copied :-

1--> Login to your Blogger Account.

2--> Go to Blogger Admin Page > Template > Click on Edit HTML.

3--> Ctrl + F and search <head>.

4--> Just below <head> copy and paste the codes


<script language='JavaScript1.2'>
function disableselect(e){
return false
}
function reEnable(){
return true
}
document.onselectstart=new Function ("return false")
if (window.sidebar){
document.onmousedown=disableselect
document.onclick=reEnable
}
</script>

Its done :)

Role Of Social Media In Promotion Of A Blog Or Website.

There are many ways of promoting blog or website. We discussed few of them in our earlier post 5 Ways Of Promoting Your Blog For More Traffics. Today I am going to write about the role of social media (facebook, twitter, google plus, youtube etc.) in the promotion of a blog or website.

Todays Internet life is all about social media. Almost all of the Internet users have their accounts in social media sites. Even we conversate with our friends more through social media than direct conversaton. Social media is becoming part of our life. So we can see how much important is social media in our life.

If you own any blog or website, social media could be a great platform for promotion of your blog or website. A large number of visitors could be gained through social media. By seeing popularity of social media you could imagine how much effective it will be in promoting your blog or website via social media.

Talking about social media, the most popular social media sites includes facebook, twitter, youtube, google plus, etc. Create your account in these sites and promote your links there. These social media sites could drive endless traffics to your blog or website.

5 Ways Of Promoting Your Blog For More Traffic

More readers that is what all writers and bloggers wants. Readers don't come easily. If you are having a blog then you need to promote your blog. To get more traffic to your blog you need to try all possible steps that drives visitors to your blog. I am pointing out some of the common methods that can lead your blog for more visitors easily.

Here goes the 5 ways of promoting your blog for getting more traffic.

1--> Use Social Media:-

Social Networking is the most effective way of increasing traffic as most of the people in this world is using social networking sites. So a large no of visitors can be achieved via social networking . Create pages and groups in social networking sites for your blog and try to increase nos. of fans and followers in that pages and groups. Facebook and twitter are the most popular among all social networking sites.

2--> Join Blogging Communites:-

Join blogging communities to make your presence in blogosphere. Follow other bloggers and make them follow you. Share your posts and views with other bloggers in the communities. I am using communities like techonorati, bloggers, indibloggers.

3--> Leave Comments on Other Blogs:-

Leave your valuable comments on other blogs that are more higher in ranking than yours and also do not forget to leave a link of your blog there. Try to leave comments on the blogs that are more related to your blog otherwise commenting on blogs that are not related to your blog may leave an impression you as spammer.

4--> Guest Blogging:-

Guest Blogging is one of the good idea that every blogger should try. Writing articles for blogs that are much higher in ranking than yours could be a good decision towards the success of your blog. As you are writing in a blog that gets a large number of visitors and has a large number of regular readers, a portion of that blog readers may get attracted to your blog too. As guest blogger try to use unique posts since blog allowing guest blogging will approve your post only if your post is unique and related to his blog.

5--> Update Blog with Unique Post Regularly:-

Write more and more posts regularly. Your post must be unique since that is what all readers wants. More posts will give you more page-views in return. Readers will coming back to your blog more frequently if you update your blog with new and unique contents regularly.

New Google Calculator

Google, the giant name in the search engine category has uncountable features. Google always come up with new and innovative features. I guess you know about the mathematician Google. Google is very good in mathematics. Google can solve any mathematical calculation in seconds.

5 More Google Search Tricks

Google is having a lot of hidden tricks. I have been posting about Google tricks frequently in this blog. Today I am sharing some more Google search tricks to help you all in making your google search more efficient. Your search will be more related and more refined with these Google search tricks. Use these tricks to get the best results in your search.

How To Add Email Subscription Box In Blogger Blog

Adding Email Subscription Box in your Blogger is one of the good SEO tactics. Whosoever subscribed to your posts will get updates in their email whenever a new post is published in your blog.

So I will tell you the steps to add Email Subscription Box in your Blogger

Steps To Add Email Subscription Box In Blogger Blog-->

1--> Go to feedburner.com

2--> Select the feed for which you want to add email subscription box.

3--> Go to Publicize >> Email Subscription option and click on Activate.

4--> Now select the language and widget platform (Blogger) and click Go.
You can also copy-paste the code given in the box to a new HTML/Javascript widget.

It's done!

Placing Labels Under Post Title In Blogger

Labels or Categories list related articles or posts. Visitors eyes gonna catch easily to your Labels link if you place your blogs Labels link just below your post title. So by placing Labels just below the post title will help your blog visitors to see and read related articles.

This Tutorial will help you to place the Labels just below your post title

Steps To Follow For Placing Labels Under Post Title In Blogger:-->

1--> Login to your Blogger Account.

2--> Go to Blogger Admin Page > Template > Click on Edit HTML.

3--> Check Expand Template.

4--> Ctrl + F and find <div class='post-footer-line post-footer-line-2'>

You will find codes like given below:

<div class='post-footer-line post-footer-line-2'><span class='post-labels'>
        <b:if cond='data:post.labels'>
          <data:postLabelsLabel/>
          <b:loop values='data:post.labels' var='label'>
            <a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>
          </b:loop>
        </b:if>
      </span> </div>

5--> Cut and Paste these codes under the script <div class='post-header'>.

6--> Save The Template and finish.

Customizing Read More Link In Blogger

This tutorial will gonna help you to customize your read more link in your Blogger. Showing summaries of your blog posts in your homepage is always a good idea since showing full post of your recent post will gonna occupy a large space and your readers would have to scroll to see your below posts.

By showing summaries of your posts you are also enabling your readers to look up at the posts below your most recent post. Blogger includes this READ MORE feature but for more better look I am gonna explain you step by step procedure to customize your READ MORE link in your Blogger.

Steps To Customizing Read More Link In Blogger:-

1--> Login to your Blogger Account.

2--> Go to Blogger Admin Page > Template > Click on Edit HTML.

3--> Check Expand Template.

4--> Ctrl + F and find <data:post.body/>

You will find codes like given below:-

      <data:post.body/>

      <div style='clear: both;'/> 

    </div>

    <b:if cond='data:post.hasJumpLink'>

      <div class='jump-link'>

        <a expr:href='data:post.url + "#more"' expr:title='data:post.title'>   <data:post.jumpText/></a>

      </div>

    </b:if>

5--> Now replace the blue codes with codes given below:

<b:if cond='data:blog.pageType != "item"'> <a expr:href='data:post.url'><div style="text-align: right;">Read More ->></div></a> </b:if>



You can Replace the Red text with anything you want to show up in your Read More link. You could also show up image in ths link now. Just replace the Red text with <img src='Link-of-the-image'/>

6--> Save your template and its done.

Use Any Dongle On Your Micromax Funbook

Micromax Funbook is among the cheapest tablet available in the market. It is available @ Rs.6499 only. It also comes with a tata photon plus dongle purchase coupon via which you can get tata photon plus dongle with connection at cost of only Rs.500.

But if you want to try any other dongle on your Micromax Funbook then what to do??? Okay, I am gonna tell you what to do. I have tested Idea Net Setter on my Micromax Funbook and it is working fine.
So you can use any dongle (aircel, airtel, MTS, BSNL,etc) on your Micromax Funbook. But I am not giving you 100% guarantee that it will work. Just follow the steps given below:
Steps to follow:-

1) Connect the Mini 2 USB connector to the port on your funbook

2) Connect the other end of the Mini 2 USB connector with the USB dongle.

Ideally, when you plug in the USB dongle , the connection is established automatically.

If not, proceed with step 3.

3) Go to Menu>>Settings>>Wireless & Network>>More.

4) Select Mobile Networks and then check Data Enabled option and select the Access Point Names to select from available list. If your connections APN is not available then create one for your connection.

Now try to connect manually and thats it.

If you are still facing problem connecting your dongle then try any Huawei e1732 data card. I am using Idea Net Setter Huawei e1732 dongle. I have no problem till date. It gets connected automatically whenever I plug in to my Funbook.

To know how to use mobile phone to connect Internet in your Micromax Funbook tablet open the link given below and read the post --->Use Mobile Phone To Connect Internet In Your Micromax Funbook Tablet

See the video given below -->

Adding Related Posts Below Blog Posts In Blogger

How about adding Related Posts below your blog posts? Advantage of adding Related Posts below your blog post is that your readers may find some of your Related Posts interesting and click on the link to read the post, thus your readers stay time on your blog increases and thereby increases your pageviews. So this tutorial will help you to add Related Posts below your blog posts.

Steps Of Adding Related Posts Below Blog Posts In Blogger:--

1--> Login to your Blogger Account.

2--> Go to Blogger Admin Page > Template > Click on Edit HTML.

3--> Check Expand Template.

4--> Ctrl + F and find </head>

5--> Above </head> , Copy and Paste the codes given below:

<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/AVvXsEjpiZNaEwLhWMkxU9Hv2QJ5gNKpnn7pCJqgyiaITNwUQ6TOU0UYpmSuW5dOj2iWTdTjGdkid30zZEwECaGCR-lrWXwqcFyssfKUkf0bS5gmLm-zA_jhkZOF1Xx2kgB-wc3zvFqIGOnS7d8/s400/noimage.png";
var maxresults=5;
var splittercolor="#d4eaf2";
var relatedpoststitle="Related Posts";
</script>
<script src='http://bloggergadgets.googlecode.com/files/related_posts_with_thumbnails_min.js'
type='text/javascript'/>
</b:if>

6--> Now press again Ctrl + F and Find <div class='post-footer-line post-footer-line-1'>

7--> Above <div class='post-footer-line post-footer-line-1'> , Copy and Paste the codes given below:

<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>
     <b:if cond='data:blog.pageType == "item"'>
     <script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels_thumbs&max-results=10"' type='text/javascript'/></b:if></b:loop>
     <script type='text/javascript'>
     var currentposturl="<data:post.url/>";
     var maxresults=8;
     var relatedpoststitle="<b>Related Posts :</b>";
     removeRelatedDuplicates_thumbs();
     printRelatedLabels_thumbs();
     </script>
     </div><div style='clear:both'/>
     </b:if>

8--> Save your Template and Done.

Writing More And More Post In Your Blog

New bloggers always try hard to gain more and more traffic to their blogs. Are you a new blogger? If you are not getting enough traffic even after spending more of your time in the promotion of your blog then don't worry about that and don't stop writing. If you are losing your sleep in this process then I would suggest you to log out from your blog and go to your bed. Of course 'Health is your Wealth'. Nothing comes first than health. Wake up with a different mindset.

You must have to write unique and good posts regularly. You would definitely start getting a good amount of visitors to your blog in course of time. Making your blog popular is not a single day process. Give your blog some time to become old and mature.

Keep publishing unique and interesting posts in your blog that relates to your readers.Write new and good articles regularly to impress your readers. Be friendly with your readers. Interact with your readers. Ask them what they like to read. Fulfill your readers requirements. The more posts in your blog the more to read for your readers and more visits to your blog.

Good writing is a skill. Make it a habit to write more and more unique posts. Definitely your hard work will be paid off. Gradually your blog will get the success that you always searched for. Someday you will be having a blog with higher page rank and more readers.

Keep Blogging!!!

photo credit: Bob AuBuchon via photo pin cc

Customizing Your Default Blogger Templates

I started off this blog with default Picture Window template of Blogger. I avoided using any kind of custom blogger template available all over web freely. It is a good idea if you are new to Blogger and want to learn all about Blogger. As I am new to Blogger and want to learn everything about Blogger so to develop my skills in this field I chosed a default Blogger template . If you know HTML and CSS, you can customize your template very easily anytime.

Knowledge is gained by experimenting and I never sit behind when it comes to doing something new and innovative things. So why should we give credit to others by using their customized Blogger templates when we can create our own templates for our Blogger blog.

Before doing any editing or tweaking task of your HTML code, remember to save and backup your existing template so that if anything goes wrong in your template you can switch back to your earlier state without any effort. Just play with codes to customize your template and design it to have an excellent look of your blog that attracts your visitors eyes.

For more Blogger Tutorials you can check out Blog Tips And Tricks.

And there is always the free web to get help whatever you want.

Importance Of Title Of The Article In Your Blog

Do you know how much important is your title of your articles of your blog? This is the one that drives the visitor to read your posts. It should reflect your whole post. By seeing your title they must understand what actually your article is covering, or what you are trying to say via your article.

Just think how much important is your title of your articles of your blog in search engines point of view. You must know that if your pages are indexed by search engines, then your pages will appear in search results by its post title and blog title. So choosing a very attractive title for your articles will be a good idea to make people click to read your articles. To get more traffics from search engines select the title of your articles very wisely.

Now lets talk about the length of the title. Short and simple title is always the right choice to choose. Make sure that your title is very short and simple. So visitors at once seeing your title could understand about your article very easily. Readers don't like very lengthy and complicated titles and will definitely ignore it.

If you are really thinking of driving more traffics to your blog then try to use effective keywords that drives more traffics to your blog in the title of your articles. Using keywords that drives maximum traffic to your blog in your title could be an excellent idea. It would be a good SEO technique to follow and try to implement it .

Now you could imagine the role of the title of your article in earning traffics to your blog and how much important is the title of your article. Every blogger should follow these guidelines mentioned above to get more success in blogging field.

Choose your title intelligently and keep blogging.

Hope you like it :)

Choosing A Niche For Your Blog

Many people around the globe created their own blogs. Some of the people are blogging as a hobby, some bloggers are blogging to share some valuable informations with their readers and some of them are blogging for earning some money. And many of them have their own reasons for blogging. So all of them are having some reasons for blogging.

After creation of a blog, choosing a niche for your blog is very much important.

-->Choose the topic in which you are interested.

-->Choose the topic what you like to write the most.

-->Choose the topic in which you have a commendable knowledge.

-->Choose the topic in which you have done enough research.

-->Choose the topic what your readers wants to read.

The above given points are the guidelines what you should keep in your mind before writing posts in your blog. Just writing something in your blog will not gonna attract readers to read your posts. You should choose a niche for writing your posts and must stick with that niche forever. This is gonna help your visitors to understand what your blog is actually all about. And if they like your post, they will remain loyal to your all future posts and will keep coming to your blog to read your posts.

How To Use HTML Code Inside Blog Post In Blogger

Is your blog about tutorials that needs to show codes and scripts? Are you facing problem in showing codes in your tutorial posts? Don't worry guys that's not a big problem and you can easily solve this problem. Using a plain HTML code inside a blog post in Blogger is always a tricky task. Whenever you write codes in Blogger blog post, then instead of the codes it will display you something else that looks very messy. This tutorial post is all about how to use HTML codes inside blog post in Blogger. Read this one and your all problems will be solved.

Steps To Use HTML Code Inside Blog Post In Blogger:-

1. Instead of writing your codes directly in your Blogger post editor, write your codes in any text editor. I use Microsoft Word.

2. Replace

                       "<" with "<"
                                              and
                       ">" with ">"

To do this task easily use the Find and Replace feature of your text editor.

3. Now you can copy and paste the codes in the Blogger post editor.

Alternatively, you can also use online HTML encoder-decoder tools provided by various websites. I am providing link to one of such website that provides online HTML encoding-decoding services which I got on google search.

http://htmlentities.net/

Happy blogging :)

How To Submit Blogger Blog To Bing And Yahoo

Submitting your Blogger blog to search engines will always gonna help your webpages reputation in search engine. Earlier I wrote about how to submit your blogger to Google webmaster. Submit your sitemap to Bing and Yahoo to index your pages in their search engines. Yahoo Search has merged Site Explorer into Bing Webmaster Tools. Hence submitting your sitemap to Bing webmaster will also index your pages in Yahoo search engine.

1--> Login to Bing Webmaster with your Hotmail account. If you dont have an account then signup for an account.

2--> Enter your blogger blog URL in Add a Site box and click on Add.

3--> Enter sitemap as http://your-blog-name.blogspot.com/feeds/posts/default

replace your-blog-name with name of your blog and click on Add

4--> Now click on Verify now button.

5--> Now you are given 3 options to verify your site.

Option 1: Place an XML file on your web server
Option 2: Copy and paste a <meta> tag in your default webpage
Option 3: Add CNAME record to DNS

Choose Option 2: Copy and paste a <meta> tag in your default webpage.

6--> Go to your blogger Admin page > Template > Edit HTML.

Ctrl + F and find </head> and paste the <meta> tag above/before it. Click on Save Template

7--> Click on Verify and your site is verified. It will take some days to indexed your site's URLs

Post Title Followed By Blog Title

By default your Blogger blog title appears first followed by your post title in search engines. People always search for more specific contents. And because of this reason there are more chances of overlooking of your website link by visitors even if your link is at the top of the search results of search engines. To increase click conversion of your links, display your post title first followed by your blog title because it is the post title that gives visitors an idea about what the post is all about and what contents the post is containing. It will surely help in attracting visitors eyes to your links to a large extent. In this post I will show you how to implement it by using a small piece of code in your blogger template.

1) Login to your Blogger account

2) Go to Blogger Admn Page > Template > Click on Edit HTML >Click on Proceed

3) At the top of your template you would find a piece of code similar to the codes given below.

4) Replace the line

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

with the code below.

<b:if cond='data:blog.pageType == "index"'>
<title><data:blog.pageTitle/></title>
<b:else/>
<title><data:blog.pageName/> | <data:blog.title/></title>
</b:if>

5) Its all done. Now your post title will appear first followed by the blog title.

Add Mashable Like Social Media Widget

Mashable created a beautiful social media widget. The look of this widget is awesome. Just look at the snapshot given below. You can also add this mashable-like social media widget to your Blogger blog. This widget will get perfectly fitted in your blog's sidebar. It is one in all social media widget. It contains Facebook fanpage,Twitter follow us, attractive subscription box, RSS feed, LinkedIn and Google Plus. You can add or change social media links too if you know a little bit of coding.

Many bloggers have already added this widget in their blog. If you want to add this widget in your blog then follow the steps that includes mere copy and paste task. Here is the complete steps to be taken to get the mashable like social media widget in your blogger blog.

1) Login to your Blogger account.

2) Go to Blogger Admin Page > Layout

3) Click on Add a Gadget and select HTML/Javascript.

4) Copy-paste the code given below in notepad:

Now look after the following things that are given below:-

   Replace YOURFACEBOOKUSERNAME with your Facebook username.
   Replace YOURTWITTERUSERNAME with your twitter username.
   Replace YOURFEEDBURNERTITLE with your Feedburner title. Your Feedburner title is the word added at the end of your Feedburner link. Example: http://feeds.feedburner.com/YourFeedBurnetTitle
   Replace YOURRSSFEEDLINK with your feedburner link.
   Replace YOURLINKEDINPROFILELINK with your Linkedin profile link.
   Replace YOURGOOGLE+PROFILELINK with your Google Plus profile link.

After replacing all these parameters mentioned above, copy and paste the final codes from your notepad to the HTML-Javascript section.

5) Click Save and get your Mashable like social media widget.

Contact me if you want to more about it or if you are facing some problem in the steps. Just throw a comment in the comment box, I will be there.

For this wonderful social media widget, all credits goes to the man behind mashable.com.

How To Create A New Page In Blogger

Blogger is a popular blog-publishing service powered by Google. To know how to create a blog in Blogger, read my post - How To Create A Blog In Blogger. Many of you are preferring Blogger over many other blog publishing services available online. This is because of rapidly increasing new features in Blogger and it is free of cost. Some of you created your blog to showcase your writing ability and others to build their business over Internet.

Let's now come to the point. The reason of writing this post is to help you in creating new pages in Blogger blogs. If you are a newbie and don't know how to create a page in Blogger blogs then read this post. I am creating a sample page to show you the whole process.

Steps To Create A New Page In Blogger:

1) Login to your Blogger account.

2) Go to Blogger Admin>Pages

3) Click on New page

4) Select Blank page

5) Page Editor will come up. Enter page title in page title section and write your content in the content box. There you can see a editor menu bar that will help you in styling your content. For example you can change text fonts, choose text colours, make text bold, italics etc . You can also put links or images in your content.

5) After you are done with editing your content, click on Publish to create your new page.

My sample page look like this:

You can put the link of your new page anywhere in the blog where you want to show the link to your readers. The best position for putting the link of your pages are position above header and position below header because it will be more visible to your visitors. So this is how you can create new pages in Blogger blog. For more tips and tricks keep visiting bloglivead.blogspot.com regularly. You can also like my facebook page for getting all the latest updates. URL of my facebook page is - facebook.com/BlogLive123

Add A Contact Form In Your Blogger Blogspot

Creating a contact form page in your blog will be helpful for your readers as then they will be able to communicate with you directly. It will give them a easy way to share their problems with you. Even this will allow them to give feedbacks and viewpoints to you for your blog.

It is easy to create contact form in wordpress blogs. Blogger don't have such feature but good news is that you can create contact form in Blogger by adding some piece of codes. There are many websites providing this kind of services. Emailmeform.com is one of such website that provides this kind of service. Emailmeform provides free code for using a contact form. This tutorial will help you to create a contact form page in blogger.

Steps To Add A Contact Form In Your Blogger Blog

1) Sign up for a free account at emailmeform

2) Once you done with regstration process, click on the "Add Form" button.

3) A popup window wll come up to show you two options:

a) You can go to template section and choose from a list of pre-made forms.
b) Or you can go to form builder to create your own form.

4) I would prefer to create my own form. Choose the form builder option.

5) Choose parameters you need in your contact form.

I have selected Name, Website, Email, File Upload and Paragraph text.
I have changed field Label of "Paragraph Text" to "Message"

7) Now my form looks like this:

8) Now click on the Form Title to give title to your form and add some descrption or you can uncheck tick if you dont need this. I have uncheck this parameter. Click Save button.

9) A popup wndow will come up like this:

Choose the second option and add a recipient email ID.

8) Again a popup window will show up choose the third option.

9) In Form manager Click Code and Choose the "HTML Only" option and copy the code.

11) Paste the code to your newly created blogger page and you are done. To know how to create blogger page read How To Create A New Page In Blogger.

How To Add Or Change Favicon On Blogger

A favicon which is short form for Favorite icon, also known as a shortcut icon, web site icon, URL icon, or bookmark icon, is a small icon which is usually 16px X 16px in size. You may have noticed a small icon picture just before the URL of any website in your browser's address bar. That small icon is called a favicon. For every website there is a favicon. Google Blogger provides same favicon for every Blogger blog by default. Blogger favicon just look the way represented in the image given below.

Blogger also allow its users to remove or change their blog's favicon anytime. This favicon can be a unique identity of your blog. So design your favicon and add new favicon in your blog. Above picture illustrates the difference between the default Blogger favicon and self designed favicon. Build a impressive and unique favicon for your blog. This tutorial is for helping you in removing default Blogger favicon and adding your self designed favicon. You should be ready with your self designed favicon before applying this change in your blog.

Steps To Add Or Change Favicon On Blogger:

1) Log in to your blogger account.

2) Go to Blogger Admin>Layout

3) Click on the Edit link on the "Favicon" setting.

4) A popup window will open from where you can browse to your favicon image kept in your hard drive to replace the default favicon image. Click on browse and select the favicon file from your computer hard drive. Always remember that favicon file must be a square image, file must be in .ico file extension and file must be less than 100 KB in size.

5) Click on Save button and open your site to see the change.

Now you got your self designed favicon in your blog. How it feels to have your own favicon of your blog???

Go to Top