<?xml version="1.0" encoding="UTF-8" standalone="no"?><?xml-stylesheet href="http://www.blogger.com/styles/atom.css" type="text/css"?><rss xmlns:itunes="http://www.itunes.com/dtds/podcast-1.0.dtd" version="2.0"><channel><title>blogtutorial</title><description>Tutorial|Sharing|blogging</description><managingEditor>noreply@blogger.com (blogtutorial)</managingEditor><pubDate>Fri, 4 Oct 2024 19:48:35 -0700</pubDate><generator>Blogger http://www.blogger.com</generator><openSearch:totalResults xmlns:openSearch="http://a9.com/-/spec/opensearchrss/1.0/">15</openSearch:totalResults><openSearch:startIndex xmlns:openSearch="http://a9.com/-/spec/opensearchrss/1.0/">1</openSearch:startIndex><openSearch:itemsPerPage xmlns:openSearch="http://a9.com/-/spec/opensearchrss/1.0/">25</openSearch:itemsPerPage><link>http://foryoutenan.blogspot.com/</link><language>en-us</language><itunes:explicit>no</itunes:explicit><itunes:keywords>blog,tutorial</itunes:keywords><itunes:subtitle>Tutorial|Sharing|blogging</itunes:subtitle><itunes:category text="Education"><itunes:category text="Educational Technology"/></itunes:category><itunes:owner><itunes:email>wpwordpres1@gmail.com</itunes:email></itunes:owner><item><title>Forum</title><link>http://foryoutenan.blogspot.com/2010/08/forum.html</link><pubDate>Tue, 31 Aug 2010 16:58:00 -0700</pubDate><guid isPermaLink="false">tag:blogger.com,1999:blog-5443614708903861212.post-4474531357608690095</guid><description>hacking forum Point Blank in here:&lt;br /&gt;
/&lt;a href="http://forum-kita-blog-hack-tutorial.962739.n3.nabble.com/"&gt;forum-kita-blog-hack-tutorial&lt;/a&gt;/</description><thr:total xmlns:thr="http://purl.org/syndication/thread/1.0">0</thr:total><author>wpwordpres1@gmail.com (blogtutorial)</author></item><item><title>Make A Comment Form</title><link>http://foryoutenan.blogspot.com/2010/08/make-comment-form.html</link><pubDate>Tue, 31 Aug 2010 10:18:00 -0700</pubDate><guid isPermaLink="false">tag:blogger.com,1999:blog-5443614708903861212.post-2956289153964782896</guid><description>&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2fAAI0s6K0aRnMJC-u8gSP5fqHSeD7jTUtNiVqURZLKQD7gd_USTkbiq2_U669CKFx4cv6dQxHOULPx68cq3KZLQ3byG75TkZVp4NCVJo5ovAqIxDQdWK4TvGI5MREYwNq-tZpNUceEf2/s1600/kotak_komentar.JPG" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2fAAI0s6K0aRnMJC-u8gSP5fqHSeD7jTUtNiVqURZLKQD7gd_USTkbiq2_U669CKFx4cv6dQxHOULPx68cq3KZLQ3byG75TkZVp4NCVJo5ovAqIxDQdWK4TvGI5MREYwNq-tZpNUceEf2/s200/kotak_komentar.JPG" width="186" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;
Make A Comment Form&lt;br /&gt;
&lt;br /&gt;
Ok guys now i'll give tutorial to create interactive comment box,this box can will get message direct to your email.Example for comment box like the picture or on live demo here. &lt;br /&gt;
are yu interest to try it ? get it now &lt;br /&gt;
1. Sign in to address &lt;a href="http://www.jotform.com/"&gt;http://www.jotform.com/&lt;/a&gt;&lt;br /&gt;
2. Well after entering there you will be provided tools of the form generator, before beginning to make you should first register in order to redirect the email later.&lt;br /&gt;
3. After completion form registers you please design your creations comments, there are provided many tools you can use just drag n drop it.&lt;br /&gt;
4. After you finish designing your current setup &amp;amp; share menu and you select a share after it forms a box will appear and you select the advanced option settings for pushing bloggers to get the code.&lt;br /&gt;
5. can code you can paste the code in your blog.&lt;br /&gt;
6. done and good luck&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-family: arial, sans-serif; font-size: 19px; line-height: 25px;"&gt;for a similar tutorial can visit &lt;a href="http://www.tips-n-trick.com/2010/05/make-comment-form.html#more"&gt;here&lt;/a&gt;&lt;/span&gt;</description><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" height="72" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2fAAI0s6K0aRnMJC-u8gSP5fqHSeD7jTUtNiVqURZLKQD7gd_USTkbiq2_U669CKFx4cv6dQxHOULPx68cq3KZLQ3byG75TkZVp4NCVJo5ovAqIxDQdWK4TvGI5MREYwNq-tZpNUceEf2/s72-c/kotak_komentar.JPG" width="72"/><thr:total xmlns:thr="http://purl.org/syndication/thread/1.0">0</thr:total><author>wpwordpres1@gmail.com (blogtutorial)</author></item><item><title>adsense.blogspot</title><link>http://foryoutenan.blogspot.com/2010/08/adsenseblogspot.html</link><pubDate>Thu, 26 Aug 2010 14:55:00 -0700</pubDate><guid isPermaLink="false">tag:blogger.com,1999:blog-5443614708903861212.post-8492452636884231278</guid><description>I attach a link here which is very useful for all in order to optimize our blog&lt;br /&gt;
because this is very useful, because the moment we will need to register in &lt;a href="adsense. google. com"&gt;google-adsense&lt;/a&gt; there are several criteria&lt;br /&gt;
which should have a blog at the link below may help you and get approve&lt;br /&gt;
from the google:&lt;a href="http://adsense.blogspot.com/search/label/Optimization?updated-max=2009-06-25T10:05:00-07:00&amp;max-results=20"&gt;adsense.blogspot&lt;/a&gt;&lt;br /&gt;
hopefully helpful and useful</description><thr:total xmlns:thr="http://purl.org/syndication/thread/1.0">0</thr:total><author>wpwordpres1@gmail.com (blogtutorial)</author></item><item><title>How to Make Search Engine in Blogger</title><link>http://foryoutenan.blogspot.com/2010/08/how-to-make-search-engine-in-blogger.html</link><pubDate>Wed, 25 Aug 2010 19:08:00 -0700</pubDate><guid isPermaLink="false">tag:blogger.com,1999:blog-5443614708903861212.post-5966383310566044865</guid><description>&lt;span class="Apple-style-span" style="color: #333333; font-family: 'lucida sans unicode', 'century gothic', Tahoma, Verdana; font-size: 12px; line-height: 19px;"&gt;now in this post&lt;/span&gt;&lt;span class="Apple-style-span" style="color: #333333; font-family: 'lucida sans unicode', 'century gothic', Tahoma, Verdana; font-size: 12px; line-height: 19px;"&gt;&amp;nbsp;&lt;/span&gt;&lt;span class="Apple-style-span" style="color: #333333; font-family: 'lucida sans unicode', 'century gothic', Tahoma, Verdana; font-size: 12px; line-height: 19px;"&gt;&lt;span class="IL_AD" id="IL_AD1" style="background-attachment: scroll !important; background-clip: initial !important; background-color: transparent !important; background-image: none !important; background-origin: initial !important; background-position: 0% 50%; background-repeat: repeat repeat !important; border-bottom-color: rgb(0, 153, 153) !important; border-bottom-style: dotted !important; border-bottom-width: 1px !important; color: #009999; cursor: pointer !important; display: inline !important; float: none !important; font-family: 'lucida sans unicode', 'century gothic', Tahoma, Verdana; font-size: 12px !important; font-style: normal !important; font-weight: normal !important; padding-bottom: 1px !important; padding-left: 0px !important; padding-right: 0px !important; padding-top: 0px !important; position: static;"&gt;I would like to share&lt;/span&gt;&lt;/span&gt;&lt;span class="Apple-style-span" style="color: #333333; font-family: 'lucida sans unicode', 'century gothic', Tahoma, Verdana; font-size: 12px; line-height: 19px;"&gt;&amp;nbsp;&lt;/span&gt;&lt;span class="Apple-style-span" style="color: #333333; font-family: 'lucida sans unicode', 'century gothic', Tahoma, Verdana; font-size: 12px; line-height: 19px;"&gt;about&lt;/span&gt;&lt;span class="Apple-style-span" style="color: #333333; font-family: 'lucida sans unicode', 'century gothic', Tahoma, Verdana; font-size: 12px; line-height: 19px;"&gt;&amp;nbsp;&lt;/span&gt;&lt;span class="Apple-style-span" style="color: #333333; font-family: 'lucida sans unicode', 'century gothic', Tahoma, Verdana; font-size: 12px; line-height: 19px;"&gt;&lt;span class="IL_AD" id="IL_AD2" style="background-attachment: scroll !important; background-clip: initial !important; background-color: transparent !important; background-image: none !important; background-origin: initial !important; background-position: 0% 50%; background-repeat: repeat repeat !important; border-bottom-color: rgb(0, 153, 153) !important; border-bottom-style: dotted !important; border-bottom-width: 1px !important; color: #009999; cursor: pointer !important; display: inline !important; float: none !important; font-family: 'lucida sans unicode', 'century gothic', Tahoma, Verdana; font-size: 12px !important; font-style: normal !important; font-weight: normal !important; padding-bottom: 1px !important; padding-left: 0px !important; padding-right: 0px !important; padding-top: 0px !important; position: static;"&gt;how to make&lt;/span&gt;&lt;/span&gt;&lt;span class="Apple-style-span" style="color: #333333; font-family: 'lucida sans unicode', 'century gothic', Tahoma, Verdana; font-size: 12px; line-height: 19px;"&gt;&amp;nbsp;&lt;/span&gt;&lt;span class="Apple-style-span" style="color: #333333; font-family: 'lucida sans unicode', 'century gothic', Tahoma, Verdana; font-size: 12px; line-height: 19px;"&gt;search engine column at your blog. Search Column is very important in a blog. If the visitors cannot find the materials, he can find with type the material in this column. This post will guide you&lt;/span&gt;&lt;span class="Apple-style-span" style="color: #333333; font-family: 'lucida sans unicode', 'century gothic', Tahoma, Verdana; font-size: 12px; line-height: 19px;"&gt;&amp;nbsp;&lt;/span&gt;&lt;span class="Apple-style-span" style="color: #333333; font-family: 'lucida sans unicode', 'century gothic', Tahoma, Verdana; font-size: 12px; line-height: 19px;"&gt;how to make&lt;/span&gt;&lt;span class="Apple-style-span" style="color: #333333; font-family: 'lucida sans unicode', 'century gothic', Tahoma, Verdana; font-size: 12px; line-height: 19px;"&gt;&amp;nbsp;&lt;/span&gt;&lt;span class="Apple-style-span" style="color: #333333; font-family: 'lucida sans unicode', 'century gothic', Tahoma, Verdana; font-size: 12px; line-height: 19px;"&gt;search engine at your blog. The step are: 1. Go to blogger Dashboard &amp;gt; layout &amp;gt; page elements &amp;gt; add gadgets&lt;/span&gt;&lt;span class="Apple-style-span" style="color: #333333; font-family: 'lucida sans unicode', 'century gothic', Tahoma, Verdana; font-size: 12px; line-height: 19px;"&gt;&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSKqT4c2lRpQRI3ZJivrL6xJwtG9fPxhblXnm1Bjl1JVQbUn4wFCBRAL7hWNBPhE3RQoSv2QaOxUTdm960xuGZyuSrElWuuVYkpcuMQK9ojQCOKhWwZlX9mmOWdj-WS_VYuX8UppDqiBdj/s1600-h/Blogspot+tutorial+1.JPG" style="color: #2c89a0; text-decoration: none;"&gt;&lt;img alt="" border="0" id="BLOGGER_PHOTO_ID_5328980988079557554" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSKqT4c2lRpQRI3ZJivrL6xJwtG9fPxhblXnm1Bjl1JVQbUn4wFCBRAL7hWNBPhE3RQoSv2QaOxUTdm960xuGZyuSrElWuuVYkpcuMQK9ojQCOKhWwZlX9mmOWdj-WS_VYuX8UppDqiBdj/s400/Blogspot+tutorial+1.JPG" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; cursor: pointer; display: block; height: 230px; margin-bottom: 10px; margin-left: auto; margin-right: auto; margin-top: 0px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; padding-top: 10px; text-align: center; width: 310px;" /&gt;&lt;/a&gt;&lt;/span&gt;&lt;span class="Apple-style-span" style="color: #333333; font-family: 'lucida sans unicode', 'century gothic', Tahoma, Verdana; font-size: 12px; line-height: 19px;"&gt;2. add HTML / javascript&lt;/span&gt;&lt;span class="Apple-style-span" style="color: #333333; font-family: 'lucida sans unicode', 'century gothic', Tahoma, Verdana; font-size: 12px; line-height: 19px;"&gt;&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhd0lwwtMvvejAVaBqBAcMywybv01l_Uz4qXKGp8rwfjkqNKrWEE5DBmQ43ECYSkCUhsAA40PkJ7B-YLIpccuBz8DQIjO8Z19FZMTLmYp3Kn0XDE9PffOSuoua3oO2JJHH66EXveO_aQlp_/s1600-h/Blogspot+Tutorials+2.JPG" style="color: #2c89a0; text-decoration: none;"&gt;&lt;img alt="" border="0" id="BLOGGER_PHOTO_ID_5328981414238663058" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhd0lwwtMvvejAVaBqBAcMywybv01l_Uz4qXKGp8rwfjkqNKrWEE5DBmQ43ECYSkCUhsAA40PkJ7B-YLIpccuBz8DQIjO8Z19FZMTLmYp3Kn0XDE9PffOSuoua3oO2JJHH66EXveO_aQlp_/s400/Blogspot+Tutorials+2.JPG" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; cursor: pointer; display: block; height: 331px; margin-bottom: 10px; margin-left: auto; margin-right: auto; margin-top: 0px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; padding-top: 10px; text-align: center; width: 310px;" /&gt;&lt;/a&gt;&lt;/span&gt;&lt;span class="Apple-style-span" style="color: #333333; font-family: 'lucida sans unicode', 'century gothic', Tahoma, Verdana; font-size: 12px; line-height: 19px;"&gt;3. Copy the Code below and paste in your HTML&lt;/span&gt;&lt;br /&gt;
&lt;div style="color: #333333; font-family: 'lucida sans unicode', 'century gothic', Tahoma, Verdana; font-size: 12px; line-height: 19px;"&gt;&lt;form name="copy"&gt;&lt;div align="center"&gt;&lt;input type="button" value="Highlight All" /&gt;&lt;/div&gt;&lt;div align="center"&gt;&lt;/div&gt;&lt;div align="center"&gt;&lt;textarea cols="55" name="txt" rows="100" style="height: 144px; width: 300px;" wrap="VIRTUAL"&gt;&lt;form action="http://Your blog name.blogspot.com/search" method="get"&gt;&lt;input class="textinput" name="q" size="30" type="text"&gt; &lt;input value="search" class="buttonsubmit" name="submit" type="submit"&gt;&lt;/form&gt;&lt;br /&gt;&lt;/textarea&gt;&lt;/div&gt;&lt;/form&gt;&lt;/div&gt;&lt;span class="Apple-style-span" style="color: #333333; font-family: 'lucida sans unicode', 'century gothic', Tahoma, Verdana; font-size: 12px; line-height: 19px;"&gt;4. Save Congratulation, Now you have search engine at your blog&lt;/span&gt;</description><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" height="72" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSKqT4c2lRpQRI3ZJivrL6xJwtG9fPxhblXnm1Bjl1JVQbUn4wFCBRAL7hWNBPhE3RQoSv2QaOxUTdm960xuGZyuSrElWuuVYkpcuMQK9ojQCOKhWwZlX9mmOWdj-WS_VYuX8UppDqiBdj/s72-c/Blogspot+tutorial+1.JPG" width="72"/><thr:total xmlns:thr="http://purl.org/syndication/thread/1.0">0</thr:total><author>wpwordpres1@gmail.com (blogtutorial)</author></item><item><title/><link>http://foryoutenan.blogspot.com/2010/08/this-is-tutorial-included-youtube.html</link><pubDate>Wed, 25 Aug 2010 13:36:00 -0700</pubDate><guid isPermaLink="false">tag:blogger.com,1999:blog-5443614708903861212.post-8899311067418685711</guid><description>This is a tutorial included youtube videos into posts in blogger&lt;br /&gt;
The first step to open youtube, to search for script code that will be in pairs on posting click on it will show "embed"&lt;br /&gt;
scripts, then copy and paste the script in this post do not forget &lt;publish post=""&gt;, it will look like the video below:&lt;br /&gt;
&lt;br /&gt;
&lt;object height="385" width="480"&gt;&lt;param name="movie" value="http://www.youtube.com/v/H2izlfqa-18?fs=1&amp;amp;hl=en_US"&gt;&lt;/param&gt;&lt;param name="allowFullScreen" value="true"&gt;&lt;/param&gt;&lt;param name="allowscriptaccess" value="always"&gt;&lt;/param&gt;&lt;embed src="http://www.youtube.com/v/H2izlfqa-18?fs=1&amp;amp;hl=en_US" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="341" height="360"&gt;&lt;/embed&gt;&lt;/object&gt;&lt;/publish&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;!-- Google Website Optimizer Tracking Script --&gt;&lt;br /&gt;
&lt;script type="text/javascript"&gt;
if(typeof(_gat)!='object')document.write('&lt;sc'+'ript src="http'+
(document.location.protocol=='https:'?'s://ssl':'://www')+
'.google-analytics.com/ga.js"&gt;&lt;/sc'+'ript&gt;')&lt;/script&gt;&lt;br /&gt;
&lt;script type="text/javascript"&gt;
try {
var gwoTracker=_gat._getTracker("UA-18286614-1");
gwoTracker._trackPageview("/2328548493/test");
}catch(err){}&lt;/script&gt;&lt;br /&gt;
&lt;!-- End of Google Website Optimizer Tracking Script --&gt;&lt;br /&gt;
&lt;!-- Google Website Optimizer Conversion Script --&gt;&lt;br /&gt;
&lt;script type="text/javascript"&gt;
if(typeof(_gat)!='object')document.write('&lt;sc'+'ript src="http'+
(document.location.protocol=='https:'?'s://ssl':'://www')+
'.google-analytics.com/ga.js"&gt;&lt;/sc'+'ript&gt;')&lt;/script&gt;&lt;br /&gt;
&lt;script type="text/javascript"&gt;
try {
var gwoTracker=_gat._getTracker("UA-18286614-1");
gwoTracker._trackPageview("/2328548493/goal");
}catch(err){}&lt;/script&gt;&lt;br /&gt;
&lt;!-- End of Google Website Optimizer Conversion Script --&gt;</description><thr:total xmlns:thr="http://purl.org/syndication/thread/1.0">0</thr:total><author>wpwordpres1@gmail.com (blogtutorial)</author></item><item><title>Ping After Posting in blogger</title><link>http://foryoutenan.blogspot.com/2010/08/ping-after-posting-in-blogger.html</link><pubDate>Wed, 25 Aug 2010 12:38:00 -0700</pubDate><guid isPermaLink="false">tag:blogger.com,1999:blog-5443614708903861212.post-4597795041262392261</guid><description>Ping bloggers in the world can be interpreted as an act of sending a message to a server to inform you that we have to update your blog or website. for example we have to change your template, create a new post, and other activities related to site updates.&lt;br /&gt;
&lt;br /&gt;
Simpelnya, ping is a way to tell the Search Engine and Directory (Including social bookmarking site) more quickly that your blog has been updated and automatically they will immediately change the data on your blog that has been updated on their server. To ping, ping services to use the Service. This service is free and easy to use.&lt;br /&gt;
&lt;br /&gt;
Some sites that provide services Pinging is:&lt;br /&gt;
&lt;br /&gt;
Pingoat (&lt;a href="http: / / www.pingoat.com/"&gt;http: / / www.pingoat.com/&lt;/a&gt;)&lt;br /&gt;
Ping-o-matic (&lt;a href="http://www. Pingomatic.com"&gt;http://www. Pingomatic.com&lt;/a&gt; /)&lt;br /&gt;
MyPagerank.net (&lt;a href="http://mypagerank.net"&gt;http://mypagerank.net&lt;/a&gt;/), but this service must first register&lt;br /&gt;
Etc ...&lt;br /&gt;
Tips to Ping:&lt;br /&gt;
&lt;br /&gt;
Perform ping when you've updated blog&lt;br /&gt;
Perform ping when you publish new posts&lt;br /&gt;
Do not ping too often because it will be considered spam&lt;br /&gt;
Actually what this Ping benefits?&lt;br /&gt;
&lt;br /&gt;
In order to update your blog is always known to many visitors&lt;br /&gt;
New posts will be indexed faster in Search Engine and directory&lt;br /&gt;
Surely will be more SEO friendly.&lt;br /&gt;
Well, from now Familiarise Ping After Posting, hitung2 report that we have been making changes to our blog, certainly known to change rapidly. lho .. so anyone want to add?</description><thr:total xmlns:thr="http://purl.org/syndication/thread/1.0">0</thr:total><author>wpwordpres1@gmail.com (blogtutorial)</author></item><item><title>Register in Google Adsense</title><link>http://foryoutenan.blogspot.com/2010/08/register-in-google-adsense.html</link><pubDate>Wed, 25 Aug 2010 11:24:00 -0700</pubDate><guid isPermaLink="false">tag:blogger.com,1999:blog-5443614708903861212.post-7433847619550950192</guid><description>In the opportunity this time I will explain every step of the registration in google adsense. PPC google adsense is very popular nowadays. where so many who follow this program. payment made by check. if you want to succeed like the other masters will try to be patient, increasing a keyword to SEO and do not forget it.&lt;br /&gt;
&lt;br /&gt;
Here are the ways to register in google adsense :&lt;br /&gt;
Go to this site by clicking &lt;a href="https://www.google.com/adsense"&gt;here&lt;/a&gt;. &lt;br /&gt;
Then click sign-up&lt;br /&gt;
On "websites url" input name of your website, use the primary url&lt;br /&gt;
Then select the language for your blog or website&lt;br /&gt;
Checklist of available radio buttons such as "I Will not place ads on sites that include incentives to click on ads" and "Payee must be at least 18 years of age to Participate in AdSense."&lt;br /&gt;
Then on the choice account, select a business or individual. among themselves better to use individual accounts&lt;br /&gt;
Select the country where you live&lt;br /&gt;
Then in the "payee name" Just fill in your full name&lt;br /&gt;
Then input your address&lt;br /&gt;
Input city where you live&lt;br /&gt;
Input your state&lt;br /&gt;
In the ZIP column, zip code you live&lt;br /&gt;
This section lists check "I agree That I can receive checks made out to the payee name listed above I have."&lt;br /&gt;
Input your phone number&lt;br /&gt;
Then email preferences checklist&lt;br /&gt;
In this section of "How did you find out about Google AdSense?" please fill the information about google adsense you get&lt;br /&gt;
Toward the final checklist of all the radio buttons provided&lt;br /&gt;
And the last step submit your information&lt;br /&gt;
Then select an account for your adsense&lt;br /&gt;
Account after the password input&lt;br /&gt;
Last sent from the results that you fill this form&lt;br /&gt;
So many of my articles about the registration on google adsense, hopefully useful&lt;br /&gt;
GOOD LUCK</description><thr:total xmlns:thr="http://purl.org/syndication/thread/1.0">0</thr:total><author>wpwordpres1@gmail.com (blogtutorial)</author></item><item><title>New Blogger: page elements widgets code reference and tutorial</title><link>http://foryoutenan.blogspot.com/2010/08/new-blogger-page-elements-widgets-code.html</link><pubDate>Wed, 25 Aug 2010 10:03:00 -0700</pubDate><guid isPermaLink="false">tag:blogger.com,1999:blog-5443614708903861212.post-7808421176522618195</guid><description>&lt;span class="Apple-style-span" style="font-family: Arial; font-size: small;"&gt;&lt;span class="Apple-style-span" style="font-size: 13px;"&gt;&lt;span class="Apple-style-span" style="color: #333333; font-family: 'Lucida Grande', Verdana, Arial, sans-serif; font-size: 11px; line-height: 15px;"&gt;UPDATE: this post is a general intro to New Blogger's standard built-in page elements. To get some other&amp;nbsp;&lt;span style="font-style: italic; font-weight: bold;"&gt;free&lt;/span&gt;&amp;nbsp;page elements widgets for your blog, see&lt;a href="http://www.consumingexperience.com/2007/04/new-blogger-beta-widgets-collection.html" style="color: #0066cc; text-decoration: none;"&gt;this post&lt;/a&gt;&amp;nbsp;and&amp;nbsp;&lt;a href="http://improbulus.googlepages.com/Add_widgets_for_New_Blogger_Beta.html" style="color: #0066cc; text-decoration: none;"&gt;this webpage&lt;/a&gt;. Also updated to add code for standard (non-optional) page elements, for ease of reference.&lt;br /&gt;
&lt;br /&gt;
This is a reference guide about the standard&amp;nbsp;&lt;a href="http://www.blogger.com/" style="color: #0066cc; text-decoration: none;"&gt;Blogger&lt;/a&gt;&amp;nbsp;page elements widgets available as at 31 Dec 2006 via the Page Elements sub-tab of the Template tab (headed Add and Arrange Page Elements)- mainly for myself, but I'm posting it in case it's of use to others, whether&amp;nbsp;&lt;a href="http://buzz.blogger.com/2006/08/blogger-api-update.html" style="color: #0066cc; text-decoration: none;"&gt;coders&lt;/a&gt;&amp;nbsp;or non-techies, as a howto or tutorial introduction for the&amp;nbsp;&lt;a href="http://buzz.blogger.com/2006/11/blogger-beta-feature-complete.html" style="color: #0066cc; text-decoration: none;"&gt;now feature complete&lt;/a&gt;&amp;nbsp;&lt;a href="http://googleblog.blogspot.com/2006/12/bloggers-new-bag-of-tricks.html" style="color: #0066cc; text-decoration: none;"&gt;fancy&lt;/a&gt;&amp;nbsp;&lt;a href="http://buzz.blogger.com/2006/12/new-version-of-blogger.html" style="color: #0066cc; text-decoration: none;"&gt;new&lt;/a&gt;&amp;nbsp;&lt;a href="http://www2.blogger.com/" style="color: #0066cc; text-decoration: none;"&gt;Blogger&lt;/a&gt;,&lt;a href="http://buzz.blogger.com/2006/08/beta-update.html" style="color: #0066cc; text-decoration: none;"&gt;formerly&lt;/a&gt;&amp;nbsp;known as&amp;nbsp;&lt;a href="http://buzz.blogger.com/2006/08/blogger-in-beta.html" style="color: #0066cc; text-decoration: none;"&gt;Blogger Beta&lt;/a&gt;&amp;nbsp;(&lt;a href="http://consumingexperience.blogspot.com/2006/08/blogger-beta-new-features-review-first.html" style="color: #0066cc; text-decoration: none;"&gt;overview&lt;/a&gt;&amp;nbsp;and&amp;nbsp;&lt;a href="http://consumingexperience.blogspot.com/2006/12/does-out-of-beta-blogger-beat-out.html" style="color: #0066cc; text-decoration: none;"&gt;thoughts on new Blogger&lt;/a&gt;).&lt;br /&gt;
&lt;br /&gt;
UPDATE: note - if you're interested in New Blogger template code and want more on converting your old classic Blogger blog to the new style templates, you may want to read&amp;nbsp;&lt;a href="http://consumingexperience.blogspot.com/2007/01/new-blogger-expr-how-to-convert.html" style="color: #0066cc; text-decoration: none;"&gt;this post on the mysterious new "expr:href" and new Blogger data tags&lt;/a&gt;.&lt;br /&gt;
&lt;br /&gt;
&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1oInNFkIB7OcJbIFQsF6Z6kPTgdXn3PrdyKvMUJzjN6ohn1hyphenhyphenWQ51g8A6sLRteaDiVl_9h3w79zVsvUB3wCsD4JLL54lXrNWGyPy0BfhUM8VqThZQ8kA1XBbv5-VQkVPp5WKS8MjGVTxC/s1600-h/pagelements.jpg" style="color: #0066cc; text-decoration: none;"&gt;&lt;img alt="" border="0" height="157" id="BLOGGER_PHOTO_ID_5059113653208547074" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1oInNFkIB7OcJbIFQsF6Z6kPTgdXn3PrdyKvMUJzjN6ohn1hyphenhyphenWQ51g8A6sLRteaDiVl_9h3w79zVsvUB3wCsD4JLL54lXrNWGyPy0BfhUM8VqThZQ8kA1XBbv5-VQkVPp5WKS8MjGVTxC/s200/pagelements.jpg" style="border-bottom-style: solid; border-color: initial; border-left-color: rgb(50, 50, 50); border-left-style: solid; border-right-color: rgb(50, 50, 50); border-right-style: solid; border-top-color: rgb(50, 50, 50); border-top-style: solid; border-width: initial; display: block; margin-bottom: 10px; margin-left: auto; margin-right: auto; margin-top: 0px; text-align: center;" width="200" /&gt;&lt;/a&gt;&lt;br /&gt;
Page elements can be added to a section of the blog (e.g. sidebar or footer) only if the showaddelement setting for that section in the expanded template is set to 'yes'. A 'yes' for a b:section's showaddelement makes an "Add a Page Element" link appear in that section in the Template Page Elements tab view. E.g. for the main blog section the default is &amp;lt;b:section class='main' id='main' showaddelement='no'&amp;gt;, so you can't add extra elements to that section via the Page Elements tab unless you change that to 'yes' in the expanded HTML template. (To get to the expanded template click Template, Edit HTML and tick Expand Widget Templates. The full HTML for the template is of course then shown in the Edit Template box.)&lt;br /&gt;
&lt;br /&gt;
(Updated 1 Jan 2007)&amp;nbsp;&lt;span style="font-style: italic;"&gt;Note on the Header&lt;/span&gt;: even if showaddelement='yes' in the page header b:section (the b:section with id='header'), the "Add a Page Element" link won't display there&amp;nbsp;&lt;span style="font-style: italic;"&gt;unless&lt;/span&gt;&amp;nbsp;you also either delete maxwidgets="1" in the header b:section, in which case there's no limit to the number of widgets you can add to that section, or else change that maxwidgets number to increase the maximum number of widgets you can have in that section to e.g. 2 or 3. (&lt;a href="http://consumingexperience.blogspot.com/2006/12/new-blogger-page-elements-widgets-code.html#116761089455406983" style="color: #0066cc; text-decoration: none;"&gt;Thanks&lt;/a&gt;&amp;nbsp;to&amp;nbsp;&lt;a href="http://www.blogger.com/profile/14183404615688013084" style="color: #0066cc; text-decoration: none;"&gt;Shelly&lt;/a&gt;!)&lt;br /&gt;
&lt;br /&gt;
Where the "Add a Page Element" link displays, the available widgets list seems to be the same, i.e. it's not context-specific. (See further on the&amp;nbsp;&lt;a href="http://buzz.blogger.com/2006/08/new-old-feature-on-beta.html" style="color: #0066cc; text-decoration: none;"&gt;new Layouts system&lt;/a&gt;&amp;nbsp;Blogger's&amp;nbsp;&lt;a href="http://help.blogger.com/bin/answer.py?answer=43708&amp;amp;topic=10274" style="color: #0066cc; text-decoration: none;"&gt;Layout Guide to template page elements&lt;/a&gt;,&amp;nbsp;&lt;a href="http://help.blogger.com/bin/answer.py?answer=46888&amp;amp;topic=10274" style="color: #0066cc; text-decoration: none;"&gt;Page Elements Tags for Layouts&lt;/a&gt;&amp;nbsp;and&amp;nbsp;&lt;a href="http://help.blogger.com/bin/answer.py?answer=46995" style="color: #0066cc; text-decoration: none;"&gt;Widget Tags for Layouts&lt;/a&gt;.)&lt;br /&gt;
&lt;br /&gt;
On clicking the "Add a Page Element" link in a section (e.g. sidebar), a popup window offers different types of page element widgets that can be added to that section:&lt;br /&gt;
&lt;br /&gt;
&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfMJERHSFREUtF9R0TchLiU53D1oa3Jrn13gyCf3qDCgPkrYT9rvhQqX1ZHrZlSHMpAjmEsRdaZec7IW4TPYVGp45a_JCfeL_-Kp3juTU26vUb3gNFFhwZPUkvz0uMlCe_Zy_mCF034JZd/s1600-h/pageelem.jpg" style="color: #0066cc; text-decoration: none;"&gt;&lt;img alt="" border="0" id="BLOGGER_PHOTO_ID_5059113653208547058" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfMJERHSFREUtF9R0TchLiU53D1oa3Jrn13gyCf3qDCgPkrYT9rvhQqX1ZHrZlSHMpAjmEsRdaZec7IW4TPYVGp45a_JCfeL_-Kp3juTU26vUb3gNFFhwZPUkvz0uMlCe_Zy_mCF034JZd/s400/pageelem.jpg" style="border-bottom-color: rgb(204, 204, 204); border-bottom-style: solid; border-bottom-width: 1px; border-color: initial; border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(204, 204, 204); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(204, 204, 204); border-top-style: solid; border-top-width: 1px; border-width: initial; cursor: pointer; display: block; margin-bottom: 10px; margin-left: auto; margin-right: auto; margin-top: 0px; text-align: center;" /&gt;&lt;/a&gt;Currently the available types of standard new Blogger page elements or widgets are:&lt;br /&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-family: Arial; font-size: small;"&gt;&lt;span class="Apple-style-span" style="font-size: 13px;"&gt;&lt;span class="Apple-style-span" style="color: #333333; font-family: 'Lucida Grande', Verdana, Arial, sans-serif; font-size: 11px; line-height: 15px;"&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-family: Arial; font-size: small;"&gt;&lt;span class="Apple-style-span" style="font-size: 13px;"&gt;&lt;span class="Apple-style-span" style="color: #333333; font-family: 'Lucida Grande', Verdana, Arial, sans-serif; font-size: 11px; line-height: 15px;"&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;span class="Apple-style-span" style="font-family: Arial; font-size: small;"&gt;&lt;span class="Apple-style-span" style="font-size: 13px;"&gt;&lt;span class="Apple-style-span" style="color: #333333; font-family: 'Lucida Grande', Verdana, Arial, sans-serif; font-size: 11px; line-height: 15px;"&gt;&lt;ul style="list-style-image: initial; list-style-position: initial; list-style-type: none; margin-left: 0px; padding-bottom: 0px; padding-left: 10px; padding-right: 0px; padding-top: 0px; text-indent: -10px;"&gt;&lt;li style="margin-bottom: 8px; margin-left: 10px; margin-right: 0px; margin-top: 7px;"&gt;(&lt;a href="http://consumingexperience.blogspot.com/2007/04/new-blogger-beta-newsreel-video-bar.html" style="color: #0066cc; text-decoration: none;"&gt;UPDATED 1 April 2007&lt;/a&gt;) Newsreel&lt;/li&gt;
&lt;li style="margin-bottom: 8px; margin-left: 10px; margin-right: 0px; margin-top: 7px;"&gt;(&lt;a href="http://consumingexperience.blogspot.com/2007/04/new-blogger-beta-newsreel-video-bar.html" style="color: #0066cc; text-decoration: none;"&gt;UPDATED 1 April 2007&lt;/a&gt;) Video Bar&lt;/li&gt;
&lt;li style="margin-bottom: 8px; margin-left: 10px; margin-right: 0px; margin-top: 7px;"&gt;List&lt;/li&gt;
&lt;li style="margin-bottom: 8px; margin-left: 10px; margin-right: 0px; margin-top: 7px;"&gt;Link list&lt;/li&gt;
&lt;li style="margin-bottom: 8px; margin-left: 10px; margin-right: 0px; margin-top: 7px;"&gt;Picture&lt;/li&gt;
&lt;li style="margin-bottom: 8px; margin-left: 10px; margin-right: 0px; margin-top: 7px;"&gt;Text&lt;/li&gt;
&lt;li style="margin-bottom: 8px; margin-left: 10px; margin-right: 0px; margin-top: 7px;"&gt;HTML/Javascript&lt;/li&gt;
&lt;li style="margin-bottom: 8px; margin-left: 10px; margin-right: 0px; margin-top: 7px;"&gt;AdSense&lt;/li&gt;
&lt;li style="margin-bottom: 8px; margin-left: 10px; margin-right: 0px; margin-top: 7px;"&gt;Feed&lt;/li&gt;
&lt;li style="margin-bottom: 8px; margin-left: 10px; margin-right: 0px; margin-top: 7px;"&gt;Labels&lt;/li&gt;
&lt;li style="margin-bottom: 8px; margin-left: 10px; margin-right: 0px; margin-top: 7px;"&gt;Logo&lt;/li&gt;
&lt;/ul&gt;(Updated 29 April 2007 for completeness though they're included as standard):&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;ul style="list-style-image: initial; list-style-position: initial; list-style-type: none; margin-left: 0px; padding-bottom: 0px; padding-left: 10px; padding-right: 0px; padding-top: 0px; text-indent: -10px;"&gt;&lt;li style="margin-bottom: 8px; margin-left: 10px; margin-right: 0px; margin-top: 7px;"&gt;Archive&lt;/li&gt;
&lt;li style="margin-bottom: 8px; margin-left: 10px; margin-right: 0px; margin-top: 7px;"&gt;Profile&lt;/li&gt;
&lt;li style="margin-bottom: 8px; margin-left: 10px; margin-right: 0px; margin-top: 7px;"&gt;Page header&lt;/li&gt;
&lt;li style="margin-bottom: 8px; margin-left: 10px; margin-right: 0px; margin-top: 7px;"&gt;Footer&lt;/li&gt;
&lt;/ul&gt;(Profile, Blog Archive and Page Header are already added as standard in the Layouts view so they're greyed out from adding, but you can edit them - there's only one each allowed per blogof the page header widget, profile widget and (though this seems tweakable manually) archive widget; but more than one of the other widget types is possible, and Blogger will give them different ids automatically e.g. Text2, Text3, HTML2, Feed1, Feed2 etc).&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;h3 style="color: #333333; font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, sans-serif; font-size: 1.45em; font-weight: bold; margin-bottom: 0.7em; margin-left: 0px; margin-right: 0px; margin-top: 1.5em; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none;"&gt;How to add a Page Element&lt;/h3&gt;Click "Add to Blog" against a particular page element e.g. Picture to set its options and then add it to the section. New elements are added to the top e.g. of the sidebar, but can then be moved around by dragging with the mouse, including to another section e.g. from sidebar to footer.&lt;br /&gt;
&lt;br /&gt;
Bug? Deliberate? (not in the&amp;nbsp;&lt;a href="http://knownissues.blogspot.com/" style="color: #0066cc; text-decoration: none;"&gt;known issues list&lt;/a&gt;&amp;nbsp;as far as I can see): after clicking the Edit link for a Page Element, then clicking "Save changes" (whether or not you've edited anything), the Edit link against that page element disappears from the Page Elements tab view. You have to refresh or reload the page for the Edit link to come back for that particular page element.&lt;br /&gt;
&lt;br /&gt;
Navbar oddity: to edit the navbar (colour selection only), there's an edit link against the navbar in the Page Elements tab, and currently&amp;nbsp;&lt;a href="http://help.blogger.com/bin/answer.py?answer=46888&amp;amp;topic=10274" style="color: #0066cc; text-decoration: none;"&gt;Blogger's Page Elements Tags for Layouts help page&lt;/a&gt;&amp;nbsp;includes, at the end of its list of the types of widgets you can specify, "Navbar" - which suggests that there&amp;nbsp;&lt;span style="font-style: italic;"&gt;is&lt;/span&gt;&amp;nbsp;a navbar widget. But there's no widget code in the HTML of the template for the navbar (though there is navbar code in the final webpage HTML). Why? If Blogger were trying to stop people from&amp;nbsp;&lt;a href="http://blogger-templates.blogspot.com/2005/01/remove-navbar.html" style="color: #0066cc; text-decoration: none;"&gt;hiding the navbar, it hasn't worked&lt;/a&gt;! Though it seems quite clear that&amp;nbsp;&lt;a href="http://consumingexperience.blogspot.com/2006/03/blogger-you-cant-modify-navbar.html" style="color: #0066cc; text-decoration: none;"&gt;you're not supposed to mess with the navbar if you publish to Blogspot as your blog host,&lt;/a&gt;&amp;nbsp;as opposed to your own server.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;blockquote style="border-left-color: rgb(221, 221, 221); border-left-style: solid; border-left-width: 5px; color: #777777; margin-bottom: 0px; margin-left: 10px; margin-right: 30px; margin-top: 15px; padding-left: 20px;"&gt;(&lt;span style="font-weight: bold;"&gt;Aside on TOS&lt;/span&gt;: most of us are law abiding folk who will do what we're supposed to, as long as we're clear what it is. Blogger have strangely been notorious about not officially spelling out what it is they require of those of us who use Blogger in relation to the Blogger navbar/buttons, despite their users often being confused about this. If they said in their terms of service, clear and simple, "You must display the navbar and not hide it or else we reserve the right to delete your blog and stop you using our service", we would know where we were. As an A type who always wants, nay needs, to know where she stands, good or bad, I really wish Google would take the New Blogger opportunity to update the extremely out of date&amp;nbsp;&lt;a href="http://www.blogger.com/terms.g" style="color: #0066cc; text-decoration: none;"&gt;Blogger terms of service or TOS&lt;/a&gt;&amp;nbsp;to make things like this crystal clear. Or that Blogger would spell it out in some other official way that it&amp;nbsp;&lt;span style="font-style: italic;"&gt;is&lt;/span&gt;&amp;nbsp;OK to hide the navbar, if it is.)&lt;/blockquote&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;h3 style="color: #333333; font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, sans-serif; font-size: 1.45em; font-weight: bold; margin-bottom: 0.7em; margin-left: 0px; margin-right: 0px; margin-top: 1.5em; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none;"&gt;Standard Blogger Page Elements widget code&lt;/h3&gt;Below is all the widget code for the current standard Blogger page elements, for ease of reference, with preliminary notes on options you can set when adding each page element widget. I always find that examples help in understanding stuff, and (&lt;a href="http://phydeaux3.blogspot.com/2006/11/omg-puppies.html" style="color: #0066cc; text-decoration: none;"&gt;now that&lt;/a&gt;&amp;nbsp;people&amp;nbsp;&lt;a href="http://buzz.blogger.com/2006/11/json-on-new-blogger.html" style="color: #0066cc; text-decoration: none;"&gt;can&lt;/a&gt;&amp;nbsp;&lt;a href="http://help.blogger.com/bin/answer.py?answer=53219&amp;amp;topic=10274" style="color: #0066cc; text-decoration: none;"&gt;share their own widgets&lt;/a&gt;&amp;nbsp;so others can&amp;nbsp;&lt;a href="http://help.blogger.com/bin/answer.py?answer=53220" style="color: #0066cc; text-decoration: none;"&gt;add third party widgets to their blog layouts with a few clicks&lt;/a&gt;without knowing any coding) in writing widgets - e.g.&amp;nbsp;&lt;a href="http://phydeaux3.blogspot.com/2006/11/blogger-beta-widget-for-picasa-web.html" style="color: #0066cc; text-decoration: none;"&gt;Kirk's Picasa pics display widget&lt;/a&gt;, to show pics you might have&amp;nbsp;&lt;a href="http://buzz.blogger.com/2006/10/post-to-blogger-beta-from-picasa.html" style="color: #0066cc; text-decoration: none;"&gt;posted from Picasa&lt;/a&gt;. Non-techies may wish to ignore the code bits, but the descriptions of what the widgets do and what options are available may be of use.&lt;br /&gt;
&lt;br /&gt;
As mentioned, the widget code seems to be standard for each type of widget - only the title you entered (I've called it yourtitle below) gets added to the opening widget tag.&lt;br /&gt;
&lt;a href="http://www.blogger.com/post-edit.g?blogID=5443614708903861212&amp;amp;postID=7808421176522618195" name="notes" style="color: #0066cc; text-decoration: none;"&gt;&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;h4 style="font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, sans-serif; font-size: 1.25em; font-weight: bold; margin-bottom: 0.3em; margin-left: 0px; margin-right: 0px; margin-top: 1em; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;Some notes on Page Element widgets&lt;/h4&gt;In the opening b:widget tag:&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;ul style="list-style-image: initial; list-style-position: initial; list-style-type: none; margin-left: 0px; padding-bottom: 0px; padding-left: 10px; padding-right: 0px; padding-top: 0px; text-indent: -10px;"&gt;&lt;li style="margin-bottom: 8px; margin-left: 10px; margin-right: 0px; margin-top: 7px;"&gt;&lt;span style="font-weight: bold;"&gt;id&lt;/span&gt;&amp;nbsp;- a combo of letters/numbers unique to that widget (no other id can be the same in the entire template) which Blogger creates and adds automatically.&lt;/li&gt;
&lt;li style="margin-bottom: 8px; margin-left: 10px; margin-right: 0px; margin-top: 7px;"&gt;&lt;span style="font-weight: bold;"&gt;locked&lt;/span&gt;&amp;nbsp;- if 'false' means the widget/page element can be moved and deleted from the Page Elements tab view. If 'true', it can't.&lt;/li&gt;
&lt;li style="margin-bottom: 8px; margin-left: 10px; margin-right: 0px; margin-top: 7px;"&gt;&lt;span style="font-weight: bold;"&gt;title&lt;/span&gt;&amp;nbsp;- the text you enter when adding the page element, which becomes the display label for the widget in the Page Elements tab and on the blog webpage itself, see further below. I refer to this as "YOURTITLE" in the widget code below.&lt;/li&gt;
&lt;li style="margin-bottom: 8px; margin-left: 10px; margin-right: 0px; margin-top: 7px;"&gt;&lt;span style="font-weight: bold;"&gt;type&lt;/span&gt;&amp;nbsp;- self-explanatory and determines the type of widget e.g. LinkList for a list of links.&lt;/li&gt;
&lt;/ul&gt;&lt;span style="font-weight: bold;"&gt;Title.&lt;/span&gt;&amp;nbsp;For almost all the standard page elements a Title can be entered, and whatever title text is entered will be used as the label or display title of the added page element/widget in the Page Elements tab view (in the pic above I've entitled most of the added page elements in the sidebar with its type, but I've called the picture "A Picture" and the feed widget "Some Feeds" just to illustrate that you can use different text). The user-entered title text is shown in the widget code below as "&lt;span style="font-style: italic; font-weight: bold;"&gt;yourtitle&lt;/span&gt;".&lt;br /&gt;
&lt;br /&gt;
The title text is also displayed as the heading for the page element item on the final blog webpage.&lt;br /&gt;
&lt;br /&gt;
But the title is the only bit of the info you can enter (or of the options you can choose when adding a Page Element) which will appear in the widget code for that page element, or which will even affect the widget code.&amp;nbsp;&lt;span style="font-style: italic; font-weight: bold;"&gt;All other options you pick for the page element or widget, e.g. max no. of list items to show, or how to sort list items, are saved by Blogger to their database behind the scenes&lt;/span&gt;, so you&amp;nbsp;&lt;span style="font-style: italic;"&gt;won't&lt;/span&gt;&amp;nbsp;see them in your template widget code.&lt;br /&gt;
&lt;br /&gt;
Notice that all these page element widgets have&lt;br /&gt;
&lt;span style="font-weight: bold;"&gt;&amp;lt;b:include name='quickedit'/&amp;gt;&lt;/span&gt;&lt;br /&gt;
as part of their code (within the includable bit). That's good stuff to put in widget code. It makes the widget easily editable from the Page Elements tab by inserting an "Edit" link that shows up in the bottom right hand corner of the page element, [&lt;span style="font-style: italic;"&gt;added later&lt;/span&gt;:] and also makes it editable from your blog webpage (if you're logged in), via a quickedit icon&amp;nbsp;&lt;img class="zero" src="http://www2.blogger.com/img/icon18_wrench_allbkg.gif" style="border-bottom-color: rgb(204, 204, 204); border-bottom-style: solid; border-bottom-width: 0px; border-color: initial; border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(204, 204, 204); border-right-style: solid; border-right-width: 0px; border-style: initial; border-top-color: rgb(204, 204, 204); border-top-style: solid; border-top-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;" /&gt;&amp;nbsp;at the bottom right of the widget. If you add that quickedit code to your own hand-crafted widgets, that'll make them more easily editable too (e.g. the&amp;nbsp;&lt;a href="http://consumingexperience.blogspot.com/2006/11/technorati-link-count-plus-blogger.html" style="color: #0066cc; text-decoration: none;"&gt;Technorati Link Count widget&lt;/a&gt;&amp;nbsp;I whipped up) - with thanks to&amp;nbsp;&lt;a href="http://phydeaux3.blogspot.com/" style="color: #0066cc; text-decoration: none;"&gt;Kirk&lt;/a&gt;&amp;nbsp;for the tip, as usual.&lt;br /&gt;
&lt;a href="http://www.blogger.com/post-edit.g?blogID=5443614708903861212&amp;amp;postID=7808421176522618195" name="newsreel" style="color: #0066cc; text-decoration: none;"&gt;&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;h4 style="font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, sans-serif; font-size: 1.25em; font-weight: bold; margin-bottom: 0.3em; margin-left: 0px; margin-right: 0px; margin-top: 1em; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;Newsreel (&lt;a href="http://consumingexperience.blogspot.com/2007/04/new-blogger-beta-newsreel-video-bar.html" style="color: #0066cc; text-decoration: none;"&gt;UPDATED 1 April 2007&lt;/a&gt;)&lt;/h4&gt;Adds a "news bar" which constantly updates to show (usually in your sidebar) the results of&amp;nbsp;&lt;a href="http://news.google.com/" style="color: #0066cc; text-decoration: none;"&gt;Google News&lt;/a&gt;&amp;nbsp;searches of your chosen search expressions (headlines and excerpts) - e.g. the default search term examples they provide are Apple, Google, Microsoft. Basically it's what you'd get if you searched direct for the same term (e.g. Apple) on Google News, but displayed on your blog, with the results continually updated. See&amp;nbsp;&lt;a href="http://consumingexperience.blogspot.com/2007/04/new-blogger-beta-newsreel-video-bar.html" style="color: #0066cc; text-decoration: none;"&gt;this post&lt;/a&gt;&amp;nbsp;for a pic of what the results might look like on your blog.&lt;br /&gt;
&lt;br /&gt;
&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSPMhOCPYGm-UtH-afQx5mWcdYjA-k23u90-osBAdXiFWk3t_hpRbj9RCRNVaBHAvPcYrjMM7BGPIdaYBnnCPIX0K9-e2EPWwvCFJZ6mOXEZpgKbqhOrZQ5L_4WYOy5B9_dc5a6bxGt0Tf/s1600-h/newsbar.jpg" style="color: #0066cc; text-decoration: none;"&gt;&lt;img alt="" border="0" id="BLOGGER_PHOTO_ID_5059114696885600018" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSPMhOCPYGm-UtH-afQx5mWcdYjA-k23u90-osBAdXiFWk3t_hpRbj9RCRNVaBHAvPcYrjMM7BGPIdaYBnnCPIX0K9-e2EPWwvCFJZ6mOXEZpgKbqhOrZQ5L_4WYOy5B9_dc5a6bxGt0Tf/s400/newsbar.jpg" style="border-bottom-color: rgb(204, 204, 204); border-bottom-style: solid; border-bottom-width: 1px; border-color: initial; border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(204, 204, 204); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(204, 204, 204); border-top-style: solid; border-top-width: 1px; border-width: initial; cursor: pointer; display: block; margin-bottom: 10px; margin-left: auto; margin-right: auto; margin-top: 0px; text-align: center;" /&gt;&lt;/a&gt;&lt;br /&gt;
The user can click on a search term which is an underlined link (by default Apple, Google or Microsoft) to see the results of that particular search. At the moment it shows just 4 results, there seems no way to configure how many results you want it to display.&lt;br /&gt;
&lt;br /&gt;
Options you can set: Title (e.g. My News Searches); your own search expressions (comma separated for multiple word searches); whether to open links in a new window.&lt;br /&gt;
&lt;br /&gt;
You're supposed to be able to preview the search results for your new search terms but when I tried it, it kept trying to show me the examples (Apple, Google, Microsoft) instead. It just flashed up my new search terms for half a second, then reverted to the default examples. When I saved changes and clicked to Edit, same thing. I think it's because the search terms I tried weren't being used. However on the blog itself, if there are no search results it'll display search results for the term "Google" (nice publicity for them!).&lt;br /&gt;
&lt;br /&gt;
&amp;lt;b:widget id='NewsBar1' locked='false' title='YOURTITLE' type='NewsBar'&amp;gt;&lt;br /&gt;
&amp;lt;b:includable id='main'&amp;gt;&lt;br /&gt;
&amp;lt;!-- only display title if it's non-empty --&amp;gt;&lt;br /&gt;
&amp;lt;b:if cond='data:title != ""'&amp;gt;&lt;br /&gt;
&amp;lt;h2 class='title'&amp;gt;&amp;lt;data:title/&amp;gt;&amp;lt;/h2&amp;gt;&lt;br /&gt;
&amp;lt;/b:if&amp;gt;&lt;br /&gt;
&amp;lt;div class='widget-content'&amp;gt;&lt;br /&gt;
&amp;lt;div expr:id='data:widget.instanceId + "_bar"'&amp;gt;&lt;br /&gt;
&amp;lt;span class='newsBar-status'&amp;gt;Loading...&amp;lt;/span&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;b:include name='quickedit'/&amp;gt;&lt;br /&gt;
&amp;lt;/b:includable&amp;gt;&lt;br /&gt;
&amp;lt;/b:widget&amp;gt;&lt;br /&gt;
&lt;a href="http://www.blogger.com/post-edit.g?blogID=5443614708903861212&amp;amp;postID=7808421176522618195" name="videobar" style="color: #0066cc; text-decoration: none;"&gt;&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;h4 style="font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, sans-serif; font-size: 1.25em; font-weight: bold; margin-bottom: 0.3em; margin-left: 0px; margin-right: 0px; margin-top: 1em; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;Video Bar (&lt;a href="http://consumingexperience.blogspot.com/2007/04/new-blogger-beta-newsreel-video-bar.html" style="color: #0066cc; text-decoration: none;"&gt;UPDATED 1 April 2007&lt;/a&gt;)&lt;/h4&gt;Adds a "video bar" which lets you "Display clips from&amp;nbsp;&lt;a href="http://www.youtube.com/" style="color: #0066cc; text-decoration: none;"&gt;YouTube&lt;/a&gt;&amp;nbsp;and&amp;nbsp;&lt;a href="http://video.google.com/" style="color: #0066cc; text-decoration: none;"&gt;Google Video&lt;/a&gt;&amp;nbsp;for your readers to watch without leaving the page." It shows video clips which match the search terms you enter, again just as if you'd searched direct for that term on YouTube or Google Video, and it's kept constantly updated. See&amp;nbsp;&lt;a href="http://consumingexperience.blogspot.com/2007/04/new-blogger-beta-newsreel-video-bar.html" style="color: #0066cc; text-decoration: none;"&gt;this post&lt;/a&gt;&amp;nbsp;for a pic of what the results might look like on your blog.&lt;br /&gt;
&lt;br /&gt;
&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEho9qRKkVDv4q6VqpKvG6ZhcKPI70L-0Fm9YoYzGAMUcjZXSDqpcpBcLs5N-KPaCvPJdOx6zY4d45qitCOFGzFpMGTudDbEBe4d5QsbAiJC63znIXyPA4xAd2fqwtad4Y2zGikAqlBkhSBi/s1600-h/videobar.jpg" style="color: #0066cc; text-decoration: none;"&gt;&lt;img alt="" border="0" id="BLOGGER_PHOTO_ID_5059114696885600034" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEho9qRKkVDv4q6VqpKvG6ZhcKPI70L-0Fm9YoYzGAMUcjZXSDqpcpBcLs5N-KPaCvPJdOx6zY4d45qitCOFGzFpMGTudDbEBe4d5QsbAiJC63znIXyPA4xAd2fqwtad4Y2zGikAqlBkhSBi/s400/videobar.jpg" style="border-bottom-color: rgb(204, 204, 204); border-bottom-style: solid; border-bottom-width: 1px; border-color: initial; border-left-color: rgb(204, 204, 204); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(204, 204, 204); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(204, 204, 204); border-top-style: solid; border-top-width: 1px; border-width: initial; cursor: pointer; display: block; margin-bottom: 10px; margin-left: auto; margin-right: auto; margin-top: 0px; text-align: center;" /&gt;&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
Options you can set: Title; your own search expressions (comma separated for multiple word searches).&lt;br /&gt;
&lt;br /&gt;
As with the newsreel widget, if you can't get anything with the Preview it's probably because there's nothing yet on YouTube etc using your search term. On the blog itself, if there are no results with your search term, it just shows the title you entered for the widget, with no video underneath it (unlike the News Bar, above, which does show results for "Google" if there's nothing for your search term).&lt;br /&gt;
&lt;br /&gt;
Again at the moment it shows just 4 results, there seems no way to configure how many results you want it to display.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;b:widget id='VideoBar1' locked='false' title='YOURTITLE' type='VideoBar'&amp;gt;&lt;br /&gt;
&amp;lt;b:includable id='main'&amp;gt;&lt;br /&gt;
&amp;lt;!-- only display title if it's non-empty --&amp;gt;&lt;br /&gt;
&amp;lt;b:if cond='data:title != ""'&amp;gt;&lt;br /&gt;
&amp;lt;h2 class='title'&amp;gt;&amp;lt;data:title/&amp;gt;&amp;lt;/h2&amp;gt;&lt;br /&gt;
&amp;lt;/b:if&amp;gt;&lt;br /&gt;
&amp;lt;div class='widget-content'&amp;gt;&lt;br /&gt;
&amp;lt;div expr:id='data:widget.instanceId + "_bar"'&amp;gt;&lt;br /&gt;
&amp;lt;span class='videoBar-status'&amp;gt;Loading...&amp;lt;/span&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;b:include name='quickedit'/&amp;gt;&lt;br /&gt;
&amp;lt;/b:includable&amp;gt;&lt;br /&gt;
&amp;lt;/b:widget&amp;gt;&lt;br /&gt;
&lt;a href="http://www.blogger.com/post-edit.g?blogID=5443614708903861212&amp;amp;postID=7808421176522618195" name="list" style="color: #0066cc; text-decoration: none;"&gt;&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;h4 style="font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, sans-serif; font-size: 1.25em; font-weight: bold; margin-bottom: 0.3em; margin-left: 0px; margin-right: 0px; margin-top: 1em; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;List&lt;/h4&gt;Displays a list of stuff.&lt;br /&gt;
&lt;br /&gt;
Options you can set: Title, max no. of items to show in the list, sorting (don't, alphabetical, reverse alph) and individual items for the list (including with links, if desired - so you could have an item in the list with links, and one without).&lt;br /&gt;
&lt;br /&gt;
&amp;lt;b:widget id='TextList1' locked='false' title='YOURTITLE' type='TextList'&amp;gt;&lt;br /&gt;
&amp;lt;b:includable id='main'&amp;gt;&lt;br /&gt;
&amp;lt;h2&amp;gt;&amp;lt;data:title/&amp;gt;&amp;lt;/h2&amp;gt;&lt;br /&gt;
&amp;lt;div class='widget-content'&amp;gt;&lt;br /&gt;
&amp;lt;ul&amp;gt;&lt;br /&gt;
&amp;lt;b:loop values='data:items' var='item'&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;&amp;lt;data:item/&amp;gt;&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;/b:loop&amp;gt;&lt;br /&gt;
&amp;lt;/ul&amp;gt;&lt;br /&gt;
&amp;lt;b:include name='quickedit'/&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/b:includable&amp;gt;&lt;br /&gt;
&amp;lt;/b:widget&amp;gt;&lt;br /&gt;
&lt;a href="http://www.blogger.com/post-edit.g?blogID=5443614708903861212&amp;amp;postID=7808421176522618195" name="linklist" style="color: #0066cc; text-decoration: none;"&gt;&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;h4 style="font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, sans-serif; font-size: 1.25em; font-weight: bold; margin-bottom: 0.3em; margin-left: 0px; margin-right: 0px; margin-top: 1em; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;Link list&lt;/h4&gt;Displays list of links. Use for manual blogrolls or link rolls i.e. list of favourite links etc.&lt;br /&gt;
&lt;br /&gt;
Options: title, max no. of links to show in list, sorting (don't, alph, reverse alph) and for each link the site URL and site name i.e. clickable link text.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;b:widget id='LinkList1' locked='false' title='YOURTITLE' type='LinkList'&amp;gt;&lt;br /&gt;
&amp;lt;b:includable id='main'&amp;gt;&lt;br /&gt;
&amp;lt;b:if cond='data:title'&amp;gt;&amp;lt;h2&amp;gt;&amp;lt;data:title/&amp;gt;&amp;lt;/h2&amp;gt;&amp;lt;/b:if&amp;gt;&lt;br /&gt;
&amp;lt;div class='widget-content'&amp;gt;&lt;br /&gt;
&amp;lt;ul&amp;gt;&lt;br /&gt;
&amp;lt;b:loop values='data:links' var='link'&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;&amp;lt;a expr:href='data:link.target'&amp;gt;&amp;lt;data:link.name/&amp;gt;&amp;lt;/a&amp;gt;&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;/b:loop&amp;gt;&lt;br /&gt;
&amp;lt;/ul&amp;gt;&lt;br /&gt;
&amp;lt;b:include name='quickedit'/&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/b:includable&amp;gt;&lt;br /&gt;
&amp;lt;/b:widget&amp;gt;&lt;br /&gt;
&lt;a href="http://www.blogger.com/post-edit.g?blogID=5443614708903861212&amp;amp;postID=7808421176522618195" name="picture" style="color: #0066cc; text-decoration: none;"&gt;&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;h4 style="font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, sans-serif; font-size: 1.25em; font-weight: bold; margin-bottom: 0.3em; margin-left: 0px; margin-right: 0px; margin-top: 1em; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;Picture&lt;/h4&gt;Displays an image, wouldja believe it.&lt;br /&gt;
&lt;br /&gt;
Options: title (heading over the pic), caption (under the pic), and upload an image from your computer or use one on the Web (it then shows a nice preview); Shrink to fit is ticked, which seems best in most cases. So Blogger automatically resizes the pic to fit in your sidebar, for instance, or your footer. Handy, e.g. for non-techies to display a favourite image in the sidebar.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;b:widget id='Image1' locked='false' title='YOURTITLE' type='Image'&amp;gt;&lt;br /&gt;
&amp;lt;b:includable id='main'&amp;gt;&lt;br /&gt;
&amp;lt;b:if cond='data:title != ""'&amp;gt;&lt;br /&gt;
&amp;lt;h2&amp;gt;&amp;lt;data:title/&amp;gt;&amp;lt;/h2&amp;gt;&lt;br /&gt;
&amp;lt;/b:if&amp;gt;&lt;br /&gt;
&amp;lt;div class='widget-content'&amp;gt;&lt;br /&gt;
&amp;lt;img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + "_img"' expr:src='data:sourceUrl' expr:width='data:width'/&amp;gt;&lt;br /&gt;
&amp;lt;br/&amp;gt;&lt;br /&gt;
&amp;lt;b:if cond='data:caption != ""'&amp;gt;&lt;br /&gt;
&amp;lt;span class='caption'&amp;gt;&amp;lt;data:caption/&amp;gt;&amp;lt;/span&amp;gt;&lt;br /&gt;
&amp;lt;/b:if&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;b:include name='quickedit'/&amp;gt;&lt;br /&gt;
&amp;lt;/b:includable&amp;gt;&lt;br /&gt;
&amp;lt;/b:widget&amp;gt;&lt;br /&gt;
&lt;a href="http://www.blogger.com/post-edit.g?blogID=5443614708903861212&amp;amp;postID=7808421176522618195" name="textlist" style="color: #0066cc; text-decoration: none;"&gt;&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;h4 style="font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, sans-serif; font-size: 1.25em; font-weight: bold; margin-bottom: 0.3em; margin-left: 0px; margin-right: 0px; margin-top: 1em; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;Text&lt;/h4&gt;Displays a chunk of text, which can be formatted. Like a mini-post editor box, effectively, except that the stuff entered will appear in the chosen section e.g. sidebar, footer. Good for non-techies to use to add stuff in the footer for instance.&lt;br /&gt;
&lt;br /&gt;
Options: title, and content of text (which can be formatted e.g. bold, colours, and can include HTML code and links). Usual Blogger hotkeys work in the Content box e.g. ctrl-shift-a to add a link to highlighted text.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;b:widget id='Text1' locked='false' title='YOURTITLE' type='Text'&amp;gt;&lt;br /&gt;
&amp;lt;b:includable id='main'&amp;gt;&lt;br /&gt;
&amp;lt;!-- only display title if it's non-empty --&amp;gt;&lt;br /&gt;
&amp;lt;b:if cond='data:title != ""'&amp;gt;&lt;br /&gt;
&amp;lt;h2 class='title'&amp;gt;&amp;lt;data:title/&amp;gt;&amp;lt;/h2&amp;gt;&lt;br /&gt;
&amp;lt;/b:if&amp;gt;&lt;br /&gt;
&amp;lt;div class='widget-content'&amp;gt;&lt;br /&gt;
&amp;lt;data:content/&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;b:include name='quickedit'/&amp;gt;&lt;br /&gt;
&amp;lt;/b:includable&amp;gt;&lt;br /&gt;
&amp;lt;/b:widget&amp;gt;&lt;br /&gt;
&lt;a href="http://www.blogger.com/post-edit.g?blogID=5443614708903861212&amp;amp;postID=7808421176522618195" name="htmljavascript" style="color: #0066cc; text-decoration: none;"&gt;&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;h4 style="font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, sans-serif; font-size: 1.25em; font-weight: bold; margin-bottom: 0.3em; margin-left: 0px; margin-right: 0px; margin-top: 1em; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;HTML/Javascript&lt;/h4&gt;Displays HTML or Javascript e.g. a badge or other code.&lt;br /&gt;
&lt;br /&gt;
Options: title, content (with Edit HTML and rich text views). Usual Blogger hotkeys work e.g. ctrl-shift-a to add a link to highlighted text.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;b:widget id='HTML1' locked='false' title='YOURTITLE' type='HTML'&amp;gt;&lt;br /&gt;
&amp;lt;b:includable id='main'&amp;gt;&lt;br /&gt;
&amp;lt;!-- only display title if it's non-empty --&amp;gt;&lt;br /&gt;
&amp;lt;b:if cond='data:title != ""'&amp;gt;&lt;br /&gt;
&amp;lt;h2 class='title'&amp;gt;&amp;lt;data:title/&amp;gt;&amp;lt;/h2&amp;gt;&lt;br /&gt;
&amp;lt;/b:if&amp;gt;&lt;br /&gt;
&amp;lt;div class='widget-content'&amp;gt;&lt;br /&gt;
&amp;lt;data:content/&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;b:include name='quickedit'/&amp;gt;&lt;br /&gt;
&amp;lt;/b:includable&amp;gt;&lt;br /&gt;
&amp;lt;/b:widget&amp;gt;&lt;br /&gt;
&lt;a href="http://www.blogger.com/post-edit.g?blogID=5443614708903861212&amp;amp;postID=7808421176522618195" name="adsense" style="color: #0066cc; text-decoration: none;"&gt;&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;h4 style="font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, sans-serif; font-size: 1.25em; font-weight: bold; margin-bottom: 0.3em; margin-left: 0px; margin-right: 0px; margin-top: 1em; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;AdSense&lt;/h4&gt;Displays your&amp;nbsp;&lt;a href="http://buzz.blogger.com/2006/10/make-money-with-your-beta-blog.html" style="color: #0066cc; text-decoration: none;"&gt;Adsense ads&lt;/a&gt;, of course.&lt;br /&gt;
&lt;br /&gt;
If you've already signed up for&amp;nbsp;&lt;a href="https://www.google.com/adsense/" style="color: #0066cc; text-decoration: none;"&gt;Google's Adsense&lt;/a&gt;, it seems you only need to sign in once to Adsense on clicking to add this element, and thereafter as you're logged in to new Blogger with your&amp;nbsp;&lt;a href="https://www.google.com/accounts/" style="color: #0066cc; text-decoration: none;"&gt;Google Account&lt;/a&gt;, all your new Blogger blogs will automatically know your Adsense account details.&lt;br /&gt;
&lt;br /&gt;
Options: format (ad units or link units, and their size), colors (incl. blend template or match template or standard schemes) or customise border, background, text, title and url colours, and it gives a preview. You can also switch Adsense publisher IDs. But you can't set a title for this.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;b:widget id='AdSense1' locked='false' title='' type='AdSense'&amp;gt;&lt;br /&gt;
&amp;lt;b:includable id='main'&amp;gt;&lt;br /&gt;
&amp;lt;div class='widget-content'&amp;gt;&lt;br /&gt;
&amp;lt;data:adCode/&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/b:includable&amp;gt;&lt;br /&gt;
&amp;lt;/b:widget&amp;gt;&lt;br /&gt;
&lt;a href="http://www.blogger.com/post-edit.g?blogID=5443614708903861212&amp;amp;postID=7808421176522618195" name="feed" style="color: #0066cc; text-decoration: none;"&gt;&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;h4 style="font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, sans-serif; font-size: 1.25em; font-weight: bold; margin-bottom: 0.3em; margin-left: 0px; margin-right: 0px; margin-top: 1em; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;Feed (from other blogs or sites)&lt;/h4&gt;Displays items from feeds of your desired blogs or sites, kind of a&amp;nbsp;&lt;a href="http://www.feedroll.com/rssviewer/" style="color: #0066cc; text-decoration: none;"&gt;feed roll&lt;/a&gt;but built into Blogger by the good folk of Team Blogger.&lt;br /&gt;
&lt;br /&gt;
Nice one. Just enter the URL of the feed you want to display on your blog, and it retrieves the feed info, filling in the options: title (you can change it), no. of items to show (default 5, 1-5 poss), tick to show item dates, tick to show item source/author, with a nice preview when you change the options.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;b:widget id='Feed1' locked='false' title='YOURTITLE' type='Feed'&amp;gt;&lt;br /&gt;
&amp;lt;b:includable id='main'&amp;gt;&lt;br /&gt;
&amp;lt;h2&amp;gt;&amp;lt;data:title/&amp;gt;&amp;lt;/h2&amp;gt;&lt;br /&gt;
&amp;lt;div class='widget-content'&amp;gt;&lt;br /&gt;
&amp;lt;ul expr:id='data:widget.instanceId + "_feedItemListDisplay"'&amp;gt;&lt;br /&gt;
&amp;lt;b:loop values='data:feedData.items' var='i'&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;&lt;br /&gt;
&amp;lt;span class='item-title'&amp;gt;&lt;br /&gt;
&amp;lt;a expr:href='data:i.alternate.href'&amp;gt;&lt;br /&gt;
&amp;lt;data:i.title/&amp;gt;&lt;br /&gt;
&amp;lt;/a&amp;gt;&lt;br /&gt;
&amp;lt;/span&amp;gt;&lt;br /&gt;
&amp;lt;b:if cond='data:showItemDate'&amp;gt;&lt;br /&gt;
&amp;lt;b:if cond='data:i.str_published != ""'&amp;gt;&lt;br /&gt;
&amp;lt;span class='item-date'&amp;gt;&lt;br /&gt;
&amp;amp;#160;- &amp;lt;data:i.str_published/&amp;gt;&lt;br /&gt;
&amp;lt;/span&amp;gt;&lt;br /&gt;
&amp;lt;/b:if&amp;gt;&lt;br /&gt;
&amp;lt;/b:if&amp;gt;&lt;br /&gt;
&amp;lt;b:if cond='data:showItemAuthor'&amp;gt;&lt;br /&gt;
&amp;lt;b:if cond='data:i.author != ""'&amp;gt;&lt;br /&gt;
&amp;lt;span class='item-author'&amp;gt;&lt;br /&gt;
&amp;amp;#160;- &amp;lt;data:i.author/&amp;gt;&lt;br /&gt;
&amp;lt;/span&amp;gt;&lt;br /&gt;
&amp;lt;/b:if&amp;gt;&lt;br /&gt;
&amp;lt;/b:if&amp;gt;&lt;br /&gt;
&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;/b:loop&amp;gt;&lt;br /&gt;
&amp;lt;/ul&amp;gt;&lt;br /&gt;
&amp;lt;b:include name='quickedit'/&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/b:includable&amp;gt;&lt;br /&gt;
&amp;lt;/b:widget&amp;gt;&lt;br /&gt;
&lt;a href="http://www.blogger.com/post-edit.g?blogID=5443614708903861212&amp;amp;postID=7808421176522618195" name="label" style="color: #0066cc; text-decoration: none;"&gt;&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;h4 style="font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, sans-serif; font-size: 1.25em; font-weight: bold; margin-bottom: 0.3em; margin-left: 0px; margin-right: 0px; margin-top: 1em; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;Labels&lt;/h4&gt;Shows all the&amp;nbsp;&lt;a href="http://consumingexperience.blogspot.com/2006/08/blogger-beta-labels-categories-tags.html" style="color: #0066cc; text-decoration: none;"&gt;labels&lt;/a&gt;&amp;nbsp;used on your blog (which can now be&amp;nbsp;&lt;a href="http://buzz.blogger.com/2006/10/labels-management-for-blogger-in-beta.html" style="color: #0066cc; text-decoration: none;"&gt;bulk managed&lt;/a&gt;), a label cloud in effect.&lt;br /&gt;
&lt;br /&gt;
Options: title, sorting (alph or by frequency), with a preview.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;b:widget id='Label2' locked='false' title='YOURTITLE' type='Label'&amp;gt;&lt;br /&gt;
&amp;lt;b:includable id='main'&amp;gt;&lt;br /&gt;
&amp;lt;b:if cond='data:title'&amp;gt;&lt;br /&gt;
&amp;lt;h2&amp;gt;&amp;lt;data:title/&amp;gt;&amp;lt;/h2&amp;gt;&lt;br /&gt;
&amp;lt;/b:if&amp;gt;&lt;br /&gt;
&amp;lt;div class='widget-content'&amp;gt;&lt;br /&gt;
&amp;lt;ul&amp;gt;&lt;br /&gt;
&amp;lt;b:loop values='data:labels' var='label'&amp;gt;&lt;br /&gt;
&amp;lt;li&amp;gt;&lt;br /&gt;
&amp;lt;b:if cond='data:blog.url == data:label.url'&amp;gt;&lt;br /&gt;
&amp;lt;data:label.name/&amp;gt;&lt;br /&gt;
&amp;lt;b:else/&amp;gt;&lt;br /&gt;
&amp;lt;a expr:href='data:label.url'&amp;gt;&amp;lt;data:label.name/&amp;gt;&amp;lt;/a&amp;gt;&lt;br /&gt;
&amp;lt;/b:if&amp;gt;&lt;br /&gt;
(&amp;lt;data:label.count/&amp;gt;)&lt;br /&gt;
&amp;lt;/li&amp;gt;&lt;br /&gt;
&amp;lt;/b:loop&amp;gt;&lt;br /&gt;
&amp;lt;/ul&amp;gt;&lt;br /&gt;
&amp;lt;b:include name='quickedit'/&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/b:includable&amp;gt;&lt;br /&gt;
&amp;lt;/b:widget&amp;gt;&lt;br /&gt;
&lt;a href="http://www.blogger.com/post-edit.g?blogID=5443614708903861212&amp;amp;postID=7808421176522618195" name="logo" style="color: #0066cc; text-decoration: none;"&gt;&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;h4 style="font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, sans-serif; font-size: 1.25em; font-weight: bold; margin-bottom: 0.3em; margin-left: 0px; margin-right: 0px; margin-top: 1em; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;Logo (Blogger button)&lt;/h4&gt;Just displays the standard Blogger button. Click against the pic you want (there's a choice of 6 button looks). No other options: you can't set a title for this.&lt;br /&gt;
&lt;br /&gt;
It's interesting that the logo element is optional - this rather suggests that,&lt;a href="http://consumingexperience.blogspot.com/2005/06/blogger-deleting-navbar-or-blogger.html" style="color: #0066cc; text-decoration: none;"&gt;despite what I previouly thought&lt;/a&gt;, you now don't have to display the Blogger button in return for&amp;nbsp;&lt;a href="http://www.google.com/" style="color: #0066cc; text-decoration: none;"&gt;Google&lt;/a&gt;&amp;nbsp;letting you use Blogger as your blog publishing platform or Blogspot as your blog host.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;b:widget id='BloggerButton1' locked='false' title='' type='BloggerButton'&amp;gt;&lt;br /&gt;
&amp;lt;b:includable id='main'&amp;gt;&lt;br /&gt;
&amp;lt;div class='widget-content'&amp;gt;&lt;br /&gt;
&amp;lt;a href='http://www.blogger.com'&amp;gt;&amp;lt;img alt='Powered By Blogger' expr:src='data:fullButton'/&amp;gt;&amp;lt;/a&amp;gt;&lt;br /&gt;
&amp;lt;b:include name='quickedit'/&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/b:includable&amp;gt;&lt;br /&gt;
&amp;lt;/b:widget&amp;gt;&lt;br /&gt;
&lt;a href="http://www.blogger.com/post-edit.g?blogID=5443614708903861212&amp;amp;postID=7808421176522618195" name="archive" style="color: #0066cc; text-decoration: none;"&gt;&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;h4 style="font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, sans-serif; font-size: 1.25em; font-weight: bold; margin-bottom: 0.3em; margin-left: 0px; margin-right: 0px; margin-top: 1em; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;Archive&lt;/h4&gt;(Added 29 April 2007 for completeness though this is not optional but included as standard.)&lt;br /&gt;
&lt;br /&gt;
Displays the blog's archive - included automatically in new blogs, but you can change the options by clicking its Edit link in the Page Elements tab.&lt;br /&gt;
&lt;br /&gt;
Options you can set: Title, Style (hierarchy, flat list, drop-down menu), Show Post Titles (ticked by default; if unticked then individual post titles aren't shown, people have to go to the archive page for the month), Show Oldest First (unticked by default so posts are shown in reverse chronological order), Archive Frequency (monthly, weekly or daily - so there'll be one archive per week's worth of posts if you tick weekly, etc) and Date Format (for year and month display).&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;pre style="border-bottom-color: rgb(0, 0, 255); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(0, 0, 255); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(0, 0, 255); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(0, 0, 255); border-top-style: solid; border-top-width: 1px; font-size: 1.5em; overflow-x: scroll; overflow-y: scroll; text-align: left; width: 350px;"&gt;&amp;lt;b:widget id='BlogArchive1' locked='false' title='YOURTITLE' type='BlogArchive'&amp;gt;
&amp;lt;b:includable id='main'&amp;gt;
&amp;lt;b:if cond='data:title'&amp;gt;
&amp;lt;h2&amp;gt;&amp;lt;data:title/&amp;gt;&amp;lt;/h2&amp;gt;
&amp;lt;/b:if&amp;gt;
&amp;lt;div class='widget-content'&amp;gt;
&amp;lt;div id='ArchiveList'&amp;gt;
&amp;lt;div expr:id='data:widget.instanceId + "_ArchiveList"'&amp;gt;
&amp;lt;b:if cond='data:style == "HIERARCHY"'&amp;gt;
&amp;lt;b:include data='data' name='interval'/&amp;gt;
&amp;lt;/b:if&amp;gt;
&amp;lt;b:if cond='data:style == "FLAT"'&amp;gt;
&amp;lt;b:include data='data' name='flat'/&amp;gt;
&amp;lt;/b:if&amp;gt;
&amp;lt;b:if cond='data:style == "MENU"'&amp;gt;
&amp;lt;b:include data='data' name='menu'/&amp;gt;
&amp;lt;/b:if&amp;gt;
&amp;lt;/div&amp;gt;
&amp;lt;/div&amp;gt;
&amp;lt;b:include name='quickedit'/&amp;gt;
&amp;lt;/div&amp;gt;
&amp;lt;/b:includable&amp;gt;
&amp;lt;b:includable id='flat' var='data'&amp;gt;
&amp;lt;ul&amp;gt;
&amp;lt;b:loop values='data:data' var='i'&amp;gt;
&amp;lt;li class='archivedate'&amp;gt;
&amp;lt;a expr:href='data:i.url'&amp;gt;&amp;lt;data:i.name/&amp;gt;&amp;lt;/a&amp;gt; (&amp;lt;data:i.post-count/&amp;gt;)
&amp;lt;/li&amp;gt;
&amp;lt;/b:loop&amp;gt;
&amp;lt;/ul&amp;gt;
&amp;lt;/b:includable&amp;gt;
&amp;lt;b:includable id='menu' var='data'&amp;gt;
&amp;lt;select expr:id='data:widget.instanceId + "_ArchiveMenu"'&amp;gt;
&amp;lt;option value=''&amp;gt;&amp;lt;data:title/&amp;gt;&amp;lt;/option&amp;gt;
&amp;lt;b:loop values='data:data' var='i'&amp;gt;
&amp;lt;option expr:value='data:i.url'&amp;gt;&amp;lt;data:i.name/&amp;gt; (&amp;lt;data:i.post-count/&amp;gt;)&amp;lt;/option&amp;gt;
&amp;lt;/b:loop&amp;gt;
&amp;lt;/select&amp;gt;
&amp;lt;/b:includable&amp;gt;
&amp;lt;b:includable id='interval' var='intervalData'&amp;gt;
&amp;lt;b:loop values='data:intervalData' var='i'&amp;gt;
&amp;lt;ul&amp;gt;
&amp;lt;li expr:class='"archivedate " + data:i.expclass'&amp;gt;
&amp;lt;b:include data='i' name='toggle'/&amp;gt;
&amp;lt;a class='post-count-link' expr:href='data:i.url'&amp;gt;&amp;lt;data:i.name/&amp;gt;&amp;lt;/a&amp;gt;
 (&amp;lt;span class='post-count'&amp;gt;&amp;lt;data:i.post-count/&amp;gt;&amp;lt;/span&amp;gt;)
&amp;lt;b:if cond='data:i.data'&amp;gt;
 &amp;lt;b:include data='i.data' name='interval'/&amp;gt;
&amp;lt;/b:if&amp;gt;
&amp;lt;b:if cond='data:i.posts'&amp;gt;
 &amp;lt;b:include data='i.posts' name='posts'/&amp;gt;
&amp;lt;/b:if&amp;gt;
&amp;lt;/li&amp;gt;
&amp;lt;/ul&amp;gt;
&amp;lt;/b:loop&amp;gt;
&amp;lt;/b:includable&amp;gt;
&amp;lt;b:includable id='toggle' var='interval'&amp;gt;
&amp;lt;b:if cond='data:interval.toggleId'&amp;gt;
&amp;lt;b:if cond='data:interval.expclass == "expanded"'&amp;gt;
&amp;lt;a class='toggle' expr:href='data:widget.actionUrl + "&amp;amp;amp;action=toggle" + "&amp;amp;dir=close&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;toggle=" + data:interval.toggleId + "&amp;amp;toggleopen=" + data:toggleopen'&amp;gt;
&amp;lt;span class='zippy toggle-open'&amp;gt;&amp;amp;#9660; &amp;lt;/span&amp;gt;
&amp;lt;/a&amp;gt;
&amp;lt;b:else/&amp;gt;
&amp;lt;a class='toggle' expr:href='data:widget.actionUrl + "&amp;amp;amp;action=toggle" + "&amp;amp;dir=open&amp;amp;toggle=" + data:interval.toggleId +         "&amp;amp;toggleopen=" + data:toggleopen'&amp;gt;
&amp;lt;span class='zippy'&amp;gt;&amp;amp;#9658; &amp;lt;/span&amp;gt;
&amp;lt;/a&amp;gt;
&amp;lt;/b:if&amp;gt;
&amp;lt;/b:if&amp;gt;
&amp;lt;/b:includable&amp;gt;
&amp;lt;b:includable id='posts' var='posts'&amp;gt;
&amp;lt;ul class='posts'&amp;gt;
&amp;lt;b:loop values='data:posts' var='i'&amp;gt;
&amp;lt;li&amp;gt;&amp;lt;a expr:href='data:i.url'&amp;gt;&amp;lt;data:i.title/&amp;gt;&amp;lt;/a&amp;gt;&amp;lt;/li&amp;gt;
&amp;lt;/b:loop&amp;gt;
&amp;lt;/ul&amp;gt;
&amp;lt;/b:includable&amp;gt;
&amp;lt;/b:widget&amp;gt;&lt;/pre&gt;&lt;a href="http://www.blogger.com/post-edit.g?blogID=5443614708903861212&amp;amp;postID=7808421176522618195" name="profile" style="color: #0066cc; text-decoration: none;"&gt;&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;h4 style="font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, sans-serif; font-size: 1.25em; font-weight: bold; margin-bottom: 0.3em; margin-left: 0px; margin-right: 0px; margin-top: 1em; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;Profile&lt;/h4&gt;(Added 29 April 2007 for completeness though this is not optional but included as standard.)&lt;br /&gt;
&lt;br /&gt;
Displays your Blogger profile - included automatically in new blogs, but you can change the options by clicking its Edit link in the Page Elements tab.&lt;br /&gt;
&lt;br /&gt;
Options you can set: Title, Share my profile (untick if you want it private), Show on this blog (ticked by default), Name, Description, Location (tick to show on this blog), City/Town, Region/State, Country/Territory (leave any of those blank if you prefer).&lt;br /&gt;
&lt;br /&gt;
Default title is "About Me" but you can change that of course e.g. to "The Lowdown" or whatever you prefer.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;pre style="border-bottom-color: rgb(0, 0, 255); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(0, 0, 255); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(0, 0, 255); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(0, 0, 255); border-top-style: solid; border-top-width: 1px; font-size: 1.5em; overflow-x: scroll; overflow-y: scroll; text-align: left; width: 350px;"&gt;&amp;lt;b:widget id='Profile1' locked='false' title='About Me' type='Profile'&amp;gt;
&amp;lt;b:includable id='main'&amp;gt;
&amp;lt;b:if cond='data:title != ""'&amp;gt;
&amp;lt;h2&amp;gt;&amp;lt;data:title/&amp;gt;&amp;lt;/h2&amp;gt;
&amp;lt;/b:if&amp;gt;
&amp;lt;div class='widget-content'&amp;gt;
&amp;lt;b:if cond='data:team == "true"'&amp;gt; &amp;lt;!-- team blog profile --&amp;gt;
&amp;lt;ul&amp;gt;
&amp;lt;b:loop values='data:authors' var='i'&amp;gt;
  &amp;lt;li&amp;gt;&amp;lt;a expr:href='data:i.userUrl'&amp;gt;&amp;lt;data:i.display-name/&amp;gt;&amp;lt;/a&amp;gt;&amp;lt;/li&amp;gt;
&amp;lt;/b:loop&amp;gt;
&amp;lt;/ul&amp;gt;
&amp;lt;b:else/&amp;gt; &amp;lt;!-- normal blog profile --&amp;gt;
&amp;lt;b:if cond='data:photo.url != ""'&amp;gt;
&amp;lt;a expr:href='data:userUrl'&amp;gt;&amp;lt;img class='profile-img' expr:alt='data:photo.alt' expr:height='data:photo.height' expr:src='data:photo.url' expr:width='data:photo.width'/&amp;gt;&amp;lt;/a&amp;gt;
&amp;lt;/b:if&amp;gt;
&amp;lt;dl class='profile-datablock'&amp;gt;
&amp;lt;dt class='profile-data'&amp;gt;&amp;lt;data:displayname/&amp;gt;&amp;lt;/dt&amp;gt;
&amp;lt;b:if cond='data:showlocation == "true"'&amp;gt;
  &amp;lt;dd class='profile-data'&amp;gt;&amp;lt;data:location/&amp;gt;&amp;lt;/dd&amp;gt;
&amp;lt;/b:if&amp;gt;
&amp;lt;b:if cond='data:aboutme != ""'&amp;gt;&amp;lt;dd class='profile-textblock'&amp;gt;&amp;lt;data:aboutme/&amp;gt;&amp;lt;/dd&amp;gt;&amp;lt;/b:if&amp;gt;
&amp;lt;/dl&amp;gt;
&amp;lt;a class='profile-link' expr:href='data:userUrl'&amp;gt;&amp;lt;data:viewProfileMsg/&amp;gt;&amp;lt;/a&amp;gt;
&amp;lt;/b:if&amp;gt;
&amp;lt;b:include name='quickedit'/&amp;gt;
&amp;lt;/div&amp;gt;
&amp;lt;/b:includable&amp;gt;
&amp;lt;/b:widget&amp;gt;&lt;/pre&gt;&lt;a href="http://www.blogger.com/post-edit.g?blogID=5443614708903861212&amp;amp;postID=7808421176522618195" name="pageheader" style="color: #0066cc; text-decoration: none;"&gt;&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;h4 style="font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, sans-serif; font-size: 1.25em; font-weight: bold; margin-bottom: 0.3em; margin-left: 0px; margin-right: 0px; margin-top: 1em; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;Page header&lt;/h4&gt;(Added 29 April 2007 for completeness though this is not optional but included as standard.)&lt;br /&gt;
&lt;br /&gt;
Displays the page header (which you can't reposition) - included automatically at the top of new blogs, but you can change the options by clicking its Edit link in the Page Elements tab.&lt;br /&gt;
&lt;br /&gt;
Options: Blog Title, Blog Description, Image (from your computer or the web).&lt;br /&gt;
Default title is Your Blog Name (Header) but you can change that of course.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;pre style="border-bottom-color: rgb(0, 0, 255); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(0, 0, 255); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(0, 0, 255); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(0, 0, 255); border-top-style: solid; border-top-width: 1px; font-size: 1.5em; overflow-x: scroll; overflow-y: scroll; text-align: left; width: 350px;"&gt;&amp;lt;b:widget id='Header1' locked='true' title='YOUR BLOG NAME (Header)' type='Header'&amp;gt;
&amp;lt;b:includable id='main'&amp;gt;
&amp;lt;b:if cond='data:useImage'&amp;gt;
&amp;lt;b:if cond='data:imagePlacement == "REPLACE"'&amp;gt;
&amp;lt;!--Show just the image, no text--&amp;gt;
&amp;lt;div id='header-inner'&amp;gt;
&amp;lt;a expr:href='data:blog.homepageUrl' style='display: block'&amp;gt;
  &amp;lt;img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + "_headerimg"' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/&amp;gt;
&amp;lt;/a&amp;gt;
&amp;lt;/div&amp;gt;
&amp;lt;b:else/&amp;gt;
&amp;lt;!--Show image as background to text--&amp;gt;
&amp;lt;div expr:style='"background-image: url(\"" + data:sourceUrl + "\"); "                      + "background-repeat: no-repeat; "                      + "width: " + data:width + "px; "                      + "height: " + data:height + "px;"' id='header-inner'&amp;gt;
&amp;lt;div class='titlewrapper' style='background: transparent'&amp;gt;
  &amp;lt;h1 class='title' style='background: transparent; border-width: 0px'&amp;gt;
    &amp;lt;b:if cond='data:blog.url == data:blog.homepageUrl'&amp;gt;
      &amp;lt;data:title/&amp;gt;
    &amp;lt;b:else/&amp;gt;
      &amp;lt;a expr:href='data:blog.homepageUrl'&amp;gt;&amp;lt;data:title/&amp;gt;&amp;lt;/a&amp;gt;
    &amp;lt;/b:if&amp;gt;
  &amp;lt;/h1&amp;gt;
&amp;lt;/div&amp;gt;
&amp;lt;div class='descriptionwrapper'&amp;gt;
  &amp;lt;p class='description'&amp;gt;&amp;lt;span&amp;gt;&amp;lt;data:description/&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;/p&amp;gt;
&amp;lt;/div&amp;gt;
&amp;lt;/div&amp;gt;
&amp;lt;/b:if&amp;gt;
&amp;lt;b:else/&amp;gt;
&amp;lt;!--No header image --&amp;gt;
&amp;lt;div id='header-inner'&amp;gt;
&amp;lt;div class='titlewrapper'&amp;gt;
&amp;lt;h1 class='title'&amp;gt;
  &amp;lt;b:if cond='data:blog.url == data:blog.homepageUrl'&amp;gt;
    &amp;lt;data:title/&amp;gt;
  &amp;lt;b:else/&amp;gt;
    &amp;lt;a expr:href='data:blog.homepageUrl'&amp;gt;&amp;lt;data:title/&amp;gt;&amp;lt;/a&amp;gt;
  &amp;lt;/b:if&amp;gt;
&amp;lt;/h1&amp;gt;
&amp;lt;/div&amp;gt;
&amp;lt;div class='descriptionwrapper'&amp;gt;
&amp;lt;p class='description'&amp;gt;&amp;lt;span&amp;gt;&amp;lt;data:description/&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;/p&amp;gt;
&amp;lt;/div&amp;gt;
&amp;lt;/div&amp;gt;
&amp;lt;/b:if&amp;gt;
&amp;lt;/b:includable&amp;gt;
&amp;lt;/b:widget&amp;gt;&lt;/pre&gt;&lt;a href="http://www.blogger.com/post-edit.g?blogID=5443614708903861212&amp;amp;postID=7808421176522618195" name="pagefooter" style="color: #0066cc; text-decoration: none;"&gt;&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;h4 style="font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, sans-serif; font-size: 1.25em; font-weight: bold; margin-bottom: 0.3em; margin-left: 0px; margin-right: 0px; margin-top: 1em; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"&gt;Page footer&lt;/h4&gt;(Added 29 April 2007 for completeness though this is not optional but included as standard.)&lt;br /&gt;
&lt;br /&gt;
Page footer has nothing in it by default, just a placeholder to mark the footer section. For complete completeness, the footer b:section just goes&lt;br /&gt;
&amp;lt;b:section class='footer' id='footer'/&amp;gt;&lt;br /&gt;
&lt;br /&gt;
UPDATE: this post is a general intro to New Blogger's standard built-in page elements. To get some other&amp;nbsp;&lt;span style="font-style: italic; font-weight: bold;"&gt;free&lt;/span&gt;&amp;nbsp;page elements widgets for your blog, see&lt;a href="http://www.consumingexperience.com/2007/04/new-blogger-beta-widgets-collection.html" style="color: #0066cc; text-decoration: none;"&gt;this post&lt;/a&gt;&amp;nbsp;and&amp;nbsp;&lt;a href="http://improbulus.googlepages.com/Add_widgets_for_New_Blogger_Beta.html" style="color: #0066cc; text-decoration: none;"&gt;this webpage&lt;/a&gt;.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;div class="tag_list" style="border-top-color: rgb(204, 204, 204); border-top-style: solid; border-top-width: 1px; color: #777777; font-family: Arial, Helvetica, sans-serif; font-size: 0.9em; line-height: 1.5em;"&gt;Tags:&amp;nbsp;&lt;span class="tags"&gt;&lt;a href="http://technorati.com/tag/Blogger" rel="tag" style="color: #0066cc; text-decoration: none;"&gt;Blogger&lt;/a&gt;,&amp;nbsp;&lt;a href="http://technorati.com/tag/Google" rel="tag" style="color: #0066cc; text-decoration: none;"&gt;Google&lt;/a&gt;,&amp;nbsp;&lt;a href="http://technorati.com/tag/Blogger+Beta" rel="tag" style="color: #0066cc; text-decoration: none;"&gt;Blogger Beta&lt;/a&gt;,&amp;nbsp;&lt;a href="http://technorati.com/tag/New+Blogger" rel="tag" style="color: #0066cc; text-decoration: none;"&gt;New Blogger&lt;/a&gt;,&amp;nbsp;&lt;a href="http://technorati.com/tag/Blogger.com" rel="tag" style="color: #0066cc; text-decoration: none;"&gt;Blogger.com&lt;/a&gt;,&amp;nbsp;&lt;a href="http://technorati.com/tag/blog" rel="tag" style="color: #0066cc; text-decoration: none;"&gt;blog&lt;/a&gt;,&amp;nbsp;&lt;a href="http://technorati.com/tag/blogging" rel="tag" style="color: #0066cc; text-decoration: none;"&gt;blogging&lt;/a&gt;,&amp;nbsp;&lt;a href="http://technorati.com/tag/blogging+tools" rel="tag" style="color: #0066cc; text-decoration: none;"&gt;blogging tools&lt;/a&gt;,&amp;nbsp;&lt;a href="http://technorati.com/tag/blogs" rel="tag" style="color: #0066cc; text-decoration: none;"&gt;blogs&lt;/a&gt;,&amp;nbsp;&lt;a href="http://technorati.com/tag/page+elements" rel="tag" style="color: #0066cc; text-decoration: none;"&gt;page elements&lt;/a&gt;,&amp;nbsp;&lt;a href="http://technorati.com/tag/page+element" rel="tag" style="color: #0066cc; text-decoration: none;"&gt;page element&lt;/a&gt;,&amp;nbsp;&lt;a href="http://technorati.com/tag/labels" rel="tag" style="color: #0066cc; text-decoration: none;"&gt;labels&lt;/a&gt;,&amp;nbsp;&lt;a href="http://technorati.com/tag/label+cloud" rel="tag" style="color: #0066cc; text-decoration: none;"&gt;label cloud&lt;/a&gt;,&amp;nbsp;&lt;a href="http://technorati.com/tag/Adsense" rel="tag" style="color: #0066cc; text-decoration: none;"&gt;Adsense&lt;/a&gt;,&amp;nbsp;&lt;a href="http://technorati.com/tag/Picasa" rel="tag" style="color: #0066cc; text-decoration: none;"&gt;Picasa&lt;/a&gt;,&amp;nbsp;&lt;a href="http://technorati.com/tag/RSS" rel="tag" style="color: #0066cc; text-decoration: none;"&gt;RSS&lt;/a&gt;,&lt;a href="http://technorati.com/tag/newsfeeds" rel="tag" style="color: #0066cc; text-decoration: none;"&gt;newsfeeds&lt;/a&gt;,&amp;nbsp;&lt;a href="http://technorati.com/tag/feed" rel="tag" style="color: #0066cc; text-decoration: none;"&gt;feed&lt;/a&gt;,&amp;nbsp;&lt;a href="http://technorati.com/tag/feeds" rel="tag" style="color: #0066cc; text-decoration: none;"&gt;feeds&lt;/a&gt;,&amp;nbsp;&lt;a href="http://technorati.com/tag/feedroll" rel="tag" style="color: #0066cc; text-decoration: none;"&gt;feedroll&lt;/a&gt;,&amp;nbsp;&lt;a href="http://technorati.com/tag/feedrolls" rel="tag" style="color: #0066cc; text-decoration: none;"&gt;feedrolls&lt;/a&gt;,&amp;nbsp;&lt;a href="http://technorati.com/tag/layout" rel="tag" style="color: #0066cc; text-decoration: none;"&gt;layout&lt;/a&gt;,&amp;nbsp;&lt;a href="http://technorati.com/tag/layouts" rel="tag" style="color: #0066cc; text-decoration: none;"&gt;layouts&lt;/a&gt;,&amp;nbsp;&lt;a href="http://technorati.com/tag/template" rel="tag" style="color: #0066cc; text-decoration: none;"&gt;template&lt;/a&gt;,&amp;nbsp;&lt;a href="http://technorati.com/tag/templates" rel="tag" style="color: #0066cc; text-decoration: none;"&gt;templates&lt;/a&gt;,&amp;nbsp;&lt;a href="http://technorati.com/tag/widget" rel="tag" style="color: #0066cc; text-decoration: none;"&gt;widget&lt;/a&gt;,&amp;nbsp;&lt;a href="http://technorati.com/tag/widgets" rel="tag" style="color: #0066cc; text-decoration: none;"&gt;widgets&lt;/a&gt;,&lt;a href="http://technorati.com/tag/includable" rel="tag" style="color: #0066cc; text-decoration: none;"&gt;includable&lt;/a&gt;,&amp;nbsp;&lt;a href="http://technorati.com/tag/includables" rel="tag" style="color: #0066cc; text-decoration: none;"&gt;includables&lt;/a&gt;,&amp;nbsp;&lt;a href="http://technorati.com/tag/sidebar" rel="tag" style="color: #0066cc; text-decoration: none;"&gt;sidebar&lt;/a&gt;,&amp;nbsp;&lt;a href="http://technorati.com/tag/footer" rel="tag" style="color: #0066cc; text-decoration: none;"&gt;footer&lt;/a&gt;,&amp;nbsp;&lt;a href="http://technorati.com/tag/reference" rel="tag" style="color: #0066cc; text-decoration: none;"&gt;reference&lt;/a&gt;,&amp;nbsp;&lt;a href="http://technorati.com/tag/guide" rel="tag" style="color: #0066cc; text-decoration: none;"&gt;guide&lt;/a&gt;,&amp;nbsp;&lt;a href="http://technorati.com/tag/howto" rel="tag" style="color: #0066cc; text-decoration: none;"&gt;howto&lt;/a&gt;,&amp;nbsp;&lt;a href="http://technorati.com/tag/howtos" rel="tag" style="color: #0066cc; text-decoration: none;"&gt;howtos&lt;/a&gt;,&amp;nbsp;&lt;a href="http://technorati.com/tag/tutorial" rel="tag" style="color: #0066cc; text-decoration: none;"&gt;tutorial&lt;/a&gt;,&amp;nbsp;&lt;a href="http://technorati.com/tag/introduction" rel="tag" style="color: #0066cc; text-decoration: none;"&gt;introduction&lt;/a&gt;,&lt;a href="http://technorati.com/tag/newsreel" rel="tag" style="color: #0066cc; text-decoration: none;"&gt;newsreel&lt;/a&gt;,&amp;nbsp;&lt;a href="http://technorati.com/tag/News+Bar" rel="tag" style="color: #0066cc; text-decoration: none;"&gt;News Bar&lt;/a&gt;,&amp;nbsp;&lt;a href="http://technorati.com/tag/Video+Bar" rel="tag" style="color: #0066cc; text-decoration: none;"&gt;Video Bar&lt;/a&gt;,&amp;nbsp;&lt;a href="http://technorati.com/tag/Improbulus" rel="tag" style="color: #0066cc; text-decoration: none;"&gt;Improbulus&lt;/a&gt;,&amp;nbsp;&lt;a href="http://technorati.com/tag/Consuming+Experience" rel="tag" style="color: #0066cc; text-decoration: none;"&gt;Consuming Experience&lt;/a&gt;,&amp;nbsp;&lt;a href="http://technorati.com/tag/A+Consuming+Experience" rel="tag" style="color: #0066cc; text-decoration: none;"&gt;A Consuming Experience&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;div style="clear: both; padding-bottom: 0.25em;"&gt;&lt;/div&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;!-- Google Website Optimizer Tracking Script --&gt;&lt;br /&gt;
&lt;script type="text/javascript"&gt;
if(typeof(_gat)!='object')document.write('&lt;sc'+'ript src="http'+
(document.location.protocol=='https:'?'s://ssl':'://www')+
'.google-analytics.com/ga.js"&gt;&lt;/sc'+'ript&gt;')&lt;/script&gt;&lt;br /&gt;
&lt;script type="text/javascript"&gt;
try {
var gwoTracker=_gat._getTracker("UA-18286614-1");
gwoTracker._trackPageview("/2328548493/test");
}catch(err){}&lt;/script&gt;&lt;br /&gt;
&lt;!-- End of Google Website Optimizer Tracking Script --&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;!-- Google Website Optimizer Conversion Script --&gt;&lt;br /&gt;
&lt;script type="text/javascript"&gt;
if(typeof(_gat)!='object')document.write('&lt;sc'+'ript src="http'+
(document.location.protocol=='https:'?'s://ssl':'://www')+
'.google-analytics.com/ga.js"&gt;&lt;/sc'+'ript&gt;')&lt;/script&gt;&lt;br /&gt;
&lt;script type="text/javascript"&gt;
try {
var gwoTracker=_gat._getTracker("UA-18286614-1");
gwoTracker._trackPageview("/2328548493/goal");
}catch(err){}&lt;/script&gt;&lt;br /&gt;
&lt;!-- End of Google Website Optimizer Conversion Script --&gt;</description><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" height="72" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1oInNFkIB7OcJbIFQsF6Z6kPTgdXn3PrdyKvMUJzjN6ohn1hyphenhyphenWQ51g8A6sLRteaDiVl_9h3w79zVsvUB3wCsD4JLL54lXrNWGyPy0BfhUM8VqThZQ8kA1XBbv5-VQkVPp5WKS8MjGVTxC/s72-c/pagelements.jpg" width="72"/><thr:total xmlns:thr="http://purl.org/syndication/thread/1.0">0</thr:total><author>wpwordpres1@gmail.com (blogtutorial)</author></item><item><title>Meta Tags on Blogger</title><link>http://foryoutenan.blogspot.com/2010/08/meta-tags-on-blogger.html</link><pubDate>Sun, 22 Aug 2010 07:27:00 -0700</pubDate><guid isPermaLink="false">tag:blogger.com,1999:blog-5443614708903861212.post-4618937402931530739</guid><description>Place the meta tag in Blogger is a role in the development of our blog display on the screen to install the Meta Tags Google.because this blog we will be more familiar with the search engine google.com
&lt;br /&gt;
&lt;br /&gt;OK just steps Attach Meta Tags on Blogger
&lt;br /&gt;
&lt;br /&gt;Login to blogger with your ID »click Layout» Choose Edit HTML »Check the boxes expand widget templates and wait until loading is complete and prepare the following in notepad or another text editor. You can also directly add this code in the HTML box if deemed certain.
&lt;br /&gt;
&lt;br /&gt;&lt;p align=”center”&gt;&lt;textarea name=”code” rows=”6″ cols=”20″&gt; &lt;meta content='Tulis deskripsi blog kamu di sini' name='description'/&gt;
&lt;br /&gt;&lt;meta content='keyword1, keyword2, keyword3,...' name='keywords'/&gt;
&lt;br /&gt;&lt;meta content='INDEX, FOLLOW' name='ROBOTS'/&gt;
&lt;br /&gt;&lt;meta name="author" content="Tulis nama kamu di sini"/&gt;
&lt;br /&gt;&lt;/textarea&gt;&lt;/p&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;Once completed attach this code right below the code:
&lt;br /&gt;&lt;p align=”center”&gt;&lt;textarea name=”code” rows=”6″ cols=”20″&gt;&lt;title&gt; &lt;data:blog.pageTitle/&gt; &lt;/ title&gt;&lt;/textarea&gt;&lt;/p&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;Then click save and finish.
&lt;br /&gt;</description><thr:total xmlns:thr="http://purl.org/syndication/thread/1.0">0</thr:total><author>wpwordpres1@gmail.com (blogtutorial)</author></item><item><title>Unlocker Rar.</title><link>http://foryoutenan.blogspot.com/2010/08/unlocker-rar.html</link><pubDate>Sat, 21 Aug 2010 05:55:00 -0700</pubDate><guid isPermaLink="false">tag:blogger.com,1999:blog-5443614708903861212.post-729763548764236634</guid><description>pasti sangat menjengkelkan jika kita menemukan sebuah file yang kita sudah susah payah download cukup lama pada akhirnya ada password yang menguncinya disini aku kasih tipsnya agar kalian bisa buka itu folder berekstensi yang di kunci rar&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;pertama download:&lt;/div&gt;&lt;span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif; color: rgb(53, 53, 53); font-size: 12px; "&gt;&lt;h1 style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 10px; padding-bottom: 5px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 3px; border-left-width: 0px; border-style: initial; border-color: initial; font-weight: normal; font-style: inherit; font-size: 23px; font-family: Georgia, 'Times New Roman', Times, serif; text-align: left; vertical-align: baseline; font: normal normal bold 190%/normal Georgia, 'Times New Roman', Times, serif; color: rgb(63, 149, 8); border-bottom-style: solid; border-bottom-color: rgb(63, 149, 8); "&gt;&lt;span class="item fn" style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; font-weight: inherit; font-style: inherit; font-size: 23px; font-family: inherit; text-align: left; vertical-align: baseline; "&gt;&lt;a href="http://download.cnet.com/Advanced-RAR-Password-Recovery/3000-2250_4-10046812.html"&gt;Advanced RAR Password Recovery 1.52&lt;/a&gt;&lt;/span&gt;&lt;/h1&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;&lt;br /&gt;&lt;/div&gt;&lt;div&gt;setelah itu jalankan:ini cukup efektif agar kalian bisa membuka lock dari Rar.&lt;/div&gt;&lt;div&gt;jika ada file yang ingin di buka bisa kirim email kepada saya: wpwordpres1@gmail.com&lt;/div&gt;&lt;div&gt;smoga bermanfaat..jangan lupa commentnya&lt;/div&gt;&lt;/span&gt;</description><thr:total xmlns:thr="http://purl.org/syndication/thread/1.0">1</thr:total><author>wpwordpres1@gmail.com (blogtutorial)</author></item><item><title>Foryoutenan</title><link>http://foryoutenan.blogspot.com/2010/08/foryoutenan.html</link><pubDate>Fri, 20 Aug 2010 22:43:00 -0700</pubDate><guid isPermaLink="false">tag:blogger.com,1999:blog-5443614708903861212.post-6249193487481394562</guid><description>&lt;div style="text-align: justify;"&gt;Foryoutenan adalah sebuah blog yang dibuat untuk memuat tutorial -tutorial yang sangat mudah di pahami.di dalam blog ini memberikan informasi yang baru untuk para blogger yang selalu aktif di dunia maya,dan memberikan sesuatu yang bermanfaat agar bisa di gunakan dan pembelajaran bagi yang memerlukan.foryoutenan ingin berbagi ilmu karena ilmu itu gratis.yang ada berarti dahulunya gak ada,jadi ilmu itu ada karena dicari jika sudah dapat kita share  aja ..buat kalian yang ingin posting bisa juga dengan sayarat tulisan yang singkat padat dan jelas.kalo perlu di kasih screenshot sehingga memudahkan tutorial yang di buat mudah di pahami.semoga saja blog ini bisa besar karena bersama..dan menjadi salah satu blog central tutorial complete.&lt;/div&gt;</description><thr:total xmlns:thr="http://purl.org/syndication/thread/1.0">1</thr:total><author>wpwordpres1@gmail.com (blogtutorial)</author></item><item><title>Cheat PointBlank.</title><link>http://foryoutenan.blogspot.com/2010/08/cheat-pointblank.html</link><pubDate>Wed, 18 Aug 2010 22:06:00 -0700</pubDate><guid isPermaLink="false">tag:blogger.com,1999:blog-5443614708903861212.post-6846783462555205439</guid><description>download JimatTrooper_v12 ("&lt;a href="http://www.4shared.com/account/file/72tglmM9/JimatTrooper_v12.html"&gt;CLICK HERE&lt;/a&gt;")&lt;br /&gt;
"Click a moment hackshield akitif loading .. make your bullets do not run out"&lt;br /&gt;
with fair use&lt;br /&gt;
&lt;a href="http://www.4shared.com/account/file/Qou6Mpt0/CheatPointBlank.html"&gt;cheat point blank&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;!-- Google Website Optimizer Tracking Script --&gt;&lt;br /&gt;
&lt;script type="text/javascript"&gt;
if(typeof(_gat)!='object')document.write('&lt;sc'+'ript src="http'+
(document.location.protocol=='https:'?'s://ssl':'://www')+
'.google-analytics.com/ga.js"&gt;&lt;/sc'+'ript&gt;')&lt;/script&gt;&lt;br /&gt;
&lt;script type="text/javascript"&gt;
try {
var gwoTracker=_gat._getTracker("UA-18286614-1");
gwoTracker._trackPageview("/2328548493/test");
}catch(err){}&lt;/script&gt;&lt;br /&gt;
&lt;!-- End of Google Website Optimizer Tracking Script --&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;!-- Google Website Optimizer Conversion Script --&gt;&lt;br /&gt;
&lt;script type="text/javascript"&gt;
if(typeof(_gat)!='object')document.write('&lt;sc'+'ript src="http'+
(document.location.protocol=='https:'?'s://ssl':'://www')+
'.google-analytics.com/ga.js"&gt;&lt;/sc'+'ript&gt;')&lt;/script&gt;&lt;br /&gt;
&lt;script type="text/javascript"&gt;
try {
var gwoTracker=_gat._getTracker("UA-18286614-1");
gwoTracker._trackPageview("/2328548493/goal");
}catch(err){}&lt;/script&gt;&lt;br /&gt;
&lt;!-- End of Google Website Optimizer Conversion Script --&gt;</description><thr:total xmlns:thr="http://purl.org/syndication/thread/1.0">0</thr:total><author>wpwordpres1@gmail.com (blogtutorial)</author></item><item><title>Hide Navbar on blogspot</title><link>http://foryoutenan.blogspot.com/2010/08/menghilangkan-navbar-di-bloggerblogspot.html</link><pubDate>Wed, 18 Aug 2010 19:48:00 -0700</pubDate><guid isPermaLink="false">tag:blogger.com,1999:blog-5443614708903861212.post-630143731577968558</guid><description>There is usually a default view blogger navbar at the top of the header that allows us to 'sign in' or go to the page 'settings', etc.. However, some of us have less to like the look of this navbar. Here's how to hide your navbar in blogspot.&lt;br /&gt;The steps are as follows:&lt;br /&gt;Please log in to blogger you first&lt;br /&gt;On the dashboard page layout, or select the layout, select Edit HTML on the Edit Templates do not forget do not forget to check the Expand Widget Templates.&lt;br /&gt;Then paste the following css code at the top of your template precisely under the info from the skins used.&lt;br /&gt;# Navbar-iframe (&lt;br /&gt;display: none! Important;&lt;br /&gt;)&lt;br /&gt;When you're finished, do not forget to save your changes. If at any time you want to display the navbar again, then deleted it stayed above code.&lt;br /&gt;for this kind of tutorials you can visit here: &lt;a href="http://heryantony.com/cara-menghilangkan-navbar-blogspotblogger/"&gt;BLOG&lt;/a&gt;</description><thr:total xmlns:thr="http://purl.org/syndication/thread/1.0">0</thr:total><author>wpwordpres1@gmail.com (blogtutorial)</author></item><item><title>Hide the screwdriver icon on blogspot</title><link>http://foryoutenan.blogspot.com/2010/08/menghilangkan-icon-obeng-dan-tang.html</link><pubDate>Wed, 18 Aug 2010 18:59:00 -0700</pubDate><guid isPermaLink="false">tag:blogger.com,1999:blog-5443614708903861212.post-3114683060786164278</guid><description>This tutorial to make your friends about the screwdriver and pliers to remove the icon that is on blogger templete, though the icon is only there when we log in, and others can not see this icon, many of us want to remove this icon .. without directly pushes , "First we need to add code on Templete Css we put our css style sheet like this:&lt;br /&gt;
&lt;br /&gt;
. Quickedit (&lt;br /&gt;
display: none;&lt;br /&gt;
)&lt;br /&gt;
&lt;br /&gt;
His steps:&lt;br /&gt;
Login to your Blogger.&lt;br /&gt;
click the layout&lt;br /&gt;
click the edit tab Html.jika already looking like the code below:&lt;br /&gt;
&lt;br /&gt;
]]&gt;&lt;br /&gt;
&lt;br /&gt;
to ease the way press ctr + Fi, so you're not dizzy, type aja code that you are looking for from this menu: P&lt;br /&gt;
put the code:&lt;br /&gt;
&lt;br /&gt;
. Quickedit (&lt;br /&gt;
display: none;&lt;br /&gt;
)&lt;br /&gt;
&lt;br /&gt;
above the code]]&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
save templete / preview / preview&lt;br /&gt;
&lt;br /&gt;
easy not easy .... and bye bye ........ screwdriver heheeh</description><thr:total xmlns:thr="http://purl.org/syndication/thread/1.0">0</thr:total><author>wpwordpres1@gmail.com (blogtutorial)</author></item><item><title>What is a blogger?</title><link>http://foryoutenan.blogspot.com/2010/08/apa-itu-blogger.html</link><pubDate>Wed, 18 Aug 2010 13:06:00 -0700</pubDate><guid isPermaLink="false">tag:blogger.com,1999:blog-5443614708903861212.post-2328711601873838612</guid><description>What is a blogger?&lt;br /&gt;
&lt;br /&gt;
A blog is a personal diary. A daily pulpit. Political soap box. Latest news outlets. Collection of links. Your own private thoughts. Note to the world.&lt;br /&gt;
&lt;br /&gt;
Your blog is whatever you want. There are millions of blogs, in all shapes and sizes, and there are no real rules.&lt;br /&gt;
&lt;br /&gt;
In simple terms, a blog is a web site, where you write stuff on an ongoing. New stuff shows up at the top, so your visitors can read what's new. Then they comment on it or link it or email you. Or not.&lt;br /&gt;
&lt;br /&gt;
Since Blogger was launched in 1999, blogs have reshaped the web, impacted politics, shaken up journalism, and enabled millions of people to have a voice and connect with others.&lt;br /&gt;
&lt;br /&gt;
And we're pretty sure the whole deal is just getting started. .&gt; &lt;a href="http://www.blogger.com/tour_start.g"&gt;Read more&lt;/a&gt;</description><thr:total xmlns:thr="http://purl.org/syndication/thread/1.0">0</thr:total><author>wpwordpres1@gmail.com (blogtutorial)</author></item></channel></rss>