What's another alternative for this line code?

<div id='sidebar-wrapper'>

Seems like a common problem. Can't find anything thru google. I guess new blogger templates have a different sidebar code. Thought I found it but it did not work. Really driving me crazy as no search can find it online just a bunch of people looking for it too.

Thanks. It's for the template in my blog that's in the sig.


Blogger Sidebar

​

 

are you looking for what it goes to?

 

No, I need to put code in after this line but this line is not found in my template.

http://www.mybloggertricks.com/2011/06/add-social-media-share-widget-to.html

^skip to step 4 and everyone has trouble finding that line because it does not exist in newer templates. What line is used instead of it?

 

Simply visit w3school.

 

which cms you r using ???

 

Broadly speaking the process is as follows:

Analyze the structure and style of the template.
Adding a new editable area, ie the area to add new gadgets.
Modify styles.
To follow this without issues this and any other tutorial that involves making changes in the structure of a blog or website is very advisable to know some html and CSS. So:

Analyze the structure and style of the template



For the majority of the templates, and specially Blogger ones, have a very similar structure, a header with title and description, a wrapper with the main column, a sidebar, and a footer with credits and some other information.

In this case our interest is the wrapper in which we have the content and the sidebar, starting from the Blogger code (Design/Edit HTML) it looks something like this:

<div id='content-wrapper'>
<div id='main-wrapper'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Blog Entries' type='Blog'/>
</b:section>
</div>

<div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar' preferred='yes'>
<!-- Sidebar's widgets and gadgets code -->
</b:section>

</div>
</div>

 

visit w3school...