MatrixAdapt | Logiciel de gestion d'Entreprise, Création et référencement des sites web

Seo Master present to you:
For any default Blogger layout, the "Showing posts with label" message shows up above the posts whenever you click on a label link. As it's a pretty useless and annoying message, many people like to have it removed. If that is your wish, just follow the tutorial below:

Removing "Showing post with label...show all posts"

Step 1. Go to Dashboard - Template - Edit HTML (if necessary, click on Proceed button)


Step 2. Click somewhere inside the template code, then search - using CTRL+F - this code:

<b:includable id='status-message'>

After you found it, click on the sideways arrow next to it, to expand the rest of the code.


Step 3. Below is this code that you need to remove - along with the first one, as well:

     <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>

 Step 4. Replace it with this one:

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

Step 5. Save the template. Now view your blog and click on some label....there should be no box anymore.

2013, By: Seo Master

Seo Master present to you:

 

Let’s go one step forward and add an extra gadget section within Blogger header in new template designers. Within this gadget section you can add anything that you may want, for example, subscribe buttons, search box, Pages links list (navigation bar) or your AdSense ads.

Step 1: Go to Design > Edit HTML tab and backup your template.

Step 2: Find for the below code which you have edited and implemented in previous tutorial:

<div class='fauxborder-left header-fauxborder-left'>
<div class='fauxborder-right header-fauxborder-right'/>
<div class='region-inner header-inner'>
<b:section class='header header-left' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Blog's Title (Header)' type='Header'/>
</b:section>
<div style='clear:both;'/>
</div>
</div>

  Now find for <div style='clear:both;'/>  which is marked in red in above code and before it add:

 

<b:section class='header-right crosscol' id='header-right' maxwidgets='1' showaddelement='yes'/>

  So the full code will be:

<div class='fauxborder-left header-fauxborder-left'>
<div class='fauxborder-right header-fauxborder-right'/>
<div class='region-inner header-inner'>
<b:section class='header header-left' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Blog's Title (Header)' type='Header'/>
</b:section>
<b:section class='header-right crosscol' id='header-right' maxwidgets='1' showaddelement='yes'/>
<div style='clear:both;'/>
</div>
</div>

Step 3: Find ]]></b:skin> and before it add the following CSS:

 

.header-right {
display:inline-block;
float:right;
width:400px;
}

Now all is left is to change the width that are marked in bold. Increase or decrease the pixels according to your needs and positioning new header section.

Step 5: Save your template. Go to Design > Page Elements tab and from there you can add a new gadget to the newly created extra header section in Blogger. You may find that the extra gadget section is created just under your Blogger header as shown in the image below.

Click to enlarge 2013, By: Seo Master

Seo Master present to you: For those who are attending I/O, we thought it might be useful to hear from some of the speakers in advance. These videos provide a preview of one or more topics that will be covered in their talks. If you're torn between two sessions at the same time slot, they may help you choose which one to attend. We'll release a few more of these over the coming weeks and we look forward to seeing you at Google I/O, on May 27-28.

Eric Bidelman - Using Google Data APIs and OAuth to Create an OpenSocial Gadget (with Monsur Hossain)



Chris Nesladek - Pixel Perfect Code: How to Marry Interaction and Visual Design the Android Way



Eric Sachs - Practical Standards-based Security and Identity in the Enterprise



Here's a complete list of sessions at I/O.

By Neel Kshetramade, Google Developer Programs2013, By: Seo Master