The Blog Doctor.

Where To Add Code in Beta Templates
CODE TO BE ADDED	PARTS OF TEMPLATE
LANGUAGE DECLARATIONS	<?xml version="1.0" encoding="UTF-8" ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <HTML xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
ADD Metatags here ADD FEEDBURNER METATAGS HERE ADD CODE FROM GOOGLE SITEMAP HERE ADD GOOGLE MAP/SEARCH AJAX API KEY CODE HERE JAVASCRIPT CODE ALSO GOES HERE	<head> <title><data:blog.pageTitle/></title> <b:include data='blog' name='all-head-content'/> <meta content='DESCRIPTION HERE' name='Description'/> <meta content='KEYWORDS HERE' name='keywords'/> <meta content='index,follow' name='robots'/> <META content='GOOGLE ADD SITEMAP CODEg=' name='verify-v1'/> <SCRIPT src='http://maps.google.com/maps?file=api&v=2&key=API KEY' type='text/javascript'/>
CREDITS FOR THE TEMPLATE	/* ------------------------------------------------------ Blogger Template Style Sheet Name: Name of Template Designer: Name of Designer URL: Home page of Designer Date: Date designed Updated by: Blogger Team Name of Modifier with his homepage ------------------------------------------------------- */
Add the Variable Definition here so it shows up in Fonts and Colors Tab under Template tab	Starts with /* Variable definitions
Add CSS code here including code for navbar Add variables to properties of css elements Add image urls to add pictures to background etc	Starts with <b:skin><![CDATA[/* CSS PART OF TEMPLATE Ends with ]]></b:skin>
Javascript Code Add a Javascript with a function here <SCRIPT type='text/javascript'> function load() { } </SCRIPT>	Between CSS above and BODY below
If there is vacant space here you can add a table or divs here If you want to start a Javascript onloading the body add this code <body onload='load()' onunload='GUnload()'> here	<body> BODY </body>
	<DIV id='outer-wrapper'><DIV id='wrap2'> Outer Wrapper </div></div>
	<DIV id='header-wrapper'> Header Wrapper </div>
Change number of maximum widgets in the section here Add a Add Page Element link to this section in Page Elements tab under Template tab here	<b:section id='header' class='header' maxwidgets="1" showaddelement="no"> Header Section </b:section>
To add to widget go to Page Elements tab under Template tab Change whether widget can be deleted or not by changing false to true There are at present twelve different types of widget data	<b:widget id='Header1' locked='false' title='NAME OF WIDGET' type='Header'> Header1 Widget </b:widget>
	<DIV id='content-wrapper'> Content Wrapper </div>
	<DIV id='sidebar-wrapper'> Sidebar wrapper </div>
	<b:section class='sidebar' id='leftsidebar' preferred='yes' showaddelement='yes'> Sidebar Section </b:section>
To add to widget go to Page Elements tab under Template tab Change whether widget can be deleted or not by changing false to true There are at present twelve different types of widget data	<b:widget id='Label1' locked='false' title='Labels' type='Label'> Widget/s </b:widget>
	<DIV class='widget-content'> </div>
	<H1 class='title'> </H1>
	Starts with <b:includable id='main' var='thiswidget'> Main Includable Ends with </b:includable>
<b:if cond='condition'> [content to display if condition is true] <b:else/> [content to display if condition is false] </b:if> <b:loop var='identifier' values='set-of-data'> [repeated content goes here] </b:loop>	If /Else conditional and Loop clauses
	The include tag <b:include name='post' data='i'/>
	<DIV id='main-wrapper'> Main wrapper </DIV>
	<b:section class='main' id='main' showaddelement='no'> MainSection </b:section>
To add to widget go to Page Elements tab under Template tab There are at present twelve different types of widget data	<b:widget id='Blog1' locked='false' title='Blog Posts' type='Blog'> Blog1 Widget Posts </b:widget>
	<DIV id='footer-wrapper'> Footer Wrapper </div>
	<b:section class='footer' maxwidgets="1" showaddelement="no" id='footer'/> Footer Section </b:section>
To add to widget go to Page Elements tab under Template tab There are at present twelve different types of widget data	<b:section class='footer' id='footer' maxwidgets='4' showaddelement='yes'/> Widget/s </b:section>
AddGoogle Analytics /statcounter code here	IMMEDIATELY BEFORE </body>
You can add Javascript code after </HTML>	</BODY> </HTML>

To list All Previous Posts by Title...............

you will use your blog's RSS feed to put content into your sidebar. How to do this has already been described in the post : Add Content with RSS Feeds in a general way. This is a special case in which you can use this method to display the title of all your previous posts in the sidebar.

STEP 1. The feed for your beta blog is of the format :

http://yourblogname.blogspot.com/feeds/posts/full

where instead of 'yourblogname' type in the name of your blog. The feed for your old Blogger blog is :

http://yourblogname.blogspot.com/rss.xml or
http://yourblogname.blogspot.com/atom.xml

Step 2. You will have to convert this feed into Javascript code which you can then insert into your webpage so that it displays on your site. There are many RSS-to-Javascript convertors online which you can search out usinf Google. One of these convertors is located at :

http://itde.vccs.edu/rss2js/build.php

Copy and Paste the above link into your browser and press Enter. Copy and paste the link for your blog feed obtained in Step 1 into the "Enter the web address of the RSS Feed" under 'Build your feed'. In Select the options set 'Number of Items to display' as 0 - This will display all posts. In 'Show item descriptions? How much?' set it as 0 to show no descriptions. Set 'Show item posting date?' as No and click Preview to see whether your titles are coming through. If it displays correctly then click 'Generate Javascript'. The program generates Javascript code along with a noscript code for those browsers without Javascript. Copy the entire code.

Step 3. Go to Layout in your blog after logging in to Dashboard. The Page Elements page opens. Click on 'Add Page Element' in the sidebar section. A new popup window opens where choose HTML/Javascript option and paste the code obtained in Step 2 above in the Content box. Click Save Changes.

Refresh cache. View Blog.

You can see an example of this in my right sidebar at the top.

To do this in Classic Blogger just paste the Javascript code in your template in the sidebar section.

Technorati Tags:feed, javascript, previous posts, rss

Add Content with RSS Feeds.

To Add Content to your blog with RSS feeds.........

First find the RSS Feed Icon. On many sites it is shown as "RSS" or "About Feeds". The icons are shown alongside.
Right click any one of these and select 'Copy Link Location'. Now you have to convert the feed into Javascript code. There are many such convertors online which you can find simply by searching Google. One such convertor is located at : http://itde.vccs.edu/rss2js/build.php. Go there and paste your feed url into the text box under 'Enter the web address of the RSS Feed'. Choose among the various options for the feed. Whether you want the title to be displayed etc... Then click 'Preview' to see if the feed is being generated. If the feed url is correct it will show items and content from the web page where you took the feed url from. If you are satisfied click 'Generate Javascript'. Javascript code is generated along with non javascript code which displays the feed on browsers without Javascript. Go back to your beta blog. Login to the Dashboard and click on Layouts under the name of your blog you want to add the feed to. The Page Elements page opens. Click on Add Page Element in the sidebar and choose HTML/Javascript in the popup window which opens. Paste the Javascript code in the content box and Save Changes. You can also add this to a Page Element in the Main Column of postings but then your feed will appear on all your posts. If you add it in the sidebar it will only appear once on the page.

WARNING :
1) Before taking content from other websites be sure to resd their Terms of Use for feeds. 2)You can fill your webpage with feeds but the Adsense bots are not able to read the content generated by them, so it is ineffective with Adsense. 3) You can use the Feed widget already present in the choices in the popup window which opens when you click on 'Add Page Element' in Page Elements page. However it will deliver only a maximum of five posts and titles whereas you can configure the feed in the above process to deliver all the posts.

You can also add a feed of your blog to your sidebar so that it shows all the posts titles. The URL of your beta blog's feed is :

http://yourblogname.blogspot.com/feeds/posts/full

Instead of 'yourblogname' type the name of your blog.

You can also add RECENT COMMENTS to the sidebar by using comment feeds URL which are

http://yourblogname.blogspot.com/feeds/comments/TYPE

Instead of 'yourblogname' type the name of your blog. Instead of TYPE use summary or full.

Technorati Tags:adsense, content, javascript, rss