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

Seo Master present to you:

™Buat sobat blogger yang suka dengan artikel saya, silahkan anda share di mana saja anda suka (blog, facebook, twitter dll). Namun, bila berkenan mohon cantumkan link sumber dari artikel yang sobat blogger share (copy/paste). Mari bangun Indonesia lebih baik lagi, dengan berbagi informasi yang bermanfaat. Terima kasih™

2013, By: Seo Master

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