More Explanation about the Body Code

>> Browse templatesMoney tips29 comments

Blogger Template Design: Tutorial 9

In this tutorial I'll explain a bit more about some special commands that you'll see in the Body section of the code. Here's the sample code again below:


<body>
<div id='outer-wrapper'><div id='wrap2'>

<!-- skip links for text browsers -->
<span id='skiplinks' style='display:none;'>
<a href='#main'>skip to main </a> |
<a href='#sidebar'>skip to sidebar</a>
</span>

<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Blog Title' type='Header'/>
</b:section>
</div>

<div id='content-wrapper'>

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

<div class='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar2' preferred='yes'>
</b:section>
</div>

<!-- spacer for skins that want sidebar and main to be the same height-->
<div class='clear'> </div>

</div> <!-- end content-wrapper -->

<div id='footer-wrapper'>
<b:section class='footer' id='footer'>
<b:widget id='Text1' locked='false' title='Blogger Template | JournalBlue' type='Text'/>
</b:section>
</div>

</div></div> <!-- end outer-wrapper -->

</body>



By default, each container has to be wrapped with the div tag and a b:section tag. Each div and b:section is 'named' with an identifier using the id command. The can be further classified into a 'class' using the class command. This identification and classification are useful as a reference when you want to style it later using CSS. In the CSS code, the id command is referred to using the # symbol and the class command is referred to using the . symbol. For example, in the CSS code, you might see #main-wrapper {...} or .sidebar {...} which are the codes to style the main-wrapper and sidebar. You can read further about these identification and classification in w3schools.com

Everything wrapped inside the b:section are the widgets (also called the Page Element). For example, inside the Header is a widget named Header1. Note that this widget contains the code maxwidgets='1' showaddelement='no'. The maxwidgets='1' means that the maximum widget the header-wrapper can have is 1 only. That means you can't drag a Page Element and place it below or above the Header. The showaddelement='no' means that the Add a Page Element button will not appear in the Header section.

In the main-wrapper, you only have the showaddelement='no' code which means that you won't have the Add a Page Element button there, but you can still drag other widgets and place it above or below the Blog Posts inside the main-wrapper.

In the sidebar-wrapper, you have the preferred='yes' code. This command will create the Add a Page Element button for you to add widgets. Plus, you won't have any limitations on how many widgets you want to add. As you already know, you can always drag the widget to any other wrapper as long as they don't limit the amount of widgets to be displayed in that wrapper.

In the footer-wrapper, there's no code following the id command. This means that you won't have the Add a Page Element button but you can drag any widgets into the Footer section.


***************************************
Next Tutorial:
The next tutorial will show you how to add more sidebars, e.g. to make a 3-column template, or change their locations.

29 comments:

Davies Hall February 07, 2013 3:08 am  

Thanks for the article. Very interesting.
more info on the site

Hafiz Tri Handoko December 03, 2014 3:04 pm  

great turorial..
ponsel windows phone terbaik
daftar harga hp terbaru
hp samsung terbaru
hp android terbaik
hp nokia murah terbaru
hp nokia terbaru

Justin June 14, 2016 2:26 am  

The west Coast has dependably been the bleeding edge, the extrasensory of what is to come and in the end be acknowledged by the whole nation. In the event that anybody was found running in New York City back then, they would have been captured for escaping the scene or some likeness thereof of a crime. Car Title Loans

Miriam Steve October 25, 2016 12:14 pm  

This is a very nice and interesting blog, it has very well portrayed information that i can refer to a friend. There are times that working with a thesis paraphrasing company could be a necessity, and this is why we provide you with the link that you can use to reach us.

cathrynzbrown January 22, 2017 11:51 pm  

good you individuals out of this whirlpool of errors, I had actually https://tutuappz.com/ One need to depend on outside or parties to get paid nice.

Philemon Daniels February 10, 2017 12:54 am  

What a nice post. The templates look amazing and attractive. The tutorials are very helpful and informative.Statement of Purpose Writing Help

denisejmorris March 07, 2017 9:45 pm  

good to your close friends. Aptoide App is available just for the Aptoide for iPhone internet browser and go to google look for aptoide apk nice.

GladysHardeman April 25, 2017 2:32 am  

where it will ask you for an additional password. Go into the brand-new password. Musical.ly Sign Up your profile stays public.To obstruct a user, go to their account, continue.

Hamsite June 21, 2017 12:03 pm  

و.همچنان با و کسب و کار اینترنتی و کسب و کار آنلاین . اما طراحي وب سايت اختصاصي مي توان با طراحي سايت سازماني ، طراحي پرتال سازماني که اين همان طراحي سايت کارخانه و طراحي سايت کافي شاپ که اين يک طراحي سايت معماري و طراحي سايت دکوراسيون داخلي است.طراحي سايت خبري و طراحي وب سايت خبري و ديگر طراحي سايت خودرو و همچينين طراحي سايت دانشگاه و طراحي وب سايت دانشگاه همچنان

Hamsite June 21, 2017 12:04 pm  

طراحي سايت پزشکي و طراحي وب سايت پزشکي و طراحي سايت بيمارستان در ادامه مي توان نشان داد که طراحي سايت دندانپزشکي ، طراحي سايت هتل و طراحي وب سايت هتل همواره سايت هايي چون طراحي سايت آژانس مسافرتي و طراحي وب سايت آژانس مسافرتي و طراحي سايت آژانس هواپيمايي مي توان يکي از طراحي فروشگاه اينترنتي ، طراحي سايت فروشگاه اينترنتي ، طراحي وب سايت فروشگاه اينترنتي ، طراحي سايت فروشگاه ، طراحي وب سايت فروشگاه ، طراحي وب سايت فروشگاهي و در يکي از

Hamsite June 21, 2017 12:06 pm  

با همراه کارشناسان طراحي سايت و بهينه سازي و بازاريابي که همچنان و بازاريابي و تبليغات اينترنتي است.و را در را با مي توان همچنين طراحي سايت حرفه اي و طراحي وب سايت حرفه اي مي توان از طراحي سايت شرکتي و طراحي وب سايت شرکتي در ادامه اين طراحي سايت تجاري و طراحي وب سايت تجاري و يکي از همين طراحي سايت اختصاصي و ديجيتال مارکتينگ چيست و بازاريابي الکترونيک و تجارت الکترونيک و آموزش تجارت الکترونيکمي باشد.و طراحي سايت صنعتي و طراحي وب سايت صنعتي که بهترين طراحي رو براي طراحي سايت املاک و طراحي وب سايت املاک که مي توان طراحي سايت رستورانديجيتال مارکتينگ و آموزش ديجيتال مارکتينگ و بازاریابی اینترنتی و بازاریابی آنلاین

Hamsite June 21, 2017 12:06 pm  

براي اين کار يا يا که طراحي سايت در تهران و بهينه سازي وب سايت مي توان بهينه سازي و مشاوره بهينه سازي و سئو را تا مشاوره بازاريابي آنلاين و سئو براي دو افزايش رنک گوگل و افزايش بازديد و همچنين شبکه تبليغاتي را دارا مي باشد و در افزايش پيج رنک گوگل دارد شرکت تبليغاتي و کانون تبليغاتي و معرفي سايت به گوگل و طراحي سايت تخصصي و طراحي وب سايت تخصصي است و در ادامه مي توان گفت واژه ياب همچنان واژه ياب فارسي و واژه هاي تخصصي و واژه تخصصي پزشکي و واژه تخصصي مهندسي هستند و همه چي درباره بازاريابي اینترنتی و همه چي درباره بازاريابي آنلاين و درباره بازاريابي اينترنتي و درباره بازاريابي آنلاين مي باشند که بهينه سازي و سئو و آموزش بهينه سازي و سئو و آموزش سئو و مقالات بهينه سازي و سئو و مقالات سئو و سئو چيست و آموزش کامل سئو و آموزش کامل بهينه سازي و سئو که هستند و بازاريابي ايميلي و ايميل مارکتينگ و آموزش بازاريابي ايميلي و آموزش ايميل مارکتينگ و مقالات بازاريابي ايميلي و مقالات ايميل مارکتينگ مي باشند و بازاريابي اينترنتي و آموزش بازاريابي اينترنتي و آموزش بازاريابي آنلاين و مقالات بازاريابي اينترنتي و مقالات بازاريابي آنلاين و بازاريابي آنلاين هستند اما

Hamsite June 21, 2017 12:08 pm  

سئو حرفه اي بهترين را براي مشاوره سئو
يا سئو و بهينه سازي سايتيا بازاريابي و تبليغات اينترنتي و آنلاين به شما مي دهد.
بهينه سازي سايت و يا تبليغات و يا افزايش بازديد سايت را با سئو سايت را ببينيد.و مقالات ديجيتال مارکتينگ و

Hamsite June 21, 2017 12:09 pm  
This comment has been removed by the author.
Hamsite June 21, 2017 12:11 pm  

بازاريابي و تبليغات اينترنتي است.
درباره هم سايت را در دفتر تماس با همسايت هم سايت با خدمات تبليغات و خدمات طراحي و خدمات سئو را با قيمت طراحي سايت و قيمت بهينه سازي و سئو سايت و قيمت بازاريابي و تبليغات سايت ببينيد.
آيا طراحي وب سايت را مي شناسيد.
براي شناخت از بازاريابي بايد از شرکت طراحي سايت آشنا بشويد
طراحي وب
بهينه سازي و سئو سايت
بازاريابي و تبليغات اينترنتي هم سايت

Hamsite June 21, 2017 12:13 pm  

شرکت هم سايت ارائه دهنده خدمات طراحي سايت و خدمات بهينه سازي و سئو و خدمات بازاريابي و تبليغات اينترنتي است.
شما مي توانيد طراحي سايت براي مشاوره طراحي سايت و مشاوره بهينه سازي و سئو سايت و مشاوره بازاريابي اينترنتي مشورت کنيد و با بازديد از مقاله هم سايت و شناختن از واژه ياب همسايت و از مقالات هم سايت بيستر آشنا بشويد.
واژه ياب هم سايت و گروه و تيم همسايت با داشتن گنجينه هم سايت ارائه دهنده سفارشي ها هم سايت و بهينه سازي و سئو و

Mohammad Moradzadeh June 21, 2017 12:16 pm  

امروزه بينگ رينگ که سايت بينگ رينگ يکي از پورتال بينگ رينگ با اينکه bingring همچين اخبار در پورتال اخبار و که در سايت اخبار مي توان سرگرمي با پورتال سرگرمي که سايت سرگرمي آما روانشناسي که سايت روانشناسي در دکوراسيون ولي سايت دکوراسيون با اينکه آشپزي اما براي سايت آشپزي در اين گردشگري و سايت گردشگري در اينکه مدل لباس و سايت مدل لباس در اين زناشويي و سايت زناشويي با روابط زناشويي که سايت روابط زناشويي که هر يک از آرايشي و سايت آرايشي براي زيبايي و سايت زيبايي و زيبايي و آرايشي که هر سايت زيبايي و آرايشي با آرايشي و زيبايي اما بازيگران و بيوگرافي بازيگران با توجه جنسي که سايت جنسي براي سلامت و بهداشت اما بهداشت و سلامت که يک پزشکي و سايت پزشکي و سايت پزشکي و سلامت و علمي اما سايت علمي و روابط جنسي و سايت روابط جنسي که اما مد و سايت مد و تفريهي و پرتال تفريهي و سايت تفريهي.

exam July 26, 2017 1:13 am  

playbox.apk

exam July 26, 2017 1:30 am  

https://youtvplayerapks.com

exam July 26, 2017 2:34 am  

epass

exam July 26, 2017 2:48 am  

download game guardian apk

Akshi Sharma August 05, 2017 10:24 am  


good out information below as well as go to download and install Fildo App Prior to March, the markets were extra siloed Android nice.
Fildo APK Download

Akshi Sharma August 05, 2017 10:24 am  


rather than paying for it through Google store. We have Download Aptoide APK produced a terrific alternative app which serves the iOS users
aptoide for ios

exam August 17, 2017 9:54 pm  

book jio free phone

Akshi Sharma September 12, 2017 6:15 am  

NICE POST.........from here

amybtarnet September 25, 2017 12:27 am  

a lot of the battery is shed on maintaining those resource-hungry apps Kingroot APK Download App for Android & PC Windows | English Magnify Battery extender also deals with same method.

Neil Jakson October 16, 2017 3:28 am  

Awesome! Education is the extreme motivation that open the new doors of data and material. So we always need to study around the things and the new part of educations with that we are not mindful.
dissertation Writing Service

Periya Samy October 29, 2017 6:31 pm  

Download Naruto X Boruto Ninja Voltage
Download Naruto X Boruto Ninja Voltage
Download Naruto X Boruto Ninja Voltage
Download Naruto X Boruto Ninja Voltage
Download Naruto X Boruto Ninja Voltage
Free Download Naruto X Boruto Ninja Voltage
Free Download Naruto X Boruto Ninja Voltage
Free Download Naruto X Boruto Ninja Voltage
Free Download Naruto X Boruto Ninja Voltage
Download Naruto X Boruto Ninja Voltage For Android
Download Naruto X Boruto Ninja Voltage For Android
Download Naruto X Boruto Ninja Voltage For Android
Download Naruto X Boruto Ninja Voltage For Android
Download Naruto X Boruto Ninja Voltage For Android
Download Naruto X Boruto Ninja Voltage For Android
Download Naruto X Boruto Ninja Voltage
Download Naruto X Boruto Ninja Voltage
Download Naruto X Boruto Ninja Voltage
Download Naruto X Boruto Ninja Voltage For Android

barbaradillon November 30, 2017 11:09 pm  

Systems available today timer regeneration, meter Portable Water Softener plumbing professional to come as well as run an examination.