Showing posts with label Blogging. Show all posts
Showing posts with label Blogging. Show all posts

Monday, December 31, 2012

Optimize Blogger/Blogspot Post Title For Better SEO

 Optimize Blogger/Blogspot Post Title For Better SEO:-


      Post heading are most important which many of us ignore.Search Engines are giving most priority to post headings rather than all other SEO Optimization,Google developer's are trying to make blogger SEO friendly but now also there are lot of thing's on which they should think,If you are using blogger then your post title tag are h3.H1 tag which is most accepting heading tag by search engines.Blogger templates like ‘Simple’,Travel’ etc. have H1 tag as it’s Blog title and h3 tag as post title,which is not good for SEO.If your blog is having h1 tag as post title then there are more chances of your blog to appear top on Search Engines result.In this post I will give you best ways by which you can optimize your blog post title for better SEO.

Step 1:-

Let's start,We need to change post title tag h3 into h1,follow below point's.
  •     Go To Blogger/Blogspot Dashboard.
  •     Click On Template tab.
  •     Now Click On Edit HTML >> Proceed.
  •     Tick the ‘Expand Widget Template’.

    Find below code there.
    <h3 class='post-title entry-title'>
          <b:if cond='data:post.link'>
            <a expr:href='data:post.link'><data:post.title/></a>
          <b:else/>
            <b:if cond='data:post.url'>
              <b:if cond='data:blog.url != data:post.url'>
                <a expr:href='data:post.url'><data:post.title/></a>
              <b:else/>
                <data:post.title/>
              </b:if>
            <b:else/>
              <data:post.title/>
            </b:if>
          </b:if>
      </h3>


    Now change h3 with h1 tag.


Step 2:-

We already change h3 post title tag to h1 now we need to change header tag h1 to h2 for better optimization.

    Now find below code there

       <h1 class='site-title' style='background: transparent; border-width: 0px'>
                <b:include name='title'/>
              </h1>
            </div>
            <b:include name='description'/>
          </div>
        </b:if>
      <b:else/>
        <!--No header image -->
        <div id='header-inner'>
          <div class='titlewrapper'>
            <h1 class='site-title'>
              <b:include name='title'/>
            </h1>


    Now change all h1 tag into h2


Now click on Save Template button.

Saturday, December 29, 2012

Google Adsense High Paying Keyword's 2012

Google Adsense High Paying Keyword's 2012:-


                    Make money with Google Adsense is right way to earn from your blog but the first thing that you need to do is select the right keyword's and phases to put in the content of your website pages.Knowing the right and high paying keyword's to use is critical to you making huge money because that will determine how much you get paid for every click.In this post,I will give you the top 150 high paying keyword's that can generate large sums of money for you from Google adsense money machine.Now you can easily make money online.The top paying keyword goes for around $75 every single click,while the bottom keyword go for around $21.62 every single click.

If you’re already a Google Adsense publisher and earn money from it,you will probably know the importance of finding best keyword's and keyword research.
Now you got your keyword's list below so please choose the best niche of your interest from the list and enjoy the huge adsense money.

List of some Google AdSense top-paying keyword's.

List of Adsense High Paying Keyword's.

  • 1 mesothelioma
  • 2 cheap auto insurance.
  • 3 consolidate student loan.
  • 4 life insurance quote.
  • 5 cheap car insurance.
  • 6 refinance home.
  • 7 car insurance quote.
  • 8 refinancing.
  • 9 online car insurance.
  • 10 online insurance quotes.
  • 11 criminal defense lawyer.
  • 12 debt consolidation.
  • 13 refinance home mortgage.
  • 14 medical malpractice lawyer Michigan.
  • 15 bad credit home loan.
  • 16 loan refinance.
  • 17 tax attorney.
  • 18 online insurance quote.
  • 19 laptop data recovery.
  • 20 medical malpractice Michigan.
  • 21 car insurance rates.
  • 22 equity home loan.
  • 23 register domain name.
  • 24 data recovery service.
  • 25 life insurance rates.
  • 26 auto insurance rates.
  • 27 cheapest car insurance.
  • 28 domain register.
  • 29 dui attorney.
  • 30 lawyer medical malpractice.
  • 31 home loan.
  • 32 credit card consolidation.
  • 33 car accident lawyer.
  • 34 free debt consolidation.
  • 35 car insurance.
  • 36 term life insurance.
  • 37 second mortgage.
  • 38 hard drive data recovery.
  • 39 dui lawyer.
  • 40 refinance leads.
  • 41 raid data recovery.
  • 42 home loans.
  • 43 mortgage loan leads.
  • 44 refinance.
  • 45 mortgage internet leads.
  • 46 domain registration.
  • 47 credit card debt consolidation.
  • 48 low rate mortgage.
  • 49 mortgages.
  • 50 fitness franchise.
  • 51 debt consolidator.
  • 52 california home loan.
  • 53 medical malpractice new york.
  • 54 credit card machines.
  • 55 digital asset management.
  • 56 malpractice attorney.
  • 57 help desk software.
  • 58 criminal defense attorney.
  • 59 domain names.
  • 60 mortgage loan.
  • 61 accept credit cards.
  • 62 mortgage broker leads.
  • 63 best mortgage rate.
  • 64 online credit card processing.
  • 65 personal injury lawyer.
  • 66 mesothelioma attorney.
  • 67 fixed rate mortgage.
  • 68 accident attorney.
  • 69 conference calling.
  • 70 sub prime mortgage leads.
  • 71 home improvement loans.
  • 72 domain hosting.
  • 73 defense attorney.
  • 74 credit card 0 apr.
  • 75 data recovery.
  • 76 credit card merchant account.
  • 77 credit card acceptance.
  • 78 injury lawyer.
  • 79 currency trading.
  • 80 mortgage leads.
  • 81 merchant credit card.
  • 82 business intelligence.
  • 83 injury attorney.
  • 84 network marketing software.
  • 85 sales leads.
  • 86 online college degree.
  • 87 leads lists.
  • 88 mba online degree.
  • 89 debt counseling.
  • 90 malpractice attorneys.
  • 91 debt management.
  • 92 domain web hosting.
  • 93 crm software.
  • 94 edi software.
  • 95 credit card service.
  • 96 lawyers malpractice.
  • 97 cheap web hosting.
  • 98 web content management tool.
  • 99 Chicago medical malpractice.
  • 100 ecommerce web hosting.
  • 101 mortgage rate.
  • 102 subprime mortgage leads.
  • 103 mortgage rates.
  • 104 balance transfer credit card.
  • 105 safeco insurance.
  • 106 annuity leads.
  • 107 mortgage leads for sale.
  • 108 attorneys medical malpractice.
  • 109 debt consolidation leads.
  • 110 stock trading online.
  • 111 inexpensive web hosting.
  • 112 web content management software.
  • 113 virtual web hosting.
  • 114 credit card processor.
  • 115 life insurance.
  • 116 medigap insurance.
  • 117 web hosting reseller.
  • 118 hosting.
  • 119 california mortgage.
  • 120 orlando medical malpractice.
  • 121 online trading.
  • 122 crm online.
  • 123 special finance leads.
  • 124 direct mail lists.
  • 125 asbestos lung cancer.
  • 126 business sales leads.
  • 127 debt free.
  • 128 asset management software.
  • 129 debt solution.
  • 130 low interest credit card.
  • 131 card credit debt.
  • 132 exclusive mortgage leads.
  • 133 whole life insurance.
  • 134 mortgage interest rate.
  • 135 discount web hosting.
  • 136 debt relief.
  • 137 lawyer houston.
  • 138 online associate degree.
  • 139 web site content management.
  • 140 lawyers medical malpractice.
  • 141 credit card machine.
  • 142 orange county search engine optimization.
  • 143 wireless credit card.
  • 144 adjustable rate mortgage.
  • 145 asset management technology.
  • 146 debt help.
  • 147 online bachelor degree.
  • 148 duplication dvd.
  • 149 mortgage.
  • 150 automotive direct mail.

Two Simple way to Increase traffic to your blog

Two Simple way to Increase traffic to your blog:-


                     It is very easy to build a new blog or website but Increase traffic to your blog and website's is not a easy task for everybody.If you are website owner then you must want good amount of visitor which is very difficult for creating newer blog.That means if your blog content are fresh and new so people may find something interesting in your blog.You are position about "Get,Set and Go" your blog can get huge amount of traffic automatically.
But you have must some thing to do to promote it.

2 Simple way you can and must necessary thing to increase your blog traffic.

1st:- Make your blog Eye-catching to visitor and search Engines friendly:-

  • * Write fresh and original content for your blog reader's.
  • * Submit your Site to Search-Engine.
  • * Provide email subscription to your visitor's.
  • * Select Best keyword to your website not over optimized.
  • * Submit your site to Google and Bing webmaster tool's.
  • * Make your blog or website attractive.Add related post,read more button to your site.

2nd:- Promoting your blog via Social Networking Site's:-
  • * Join Most popular Social Networking Site Facebook,twitter etc. be active daily.
  • * Make Facebook Page about your blog or website.
  • * Make Google+ Page about your blog and following same niche visitor's.
  • * Make advertisement to your blog of Google Adwords and E-commerce site's.

Thanks.

Friday, December 28, 2012

Remove Floating Feedback Button in Blogger/Blogspot Dynamic View

Remove Floating Feedback Button in Blogger/Blogspot Dynamic View:-

 

In this post i will show you how to remove floating feedback button in blogger/blogspot dynamic view which include feature in screenshot and various information! It is good to send feedback directly to Google but why add such useless things.!

Feedback menu placed at the bottom-right corner of blog can be remove by short and simple steps using  CSS display method.

Remove Floating Feedback button in Blogger Dynamic View : BEFORE
 Simple Steps:-

  • Go to Blogger/Blogspot Dashboard  -->
  • Template -->
  • Customize -->
  • Advanced -->
  • Add CSS -->
  • Paste the following code -->

a.feedback {display:none;}


Apply to Blog -->

Done....!

 You are done!

Remove Floating Feedback button in Blogger Dynamic View : AFTER

Thursday, December 27, 2012

Sliding Google+plus Pop Out Follower Box

 Sliding Google+plus Pop Out Follower Box For Blogger:-


     Google+ plus is quickly growing.October 2011 it already had over 40 million user's and is the fastest growing social media site ever.Google Recently Launches Follower widget for all website.You can add this widget to your blog by going to layout -->> Add gadget,but that old way to show your visitor this visit.I just customize this widget little with CSS.Now this widget will float on left side of your blog and when any visitor will put mouse over it then it will slide and expand itself.



 Adding This Widget To Blogger:
  •     Go To Blogger/Blogspot Dashboard.
  •     Click On Layout Tab.
  •     Now Add Gadget -->> HTML/JavaScript.
  •     Paste Below Code There.

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
//<!--
$(document).ready(function() {$(".gplusbox").hover(function() {$(this).stop().animate({right: "0"}, "medium");}, function() {$(this).stop().animate({right: "-330"}, "medium");}, 500);});
//-->
</script>
<style type="text/css">
.gplusbox{
background: url("http://4.bp.blogspot.com/-P_L7snSQIhY/UNwbKcrJWII/AAAAAAAABYY/Qpz93Gv34cw/s1600/g++itbooster.jpg") no-repeat scroll left center transparent !important;
display: block;
float: right;
height: 330px;
padding: 0 0px 0 46px;
width: 325px;
z-index: 99999;
position:fixed;
right:-330px;
top:20%;
}
.gplusbox div{
padding: 15px;
background: white;
border: 2px solid #D64937;
border-right: 0;
}
</style>
<div class="gplusbox"><div>
<div class="g-plus" data-action="followers" data-height="300" data-href="https://plus.google.com/106849304625432735979" data-source="blogger:blog:followers" data-width="320">
</div>
<script type="text/javascript">
      (function() {
        window.___gcfg = {'lang': 'en'};
        var po = document.createElement('script');
        po.type = 'text/javascript';
        po.async = true;
        po.src = 'https://apis.google.com/js/plusone.js';
        var s = document.getElementsByTagName('script')[0];
        s.parentNode.insertBefore(po, s);
      })();
    </script>
</div></div>


  •     Now Replace RED Color highlighted Code with your Google + page or profile URL.
  •     Click On Save Button And Preview your blog and you will see this widget live on your blog.

Wednesday, December 26, 2012

Add Link Back To This Post Widget


Add Link Back To This Post Widget Below Blogger/Blogspot Post:-


Link to this post widget is best way to increase your SEO.This tool will help you to increasing page view and traffic to your blog.Link to this post widget contains to text boxes,in first you find the URL of your posted article and second text box you find a HTML code which include your title and url of your article.Best benefit of this tool is it update's automatically you don't have to update it separately when you post a new article.
Add this widget to blog below every post will bring you visitor and backlink of your site because when some posted HTML code to his site you get free backlink.
Installation of this widget is very easy you just have a add one code in your blog html and you are done.

Now see how to add Link to this post widget below every post on blogger/blogspot.

How To Add This Widget To Blogger?
  • Go to Blogger account Dashboard >> Template
  • Download a copy of your templates for backup.
  • Click on Edit HTML.
  • Hit Proceed.
  • Click on Expand Widget Templates Checkbox.
  • Find below code in your Template.

     <data:post.body/>

Note - If you can't find this <data:post.body/>

Then Find
 <div class='post-footer-line post-footer-line-1'/>
or
<div class='post-footer'>
and add below code just above it.

Paste below code right under it:-
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<p style='color: #7AA1C3;font-weight: bold;'>If you Like This Article,Then kindly linkback to this article by copying one of the codes below.</p>
<p style='color: #CF152A;font-weight: bold;'>URL Of Post:
</p><textarea cols='60' id='url' onclick='this.focus();this.select()' readonly='readonly' rows='2' style='border:2px solid #FF0000;background:#fff; height: 2.6em; width: 98%;' title='Click to highlight'><data:post.url/></textarea><br/>
<br/><p style='color: #CF152A;font-weight: bold;'>Paste This HTML Code On Your Page:</p>
<textarea cols='60' id='HTML-code' onclick='this.focus();this.select()' readonly='readonly' rows='2' style='border:2px solid #FF0000;background:#fff; height: 2.6em; width: 98%;' title='Click to highlight'>&lt;a href=&quot;<data:post.url/>&quot;&gt;<data:post.title/>&lt;/a&gt;</textarea>
<div style='text-align: right;font-size: x-small;'>
<a href='http://www.itbooster.blogspot.com' target='_blank'><span style='color: #838383;'>Get this widget</span></a></div></b:if>

 Now SAVE your template and visit any article page.

Thanks.

Sunday, December 23, 2012

Effect Button's in CSS

 

Effect button's in CSS:-


I am going to teach you how to make good effect button's for your page,blog or website.
As you all know it all start's with CSS & HTML.So you should have little knowledge of CSS & HTML.
It's not very tough to make this god looking hover effect buton's.



If you also want to put this good looking button's in your blog then follow some quick step's:-

As I told you that we need the help of CSS in making this type of button's.Below are some CSS codes copy that code in your website.

a.hupt:link {
color: #6E6E6E;
font: bold 12px Helvetica, Arial, sans-serif;
text-decoration: none;
padding: 7px 12px;
position: relative;
display: inline-block;
text-shadow: 0 1px 0 white;
-webkit-transition: border-color .218s;
-moz-transition: border .218s;
-o-transition: border-color .218s;
transition: border-color .218s;
background: #F3F3F3;
background: -webkit-gradient(linear,0% 40%,0% 70%,from(whiteSmoke),to(#F1F1F1));
background: -moz-linear-gradient(linear,0% 40%,0% 70%,from(whiteSmoke),to(#F1F1F1));
border: solid 1px gainsboro;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
margin-right: 10px;
text-align: center;
width: 70px;
transition: width 1s;
-moz-transition: width 1s;
-webkit-transition: width 1s;
-o-transition: width 1s;
}

a.hupt:hover {
color: #333;
border-color: #999;
-moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2) -webkit-box-shadow:0 2px 5px rgba(0, 0, 0, 0.2);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
width: 160px;
}

FAQ:
Where To Paste This Code????
If you don't know where to paste this code i will teach you follow the step's:-

  •     Go to blogger/blogspot dashboard.
  •     Now open template designer.
  •     After opening  template designer go to Advanced->>Add Css.
  •     And there paste the code.

Now where You Want to show this button here is HTML code paste the code the button will start appearing.

<div class="testbutton">
<a class="hupt" href="YOUR-URL">FB
</a></div>

Remove Post Footer from blogger/blogspot blog's

 Remove Post Footer from blogger/blogspot blog's:-


It is really to easy to remove post footer by CSS.Post Footer are useful in blog's.Post-footer has a share button,rating poll etc.But if you want to remove the post footer then follow following step's.

Let's do it with step-by-step instruction.

  First go to Blogger/Blogspot Dashboard ->> Template >> Customize ->> Advanced ->> Add CSS

    Now Copy the following code and paste it on there.

.post-footer
{
display: none;
}

 Now Apply this And Your Blog Footer will removed.

How To Split Blogger Header Into 2 Section

 How To Split Blogger Header Into 2 Section:-


 Blogger/Blogspot is having very simple layout which you can customize through template designer.You can add two sidebar or 3 column footer to your blog but there is no way by which you can split your blog header in two part's. Splitting your blog header and adding Adsense ad's can help to boost your CPC And Click's,you can also add any widget in your blog header like search box of social sharing button.Just follow below step's to divide your blog header in two part's.

Step 1:-

  •     Go to Blogger/Blogspot Dashboard
  •     Click On Template ->> Edit HTML ->> Proceed
  •     Make Sure That Expand Widget Template checkbox is UNCHECKED
  •     Now find below code there

<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='My Test  Blog (Header)' type='Header'/>
</b:section>

    Insert Following Code Right Under (after) It.
    <b:section id='header-right' showaddelement='yes'/>
    <div style='clear: both;'/>

    Finally Codes Should Like Like This:
    <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
    <b:widget id='Header1' locked='true' title='Blogger Sentral Widget Showcase (Header)' type='Header'/>
    </b:section>
    <b:section id='header-right' showaddelement='yes'/>
    <div style='clear: both;'/>

Step 2:-
  •     Now Find ]]></b:skin>
  •     Paste Below Code Above ]]></b:skin>

    #header, body#layout #header {width:45%;display:inline-block;float:left;}
    #header-right, body#layout #header-right {width:40%;display:inline-block;float:right;padding:15px;}
    #header-right .widget {margin:0;}

     You can easily see highlighted text in code.Adjust Both header width according to your choice.
    After Finishing All Step's Click On Save Template Button And Enjoy Your Second Header.

Adding Widget In Header:
  •     Go to Blogger/Blogspot Dashboard.
  •     Click On Layout Tab.
  •     There you will find add gadget option next to your blogger/blospot header just click on it and add any widget you want to add.


Make Mouse over Facebook Share Button For Blogger/Blogspot


Make Mouse over Facebook Share Button For Blogger/Blogspot:-


Hi friend's my tutorial about HTML.I am going to teach you how to make mouse over Facebook share button For Blogger/Blogspot.

So lets Start:-

Click Me

 Copy The Following Code And Paste In You Website:-

<a href="Paste The Given Link Here"><img alt="Click Me" onmouseout="this.src='https://lh4.googleusercontent.com/-RruKf7ur62Y/UNb7SnOPJ1I/AAAAAAAABM4/y92An_31R2k/h120/Icon-Black-Facebook-1.jpg'" onmouseover="this.src='https://lh6.googleusercontent.com/-5W2ydySX6L4/UNb7TWzy46I/AAAAAAAABNA/xNV3c1q_znA/h120/Icon-Black-Facebook-2.jpg'" src="https://lh6.googleusercontent.com/-lS1ggMPWGpM/UNb7UV-q_UI/AAAAAAAABNI/NlaN5jKbEjc/h120/Icon-Black-Facebook-3.jpg" /></a>


Now Replace The Paste The Given Link Here With the following link-

http://www.facebook.com/sharer/sharer.php?u=http%3A%2F%2FYour Website URL

NOTE:-
     Write website URL like this "http://www.facebook.com/sharer/sharer.php?u=http%3A%2F%2Fitbooster.blogspot.com/"


What is HTML? by ITBooster

What is HTML? by ITBooster:-

 



HTML is a language for describing web page's.HTML element's are the basic building-block's of webpages.HTML stands for Hyper Text Markup Language.HTML is written in the form of HTML elements.

Like:

<html>
<body>

<h1>ITBooster</h1>

<p>ITBooster is Great Site</p>

</body>
</html>

In between these tags web designer's can add text,tags,comment's and other types of text-based content.

By The help of HTML I am going to teach you many wonderful thing's by which you can make your Website look good and attractive.

So Trust Us Daily Come and check our post and daily learn some new thing's.



Pinterest Pin It Button On Image Hover For Blogger/Blogspot

Pinterest Pin It Button On Image Hover For Blogger/Blogspot:-



The internet has fallen in love with Pinterest,It is fast growing social networking site with million's of daily page view.Getting lot's of pins from your blog post's can increase engagement and drive traffic.In this post I will provide you widget which will help you to get more pins from your blog,whenever any reader will put his mouse on image placed in blog post area then Pin It button will automatically appear on image.With this widget pinning image just got easier.

This widget automatically pick correct post title and post URL.It auto fill the image description with help of post title.This widget work's on all browser and the widget code is very small which make this widget installation simple.
Thanks to Greenlava from bloggersentral for providing this awesome widget.


 Adding This Widget To Blogger/Blogspot:

  1.     Go To Blogger/Blogspot Dashboard.
  2.     Click On Template -> Edit HTML -> Proceed.
  3.     Now find </body>.
  4.     And Paste Below Code Above </body>.

<script>
//<![CDATA[
var  bs_pinButtonURL = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaA8cUb5rNWlRG_OkgqAzhdNfxCkMkJXMCyV731dOIPAHSPZvLg_t8tE2_06J0oY4eBM01O2sDmyZ7ZJs0sv3yH4vH-ywOYSBzI-Xn20JOiUEwESpZADu0SPnRGvKDKi0eGZPn8qshNFDT/s1600/pinterest-icon+(2).png";
var bs_pinButtonPos = "center";
//]]>
</script>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js' type='text/javascript'/>
<script src='http://itbooster.opendrive.com/files/MV81OTczODY2X0dVUXZu/itbooster-pin.js' type='text/javascript'/>
<!-- please do not alter or remove the following code -->
<div id='bs_pinOnHover'><a href='http://www.bloggersentral.com/2012/11/pinterest-pin-it-button-on-image-hover.html'>Pin It button on image hover</a></div>

  •  To reposition the button,replace Center in line 4 with the new position as listed below:
  1. topleft
  2. topright
  3. bottomleft
  4. bottomright

Now Click On Save Template Button.

How To Remove The Blogger/Blogspot Navgation-Bar.

How To Remove The Blogger/Blogspot Navgation-Bar:-



Who host their blog's on Blogger/Blogspot (www.blogger.com) complain about the inability to remove the blogger/blospot navigation-bar via their element's page.Indeed, if that's where you are looking, the only thing you'll be able to do from there is change the color to one of several per-determined selection's.

If you really want to remove the blogger navigation-bar,you need to access your HTML template.Before I tell you how to do that,however, I'd like to first talk about why you may or may not want to remove the navigation-bar from your blogger/blogspot blog.

Main Reason's To Remove It:
  1.      It looks more professional without it: Depending on what your purpose for blogging is, you may choose to remove the blogger/blogspot navigation-bar because having one makes a blog look more like a free-hosted blog and less like a professional site worth taking seriously.
  2.     It gives you more space at the top of your page: This may not seem significant, but not having the navbar there does give you a bit more space for graphics.I have found this space to be quite useful when designing my own blog's.

Main Reasons To Keep It:
  1.     It makes editing a little bit easier:  You can login directly from the blog itself, and don't have to worry about logging into blogger/blogspot.You can also edit capsules from the main page, without having to go into element's.
  2.     You get a teeny bit of traffic from the "next blog" button:  And I do mean teenie. I can't even recall the last time I saw traffic from it.

How To Remove It:

If you've decided that you definitely want to remove your blogger/blogspot navigation-bar,it's actually a very simple process that any non-technically-inclined person can accomplish with ease.
Just follow these step's:

Step 1: Login to your blogger/blogspot dashboard.

Step 2: Click "Layout".

Step 3: Click "Edit HTML".

Step 4: Find the BLUE code you see in the image to your right. The code will be quite near the top of your HTML section, you shouldn't have to scroll very far at all.The blue code should definitely be there, but the data box you see may not be, depending on where your template came from.


Step 5: ADD the code you see in red precisely where you it see it in the image to your right.If you want to copy and paste it, do so from the bold text you see below:

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

Preview It First!
Use your preview button before you click save!
If you like what you see, go ahead and save.

What happens if I want the navigation-bar back in the future?
Simply go back into your HTML the same way and delete the part you just added.
It's really that simple.!

Tuesday, September 4, 2012

How to Add Image in Blogger/Blogspot Blog Post?


How to Add Image in Blogger/Blogspot Blog Post?


Blogger tutorial,today I am going to show you how to add image in blogger/blogspot blog post.

Now let’s start the tutorial to add image in blogger/blogspot blog post.

Step 1: Go to Blogger and login with Gmail ID and Password. (www.blogger.com )

Step 2: From Blogger Dashboard click on Create New Post. Shown in below picture.


Step 3: Type your post article in Title area. Shown in below picture.



Step 4: In article description area click on Insert Image. Shown in below picture.


Step 5: Blogger will open a new page to add image in blogger post.You can insert images in your blogger post in many ways such as from the blog,picasa web albums,phone,webcam,url or computer.So choose the right one for you.To upload image from computer,click on Upload and Choose Files.Shown in below picture.


Step 6: Then select your image location and click on Open.Shown in below picture.


Step 7: Blogger will start to upload your picture.

Step 8: Click on Add Selected.Shown in below picture.


Done.
You have successfully inserted image to blogger/blogspot post.

If you are happy with inserted image then click on Publish..

How to write first blog at Blogger/Blogspot?

How to write first blog at Blogger/Blogspot?



I hope you have successfully created your own blogsite at blogger already.Now in this tutorial I am going to show you how to write first blog at blogger with image tutorial for you.This tutorial especially based on those people who are new to blogging world.

But in today’s world time has changed.Blogging people are divided in two categories.One is hobby and another is Professional.The professional one works like business.And for the business people are ready to do anything to get success.They are doing cheating or not with their valuable readers,it does not matter for them.They only mean to do business with blogging.

Now come to the point.I did the above discussion to tell you the importance of blogging.Please don’t betray with your reader's or visitor's.They are life of your blog.Make your reader's or visitor's happy to read your article without any hassle (like too much monetization trick's, incomplete article, stolen articles and so on).It does not matter blogging is your hobby or profession please be loyal with blog writing.
Lets start to write first blog at blogger with image Tutorial.

Step 1:
Login to your blogger account with gmail.

Step 2: Click on Create New Post from blogger dashboard. Shown in below picture.

Step 3: A new page will open.New Create Post page will like below picture.I put some number to make it clear for you to understand.See at below picture.

Step 4: Now let me clear about this number in above picture.

Number 1: It called Compose.If you choose compose mode for your new post then you don’t write any html code.Whenever you write new word it will auto generate new HTML code for you.

Number 2: If you have knowledge in HTML, this option will help you to write html code for your new post. HTML code looks like below picture.


Number 3: It is article Title.Article title is very important.So always try to write a very good article title.

Number 4: This option is used for to write the details of your article title. You can write, add picture, html coding, video within this field.

Number 5: You can use this option to look a quick preview on how it will look like after publishing.

Number 6: This option is used for to save your article.If you need to go outside urgent form your home when you are writing new post, you can use this option to save your article.

Number 7: This option is used for to publish your article.After writing,editing and quick preview,when you click on Publish, your article will be open for worldwide readers to read your article.

I hope you will now able to write first blog post at blogger.If you have any problem after reading this just give me a shout at below comment box.
                                                                        I will be happy to help you.

Wednesday, June 27, 2012

Add social sharing gadget into blogger/blogspot.

Add social sharing gadget into blogger/blogspot:

Social networking is the best place for gather traffic for web sites and blog.If you can add attractive gadget to your blog then you can get good traffic.
However blogger/blogspot has few social sharing links,but now there's popular social sharing gadget to blogger/blogspot.

AddThis is a free way to boost traffic back to your site by making it easier for visitor's to share your content.

Getting Addthis code:

  •     Create a new account in Addthis site. (http://www.addthis.com/)
  •     If you have "Facebook" , Google or Open ID accounts you can log in to "Addthis" using above accounts.
  •     Go to "Get Addthis".
  •     Then choose blog "platform" and your prefer "style".
  •     Click "Grab It" for copy addthis code.

Adding addthis code into blogger/blogspot:
  •     After that Login to your blogger/blogspot. Go to "Design" > "Page Elements">"Add gadget">"HTML/JavaScript ".
  •     Past above copied code in to "HTML/JavaScript "
  •     Click save/If you wants preview how this gadget position your blog click "Preview".

    That's all.

How to create Facebook fan page for a blogger/blogspot.

How to create Facebook fan page for a blogger/blogspot:

Social networking is the best place for gather traffic for web sites & blog.If you have Facebook fan page for your blog you can keep in touch with your blog visitor's.If you like to make your Facebook fan page separately form your personal account now you can do it.


Create Facebook fan page:

  •     Go to  "https://www.facebook.com/pages/create.php"
  •     Choose "Brand or product".
  •     Choose category as a "Web site" .
  •     Give your Fan page name. (Its better give your blog name).
  •     Click "agree" and click "Get start".
  •     If you like to create your Facebook fan page using your personal account this step  select  "I already have Facebook account"
  •     If you don't want create your Facebook fan page using your personal account select "I don't have Facebook account".
  •     Submit your email address and passwords.

Done..

Add free Contact Form to Blogger.

Add free Contact Form to Blogger:

It's better if we can add contact form for our blog.Then our visitor's can easily contact blog Owner.If we added our email address to contact page its not good way.If we can added contact forum we can get our blog visitor's feedback easily to our inbox.

You can easily add contact forum for your blogger/blogspot.123contactform is the one of the best contact forum for blogger/blogspot.You can create your contact forum in 3(three) styes.

How to add contact form to blogger/blogspot:

  • Visit 123contactform.com web site and create an free account "123contactform".
  • Go to "Dashboard" and click "create new forum".
  • Then choose "Contact Form".
  • Then type appropriate name for your contact forum.
  • Then you can add fields to your forum. (Name, Message and email fields are automatically added)
  • Click "continue" for go to next stapes.
  • Then you can choose your contact forum settings,themes,notifications,respond email etc.
  • After you finish above stapes click "continue" for go ahead.
  • Final stapes is generating code, for blogger/blogspot select "Blogger" feild and copy " Javascript (recommended)" code.
  • Past above Javascript your blog contact page.

Tuesday, June 26, 2012

How to text for Adsense target selected content.

How to text for Adsense target selected content:


It's better if we can target selected content for Adsense.Then all adsense ads are relevant to our article content.So that we can expect higher CTR.Most of the time Adsense consider all the web page contain keyword's for display ads.Adsense allow this kind of trick.


How to target selected content for Adsense:
  •     Log-in to your Blogger/Blogspot account and go to Dashboard.
  •     Then go to Design>Edit HTML.
  •     Then check Expand Widget Templates.
  •     Then press your keyboard F key with Ctrl. and search <data:post.body/>
  •     Then replace following code.

            <!-- google_ad_section_start -->
            <data:post.body/>
            <!-- google_ad_section_end -->


    Click save for apply this trick to your blog..

Remove blogger "Subscribe to: Posts (Atom)" link.

Remove blogger "Subscribe to: Posts (Atom)" link:

In every blogger/blospot platform blog display Subscribe to: Posts (Atom) on end of the page.If you want's to remove that in your blog you can do it easily by simple HTML hack.

Subscribe to: Posts (Atom) screenshot:

How to remove blogger/blogspot "Subscribe to: Posts (Atom)" link:
  •     Log-in to your blogger/blogspot account.
  •     Go to Dashboard > Desing > Edit HTML.
  •     Then Click your Ctrl and F key on your keyboard and locate out following code.

  •  <b:include data='feedLinks' name='feedLinksBody'/>

  •     Now remove that code and click "Preview" if its ok now save your template.

  • Above code display in your blogger HTML as following screenshot type.


Note:
            If you think you want to add this code later please copy and past it in text file and save it in your computer hard disk.