Tuesday, July 17, 2007

Beginner's Web Site Creating Guide

Know what notepad is and how to use it
Are able to open up a file using Internet Explorer (or the browser of your choice)
Know how to copy and paste text from a webpage (important!).

If you are lacking the ability of the aforementioned items please contact a local geek and ask nicely for a quick lesson.

Tutorial Overview

In this tutorial you will be transcribing code into notepad and then viewing it with a web browser. The code is called HTML (Hyper Text Markup Language) and notepad is a commonly used text editor on Window PCs. HTML may seem confusing at first, but we will help you understand how it works in this step-by-step tutorial of how to make your first web page.

Your First Web Page

To start off with copy the following HTML code into notepad. Be sure to copy the code exactly, otherwise your web page may not function correctly.

HTML Code:








My first webpage!

The above code is all that is required to create a basic web page! Now save your file in notepad by selecting Menu and then Save. Click on the Save as Type drop down box and select the option All Files.

When asked to name your file, type "index.html", without the quotes. Double check that you did everything correctly and then press save. Remember where it was saved to because you will need to open this file, soon!

Viewing Your Web Page - Web Browsers

To view your web page, you are going to have to use a web browser (of course). Web browsers are programs that interpret HTML, like what you have just copied into notepad, and transform that code into a visual representation, or a web page. Common web browsers include:

Viewing your page

To view your web page, you must open the "index.html" file inside of a web browser. Open up another browser window and then follow these instruction.

In the new browser window, select File then Open
Then click Browse to enter Windows Explorer
Do you remember where you file is? Good, then navigate to its location
When you find your file, index.html, double-click the file to open it inside your web browser

Success! You have just viewed your very first webpage.

If this did not work for you, please go through the steps again and follow the directions closely. If you still can't get this to work, please Contact Us and we will get you up and running.

First Web Page - Review

Very good! Now let's be sure that you remember what you learned in this lesson.

how to copy some weird looking text (HTML) into notepad
how to correctly save this weird text in notepad
how to open your saved file and view the your webpage

Your Second Web Page

Now that you have created your first webpage, let us examine the different segments of your "index.html" file. You have probably noticed a pattern of various words that are surrounded with <>. These items are called HTML tags.

An example of an html tag is . The Body tag tells the browser where the page's content begins. Body is also an example of one of the required HTML tags that every web page must have.

Basic HTML Tag Information

Let's learn more about these tags. A basic web page is composed of 2 main tags. If you create a web page without these tags you will be in trouble!

HTML Code:



Your site's content goes here

The first HTML tag, which conviently is labled tells the browser that your HTML code is starting. The second HTML tag, tells the browser that the visible part of the webpage ( your content ) is going to start.

Closing Tags -

You might be wondering what is the deal with the two tags at the end, and . These tags are telling the browser that certain tags are ending. The lets the browser know that your content is ending, while the tells the browser that your HTML file is finished.

The "/" that is placed before the tag's name informs the browser that you would like to stop using the specified tag. is used to begin a tag and is used to end a tag.

HTML Tag Order - Important!

The order that opening tags appear and ending tags appear follow an important rule. If an HTML tag is opened within another, for example the body tag is opened inside the html tag, then that tag(body) must close before the outter(html) tag is closed.

We ended the body tag first because it was opened most recently. This rule of "closing the most recent tag before closing older tags" applies to all HTML tags.

Continue Along

These ideas might take a while to sink in, so how about you create your second web page? Copy this code into notepad, like you did before, following the same directions.

HTML Code:

My Own Webpage!

Welcome to my webpage

Coming soon will be my completed webpage that will wow and impress you!

After you are sure that your HTML code inside notepad is exactly the same as our provided HTML code, go ahead and save your file. You should be saving this file as "index.html". You may be prompted that you will be saving over a file, that is OK, you do not need your 1st web page anymore. When you are done, please continue.

An example of an html tag is . The Body tag tells the browser where the page's content begins. Body is also an example of one of the required HTML tags that every web page must have.

Basic HTML Tag Information

Let's learn more about these tags. A basic web page is composed of 2 main tags. If you create a web page without these tags you will be in trouble!

HTML Code:



Your site's content goes here

Closing Tags -

The "/" that is placed before the tag's name informs the browser that you would like to stop using the specified tag. is used to begin a tag and is used to end a tag.

HTML Tag Order - Important!

We ended the body tag first because it was opened most recently. This rule of "closing the most recent tag before closing older tags" applies to all HTML tags.

Continue Along

These ideas might take a while to sink in, so how about you create your second web page? Copy this code into notepad, like you did before, following the same directions.

HTML Code:

My Own Webpage!

Welcome to my webpage

Coming soon will be my completed webpage that will wow and impress you!

Conclusion & Review

A few new tags were introduced in the last lesson. We will now give you a definition of these new tags to get you ready for starting the real HTML Tutorial. The new tags were: , , <h2>, and <p>.</p><div class="codewrap"><h2 class="specialT">The HTML Code in Question:</h2><pre class="code"><html><br /><head><br /><title>My Own Webpage!

Welcome to my webpage

Coming soon will be my completed webpage that will wow and impress you!

This comes immediately following and is used to tell the browser useful information, such as: the title of your page, the topic of your webpage ( used on old search engines ) and more.

</h1> <p>This tag must comes between <head> & </head> and will label the web browser's title bar, which is located in the top left of most browsers. In the previous example, we titled the page "My Own Webpage!" and that text would show up as the browser's title.</p> <h1><h2></h1> <p>This is a header tag. It will create a "header" that is much larger than the default font size. The "h2" means that it is the 2nd largest header. The largest header is "h1" and the smallest header is "h6". Headers should be used for titles, just like the ones you see on this page.</p> <h1><p></h1> <p>This is a paragraph tag. So when you're writing a paragraph make sure you place <p> at the beginning of the paragraph and </p> at the end!</p> <h1>Continue Your Learning - HTML Tutorial</h1> <p>Now that you have attained a basic understanding for how HTML works, please continue on to our <a href="http://www.tizag.com/htmlT/"><b>HTML tutorial</b></a> section. Here you will learn all the basic HTML tags and attributes required to make a usable web site.</p> <script type="text/javascript"> </script><script type="text/javascript"> </script> <div style='clear: both;'></div> </div> <div class='post-footer'> <div class='post-footer-line post-footer-line-1'> <span class='post-author vcard'> Posted by <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'> <span itemprop='name'>admin</span> </span> </span> <span class='post-timestamp'> at <meta content='http://open-source-tools.blogspot.com/2007/07/beginners-web-site-creating-guide.html' itemprop='url'/> <a class='timestamp-link' href='http://open-source-tools.blogspot.com/2007/07/beginners-web-site-creating-guide.html' rel='bookmark' title='permanent link'><abbr class='published' itemprop='datePublished' title='2007-07-17T23:29:00-07:00'>11:29 PM</abbr></a> </span> <span class='post-comment-link'> <a class='comment-link' href='https://www.blogger.com/comment.g?blogID=2908766347172009368&postID=2976983541341519730' onclick=''> No comments: </a> </span> <span class='post-icons'> <span class='item-control blog-admin pid-1757654425'> <a href='https://www.blogger.com/post-edit.g?blogID=2908766347172009368&postID=2976983541341519730&from=pencil' title='Edit Post'> <img alt='' class='icon-action' height='18' src='https://resources.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/> </a> </span> </span> <div class='post-share-buttons goog-inline-block'> </div> </div> <div class='post-footer-line post-footer-line-2'> <span class='post-labels'> </span> </div> <div class='post-footer-line post-footer-line-3'> <span class='post-location'> </span> </div> </div> </div> </div> </div></div> <div class="date-outer"> <h2 class='date-header'><span>Monday, January 8, 2007</span></h2> <div class="date-posts"> <div class='post-outer'> <div class='post hentry uncustomized-post-template' itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'> <meta content='http://opensourcearticles.com/articles/introduction_to_thunderbird_images/1088991312X78' itemprop='image_url'/> <meta content='2908766347172009368' itemprop='blogId'/> <meta content='498701859924477868' itemprop='postId'/> <a name='498701859924477868'></a> <h3 class='post-title entry-title' itemprop='name'> <a href='http://open-source-tools.blogspot.com/2007/01/introduction-to-thunderbird-part-1.html'>An introduction to Thunderbird, part 1</a> </h3> <div class='post-header'> <div class='post-header-line-1'></div> </div> <div class='post-body entry-content' id='post-body-498701859924477868' itemprop='description articleBody'> <p>Microsoft Outlook Express has for a number of years been the leading application for sending and receiving e-mails. This is not only due to a good functionality, but also due to the monopolization from Microsoft, and the lack of competitive programs.</p> <p>Thunderbird is one of those programs which can compete with MS Outlook Express, not only because it has similar functionality, but it's also user friendly, and it's freeware.</p> <p>Thunderbird, and other Open Source programs, are products developed by a community of developers. As everything else, this community ain't flawless. IMHO it seems they use too much energy and time developing programs, and fighting the everlasting battle against monopoly. I'm sure I'm not the first one to think about this, but what if the community had spent more time enlightening the masses? I don't see myself as a guru when it comes to handling programs, yet Thunderbird is quite easy to use.</p> <p>People's fear of the new and unknown might be a missed issue, which needs to be put on the agenda. Throughout this article, I will try to help you understand Thunderbird, as the excellent, free program it is.</p> <h3>Why Thunderbird?</h3> <ul><li>It's user friendly, easy to install, easy to use.</li><li>It's freeware, meaning, you can download it from the web, no charge.</li><li>Cross platform, you can use it with Windows as well as the GNU/Linux operating system.</li></ul> <p>These reasons alone should make you consider using this program.<br /></p> <h3>How to download?</h3> <p>At the URL <a href="http://www.mozilla.org/products/thunderbird/">http://www.mozilla.org/products/thunderbird/</a> you will always find the newest version of Thunderbird, you will also find additional information about Thunderbird there, as well as upgrades and extensions, if you are interested in those sorts of things. :)</p> <h3>How to install?<br /></h3> Download the installer file from the page above, and double-click the file.<br /><br /><img alt="No description available" src="http://opensourcearticles.com/articles/introduction_to_thunderbird_images/1088991312X78" /><br /><br />If you got any programs running, close them as advised. Press next.<br /><br /><img alt="No description available" src="http://opensourcearticles.com/articles/introduction_to_thunderbird_images/1088991328X03" /><br /><br />Read the agreement, if you agree, check the box and press "Next". :)<br /><br /><img alt="No description available" src="http://opensourcearticles.com/articles/introduction_to_thunderbird_images/1088991351X37" /><br /><br />If you want to choose what to install and where to install, mark the custom box, if not choose standard.<br /><br /><img alt="No description available" src="http://opensourcearticles.com/articles/introduction_to_thunderbird_images/1088991364X19" /><br /><br />The installer will tell you where Mozilla Thunderbird will be installed, most of you will have the same path as I have in this screenshot.<br /><br /><img alt="No description available" src="http://opensourcearticles.com/articles/introduction_to_thunderbird_images/1088991404X41" /><br /><br /><br />This is how it'll look as Thunderbird is being installed on your computer. :)<br /><br /><img alt="No description available" src="http://opensourcearticles.com/articles/introduction_to_thunderbird_images/1088991421X0" /><br /><br />And voila. Press finish to start Thunderbird for the first time. :)<br /><br /><h3>Configuration?</h3> <p>When you open Thunderbird for the first time, you need to create a new account, I will try to show you this step by step.<br /></p> <p><br />First click on "Create a new account".<br /><br /></p> <img alt="No description available" src="http://opensourcearticles.com/articles/introduction_to_thunderbird_images/1088991995X02" /><br /><br />Select "Email account" and press next.<br /><br /><img alt="No description available" src="http://opensourcearticles.com/articles/introduction_to_thunderbird_images/1088992048X9" /><br /><br />Fill in your name and email address, press next.<br /><br /><img alt="No description available" src="http://opensourcearticles.com/articles/introduction_to_thunderbird_images/1088992065X34" /><br /><br />Now you are asked to fill in the incoming server, for me it's "mail.zoper.com", you may be asked for outgoing server aswell, usually this is the same server, press next.<br /><br /><img alt="No description available" src="http://opensourcearticles.com/articles/introduction_to_thunderbird_images/1088992096X89" /><br /><br />Now you are asked to fill in your user name for your email provider, for example "jsmith", press next.<br /><br /><img alt="No description available" src="http://opensourcearticles.com/articles/introduction_to_thunderbird_images/1088992136X18" /><br /><br />Now you are asked what you would like to call this account, choose yourself, press next.<br /><br /><img alt="No description available" src="http://opensourcearticles.com/articles/introduction_to_thunderbird_images/1088992154X89" /><br /><br />You will get a summary, check your information, and if everything is ok press finish.<br /><br /><img alt="No description available" src="http://opensourcearticles.com/articles/introduction_to_thunderbird_images/1088992166X44" /><br /><br />Mark your email address and press "Get mail".<br /><br /><img alt="No description available" src="http://opensourcearticles.com/articles/introduction_to_thunderbird_images/1088992180X67" /><br /><br />You are immediatly asked for the password to your email account, fill in and press OK, you can also choose if you want Thunderbird to remember the password.<br /><br />If you now have filled everything in correctly, you should now be able to enjoy Thunderbird. :)<br /><br />This is the first in a series of articles about Thunderbird, if you have Thunderbird related topics you'd like to see covered here, let us know. Comments on this article, thumbs up or flames, can be sent to <a href="mailto:articles@nidelven-it.no">articles@nidelven-it.no</a>. If you need help using Thunderbird, we recommend using the <a href="http://forums.mozillazine.org/viewforum.php?f=39">Thunderbird forums</a>.<br /><br /><p>Go to part 1 <a href="http://opensourcearticles.com/introduction_to_thunderbird_2">2</a> <a href="http://opensourcearticles.com/introduction_to_thunderbird_3">3</a> <a href="http://opensourcearticles.com/introduction_to_thunderbird_4">4</a> <a href="http://opensourcearticles.com/introduction_to_thunderbird_5">5</a> <a href="http://opensourcearticles.com/introduction_to_thunderbird_6">6</a> <a href="http://opensourcearticles.com/introduction_to_thunderbird_7">7</a> <a href="http://opensourcearticles.com/introduction_to_thunderbird_8">8</a> <a href="http://opensourcearticles.com/introduction_to_thunderbird_9">9</a>.</p> <ul><li><a href="http://opensourcearticles.com/articles/introduction_to_thunderbird">Part 1, Installation and account setup</a></li><li><a href="http://opensourcearticles.com/articles/introduction_to_thunderbird_2">Part 2, Basic features and buttons</a></li><li><a href="http://opensourcearticles.com/articles/introduction_to_thunderbird_3">Part 3, How to make a signature</a></li><li><a href="http://opensourcearticles.com/articles/introduction_to_thunderbird_4">Part 4, Attachments and the address book</a></li><li><a href="http://opensourcearticles.com/articles/introduction_to_thunderbird_5">Part 5, Junk filter (handling spam and unwanted mail)</a></li><li><a href="http://opensourcearticles.com/articles/introduction_to_thunderbird_6">Part 6, Importing mail from other mail clients</a></li><li><a href="http://opensourcearticles.com/articles/introduction_to_thunderbird_7">Part 7, Organizing your mail, with mail filters</a></li><li><a href="http://opensourcearticles.com/articles/introduction_to_thunderbird_8">Part 8, Newsgroups</a></li><li><a href="http://opensourcearticles.com/articles/introduction_to_thunderbird_9">Part 9, Themes</a></li></ul> <p>If you're running a recent version of Thunderbird, you might want to have a look at our <a href="http://opensourcearticles.com/articles/articles/thunderbird_15/english/part_01">articles covering Thunderbird 1.5</a>.</p> <p>If you find these articles useful, you might also want to check out the <a href="http://opensourcearticles.com/introduction_to_firefox">introduction to Firefox</a>, introduction to <a href="http://opensourcearticles.com/introduction_to_openoffice">Open Office</a>, <a href="http://opensourcearticles.com/plone/english/part_01">Plone</a> or the <a href="http://opensourcearticles.com/introduction_to_gaim">introduction to Gaim</a>. We're always looking for more <a href="http://opensourcearticles.com/translate">translators</a>.</p> <div style='clear: both;'></div> </div> <div class='post-footer'> <div class='post-footer-line post-footer-line-1'> <span class='post-author vcard'> Posted by <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'> <span itemprop='name'>admin</span> </span> </span> <span class='post-timestamp'> at <meta content='http://open-source-tools.blogspot.com/2007/01/introduction-to-thunderbird-part-1.html' itemprop='url'/> <a class='timestamp-link' href='http://open-source-tools.blogspot.com/2007/01/introduction-to-thunderbird-part-1.html' rel='bookmark' title='permanent link'><abbr class='published' itemprop='datePublished' title='2007-01-08T05:53:00-08:00'>5:53 AM</abbr></a> </span> <span class='post-comment-link'> <a class='comment-link' href='https://www.blogger.com/comment.g?blogID=2908766347172009368&postID=498701859924477868' onclick=''> No comments: </a> </span> <span class='post-icons'> <span class='item-control blog-admin pid-1757654425'> <a href='https://www.blogger.com/post-edit.g?blogID=2908766347172009368&postID=498701859924477868&from=pencil' title='Edit Post'> <img alt='' class='icon-action' height='18' src='https://resources.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/> </a> </span> </span> <div class='post-share-buttons goog-inline-block'> </div> </div> <div class='post-footer-line post-footer-line-2'> <span class='post-labels'> </span> </div> <div class='post-footer-line post-footer-line-3'> <span class='post-location'> </span> </div> </div> </div> </div> </div></div> </div> <div class='blog-pager' id='blog-pager'> <a class='home-link' href='http://open-source-tools.blogspot.com/'>Home</a> </div> <div class='clear'></div> <div class='blog-feeds'> <div class='feed-links'> Subscribe to: <a class='feed-link' href='http://open-source-tools.blogspot.com/feeds/posts/default' target='_blank' type='application/atom+xml'>Posts (Atom)</a> </div> </div> </div></div> </div> <div id='sidebar-wrapper'> <div class='sidebar section' id='sidebar'><div class='widget AdSense' data-version='1' id='AdSense1'> <div class='widget-content'> <script type="text/javascript"></script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script> <div class='clear'></div> </div> </div> </div> </div>  <div class='clear'> </div> </div>  <div id='footer-wrapper'> <div class='footer no-items section' id='footer'></div> </div> </div></div>  <script type="text/javascript" src="https://www.blogger.com/static/v1/widgets/4290687098-widgets.js"></script> <script type='text/javascript'> window['__wavt'] = 'AOuZoY4MQp7mnu-VlHCAW12PqcbNw8isVg:1715052300215';_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d2908766347172009368','//open-source-tools.blogspot.com/','2908766347172009368'); _WidgetManager._SetDataContext([{'name': 'blog', 'data': {'blogId': '2908766347172009368', 'title': 'Open Source', 'url': 'http://open-source-tools.blogspot.com/', 'canonicalUrl': 'http://open-source-tools.blogspot.com/', 'homepageUrl': 'http://open-source-tools.blogspot.com/', 'searchUrl': 'http://open-source-tools.blogspot.com/search', 'canonicalHomepageUrl': 'http://open-source-tools.blogspot.com/', 'blogspotFaviconUrl': 'http://open-source-tools.blogspot.com/favicon.ico', 'bloggerUrl': 'https://www.blogger.com', 'hasCustomDomain': false, 'httpsEnabled': true, 'enabledCommentProfileImages': true, 'gPlusViewType': 'FILTERED_POSTMOD', 'adultContent': false, 'analyticsAccountNumber': '', 'encoding': 'UTF-8', 'locale': 'en-US', 'localeUnderscoreDelimited': 'en', 'languageDirection': 'ltr', 'isPrivate': false, 'isMobile': false, 'isMobileRequest': false, 'mobileClass': '', 'isPrivateBlog': false, 'isDynamicViewsAvailable': true, 'feedLinks': '\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22Open Source - Atom\x22 href\x3d\x22http://open-source-tools.blogspot.com/feeds/posts/default\x22 /\x3e\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/rss+xml\x22 title\x3d\x22Open Source - RSS\x22 href\x3d\x22http://open-source-tools.blogspot.com/feeds/posts/default?alt\x3drss\x22 /\x3e\n\x3clink rel\x3d\x22service.post\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22Open Source - Atom\x22 href\x3d\x22https://www.blogger.com/feeds/2908766347172009368/posts/default\x22 /\x3e\n', 'meTag': '', 'adsenseClientId': 'ca-pub-6406533260834552', 'adsenseHostId': 'ca-host-pub-1556223355139109', 'adsenseHasAds': true, 'adsenseAutoAds': false, 'boqCommentIframeForm': true, 'loginRedirectParam': '', 'view': '', 'dynamicViewsCommentsSrc': '//www.blogblog.com/dynamicviews/4224c15c4e7c9321/js/comments.js', 'dynamicViewsScriptSrc': '//www.blogblog.com/dynamicviews/a26ecadc30bb77e6', 'plusOneApiSrc': 'https://apis.google.com/js/platform.js', 'disableGComments': true, 'interstitialAccepted': false, 'sharing': {'platforms': [{'name': 'Get link', 'key': 'link', 'shareMessage': 'Get link', 'target': ''}, {'name': 'Facebook', 'key': 'facebook', 'shareMessage': 'Share to Facebook', 'target': 'facebook'}, {'name': 'BlogThis!', 'key': 'blogThis', 'shareMessage': 'BlogThis!', 'target': 'blog'}, {'name': 'Twitter', 'key': 'twitter', 'shareMessage': 'Share to Twitter', 'target': 'twitter'}, {'name': 'Pinterest', 'key': 'pinterest', 'shareMessage': 'Share to Pinterest', 'target': 'pinterest'}, {'name': 'Email', 'key': 'email', 'shareMessage': 'Email', 'target': 'email'}], 'disableGooglePlus': true, 'googlePlusShareButtonWidth': 0, 'googlePlusBootstrap': '\x3cscript type\x3d\x22text/javascript\x22\x3ewindow.___gcfg \x3d {\x27lang\x27: \x27en\x27};\x3c/script\x3e'}, 'hasCustomJumpLinkMessage': false, 'jumpLinkMessage': 'Read more', 'pageType': 'index', 'pageName': '', 'pageTitle': 'Open Source'}}, {'name': 'features', 'data': {}}, {'name': 'messages', 'data': {'edit': 'Edit', 'linkCopiedToClipboard': 'Link copied to clipboard!', 'ok': 'Ok', 'postLink': 'Post Link'}}, {'name': 'template', 'data': {'isResponsive': false, 'isAlternateRendering': false, 'isCustom': false}}, {'name': 'view', 'data': {'classic': {'name': 'classic', 'url': '?view\x3dclassic'}, 'flipcard': {'name': 'flipcard', 'url': '?view\x3dflipcard'}, 'magazine': {'name': 'magazine', 'url': '?view\x3dmagazine'}, 'mosaic': {'name': 'mosaic', 'url': '?view\x3dmosaic'}, 'sidebar': {'name': 'sidebar', 'url': '?view\x3dsidebar'}, 'snapshot': {'name': 'snapshot', 'url': '?view\x3dsnapshot'}, 'timeslide': {'name': 'timeslide', 'url': '?view\x3dtimeslide'}, 'isMobile': false, 'title': 'Open Source', 'description': '', 'url': 'http://open-source-tools.blogspot.com/', 'type': 'feed', 'isSingleItem': false, 'isMultipleItems': true, 'isError': false, 'isPage': false, 'isPost': false, 'isHomepage': true, 'isArchive': false, 'isLabelSearch': false}}]); _WidgetManager._RegisterWidget('_NavbarView', new _WidgetInfo('Navbar1', 'navbar', document.getElementById('Navbar1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HeaderView', new _WidgetInfo('Header1', 'header', document.getElementById('Header1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_AdSenseView', new _WidgetInfo('AdSense3', 'crosscol', document.getElementById('AdSense3'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_AdSenseView', new _WidgetInfo('AdSense4', 'main', document.getElementById('AdSense4'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_BlogView', new _WidgetInfo('Blog1', 'main', document.getElementById('Blog1'), {'cmtInteractionsEnabled': false, 'lightboxEnabled': true, 'lightboxModuleUrl': 'https://www.blogger.com/static/v1/jsbin/1666805145-lbx.js', 'lightboxCssUrl': 'https://www.blogger.com/static/v1/v-css/13464135-lightbox_bundle.css'}, 'displayModeFull')); _WidgetManager._RegisterWidget('_AdSenseView', new _WidgetInfo('AdSense1', 'sidebar', document.getElementById('AdSense1'), {}, 'displayModeFull')); </script> </body> </html>