<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Free Blog Themes, Blog Tutorials, Blog Templates, Blogger Tips, Blog Resources &#187; Blogger Tutorials</title>
	<atom:link href="http://www.blogbunker.com/tag/blogger-tutorials/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.blogbunker.com</link>
	<description>Free blogger templates, blogger tutorials, blogger tips, blogger guildes, blogger widgets, free wordpress plugins, free wordpress theme, blogger resources</description>
	<lastBuildDate>Sun, 22 Jan 2012 06:20:08 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>Add Google talk to blog (2)</title>
		<link>http://www.blogbunker.com/blogger-tutorials/add-google-talk-to-blog-2/</link>
		<comments>http://www.blogbunker.com/blogger-tutorials/add-google-talk-to-blog-2/#comments</comments>
		<pubDate>Tue, 16 Mar 2010 16:49:13 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Blogger Tutorials]]></category>

		<guid isPermaLink="false">http://www.blogbunker.com/blogger-tutorials/add-google-talk-to-blog-2/</guid>
		<description><![CDATA[<a href="http://www.blogbunker.com/blogger-tutorials/add-google-talk-to-blog-2/"><img align="left" hspace="5" width="100" src="http://bp2.blogger.com/_c-XFk4OciTE/R0kwHJY7TwI/AAAAAAAAAQM/qIdxn7IGrbw/s400/front-panel.jpg" class="alignleft wp-post-image tfe" alt="layout" title="" /></a>Several days ago, a was post how to add Google Talk. now, i will post about this topic again, why? because there are some of bloggers feel google talk at this post is to big for added at sidebar. If you feel previous google talk is out of proportion to added at sidebar, you can [...]]]></description>
			<content:encoded><![CDATA[<p>Several days ago, a was post how to add  <strong>Google Talk</strong>. now, i will post about this topic again, why? because there are some of  bloggers feel google talk at this  post is to big for added at sidebar.</p>
<p>If you feel previous <strong>google talk</strong> is out of proportion  to added at sidebar,  you can use the button of google talk, such as the following button :</p>
<div>
<p><script src="http://talkgadget.google.com/talkgadget/button"></script></p>
<p>How to add this button to your blog?  this is the steps :</p>
<ol>
<li>Login to <strong>blogger</strong> with your ID.</li>
<li>After entering the dasboard page , click <strong>Layout</strong>. Please saw  the picture :</li>
<p><img id="BLOGGER_PHOTO_ID_5136689749330448130" src="http://bp2.blogger.com/_c-XFk4OciTE/R0kwHJY7TwI/AAAAAAAAAQM/qIdxn7IGrbw/s400/front-panel.jpg" border="0" alt="layout" /></p>
<li>Click at <strong>Page Element</strong> tab. See the picture below :</li>
<p><img id="BLOGGER_PHOTO_ID_5137573441433192530" src="http://bp0.blogger.com/_uJHKCfdb2J0/R0xT0zAbSFI/AAAAAAAAABY/by3674mO23Y/s400/Page-elements.jpg" border="0" alt="page element" /></p>
<li>Click at <strong>Add a Page element</strong>.</li>
<li>After emerging pop up window , Klik <strong>add to blog</strong> button for  the things HTML/JavaScript. See the picture following :</li>
<p><img id="BLOGGER_PHOTO_ID_5137573437138225186" src="http://bp3.blogger.com/_uJHKCfdb2J0/R0xT0jAbSCI/AAAAAAAAABA/DfRdzsPLsz0/s400/Java.jpg" border="0" alt="javascript" /></p>
<li>Copy and paste the code below into available column :</li>
<div>
<div>
<form>
<div>
<input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Select All" /></div>
<p><textarea cols="55" rows="100" name="txt"> &lt;script  src=&#8221;http://talkgadget.google.com/talkgadget/button&#8221;&gt;&lt;/script&gt; </textarea></p>
</form>
</div>
</div>
<li>Click   <img id="BLOGGER_PHOTO_ID_5137573995483973746" src="http://bp1.blogger.com/_uJHKCfdb2J0/R0xUVDAbSHI/AAAAAAAAABo/yznWVB-GVmo/s400/save-changes_03.jpg" border="0" alt="save changes" /></li>
<li>Finish. Please see the result.</li>
</ol>
<p>Now you have a <strong>Google Talk</strong> at your blog. Or maybe you  still confused with the step above? don&#8217;t worry i have an easy way to do it, just click the button below,  login to your blog and the widget will be add to your blog <strong>automatically</strong>:</p>
<form action="http://beta.blogger.com/add-widget" method="post">
<input name="widget.title" type="hidden" value="Google Talk" /> <textarea name="widget.content"> &lt;script  src=&#8221;http://talkgadget.google.com/talkgadget/button&#8221;&gt;&lt;/script&gt; </textarea><br />
<input name="go" type="submit" value="Add To My Blog" /> </form>
</div>
<div>Enjoy for your Google talk  button. See you at my next post.</div>
<div></div>
<div>Source:blogspottutorial.com</div>
]]></content:encoded>
			<wfw:commentRss>http://www.blogbunker.com/blogger-tutorials/add-google-talk-to-blog-2/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Recent Posts and Recent Comments at Sidebar</title>
		<link>http://www.blogbunker.com/blogger-tutorials/recent-posts-and-recent-comments-at-sidebar/</link>
		<comments>http://www.blogbunker.com/blogger-tutorials/recent-posts-and-recent-comments-at-sidebar/#comments</comments>
		<pubDate>Tue, 16 Mar 2010 16:44:58 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Blogger Tutorials]]></category>

		<guid isPermaLink="false">http://www.blogbunker.com/?p=249</guid>
		<description><![CDATA[<a href="http://www.blogbunker.com/blogger-tutorials/recent-posts-and-recent-comments-at-sidebar/"><img align="left" hspace="5" width="100" src="http://bp2.blogger.com/_c-XFk4OciTE/R0kwHJY7TwI/AAAAAAAAAQM/qIdxn7IGrbw/s400/front-panel.jpg" class="alignleft wp-post-image tfe" alt="layout" title="" /></a>Many from bloggers wish insatlling the widget of Recent post and Recent post at sidebar, and for this matter is several blogger creating recent post and recent comment widget by JavaScript, However i think that is not good for your blog SEO (Search Engine Optimization). Besides not good to SEO, installation JavaScript risk to slow [...]]]></description>
			<content:encoded><![CDATA[<p>Many from bloggers wish insatlling the  widget of <strong>Recent post</strong> and <strong>Recent post</strong> at sidebar, and for this matter is several blogger creating  recent post and recent  comment widget by JavaScript, However i think  that is not good for your blog SEO (Search  Engine Optimization). Besides not good to SEO, installation JavaScript risk to slow down your  blog loading,  so that matter it&#8217;s can make your visitor don&#8217;t feel balmy.<br />
To install recent post and recent comments, be in fact you can use your  blog feed address. this is the address of Recent Post :</p>
<div>
<p>http://YourBlogName.blogspot.com/feeds/posts/default</p>
<p>And this is the address of Recent Comments :</p>
<p>http://YourBlogName.blogspot.com/feeds/comments/default</p>
<p><strong>YourBlogName</strong> must be  alter with your blog name. For example :</p>
<p>this is my Recent Post address :</p>
<p>http://rohman-freeblogtemplate.blogspot.com/feeds/posts/default</p>
<p>And this is my Recent Comments address :</p>
<p>http://rohman-freeblogtemplate.blogspot.com/feeds/comments/default</p>
<p>Still compused to install this feed address to your blog. Please follow  the steps :</p>
<ol>
<li>Login to <strong>blogger</strong> with your ID</li>
<li>After entering the dashboard page , click <strong>Layout</strong>. Please saw  the picture :</li>
<p><img id="BLOGGER_PHOTO_ID_5136689749330448130" src="http://bp2.blogger.com/_c-XFk4OciTE/R0kwHJY7TwI/AAAAAAAAAQM/qIdxn7IGrbw/s400/front-panel.jpg" border="0" alt="layout" /></p>
<li>Click at <strong>Page Element</strong> tab. See the picture below :</li>
<p><img id="BLOGGER_PHOTO_ID_5137573441433192530" src="http://bp0.blogger.com/_uJHKCfdb2J0/R0xT0zAbSFI/AAAAAAAAABY/by3674mO23Y/s400/Page-elements.jpg" border="0" alt="page element" /></p>
<li>Click at <strong>Add a Page element</strong>.</li>
<li>After emerging pop up window , click <strong>add to blog</strong> button for  the things <strong>Feed</strong>. See the picture following :</li>
<p><img src="http://ahom24.googlepages.com/feed.jpg" alt="feed element" /></p>
<li>After that, Insert your feed URL (URL feed post for Recent posts or  URL feed comment for recent comments). Example :</li>
<p><img src="http://ahom24.googlepages.com/feed-url.jpg" alt="feed url" /></p>
<li>Click <strong>Continue</strong> button.</li>
<li>Then alter the title with <strong>Recent Post</strong> for recent  post widget or <strong>Recent Comments</strong> for recent comments  widget. Example :</li>
<p><img src="http://ahom24.googlepages.com/feed-url-save.jpg" alt="feed  url" /></p>
<li>Click <strong>SAVE CHANGES</strong> button.</li>
<li>Move that element where you want, and then click <strong>SAVE</strong> button.</li>
<li>Finish. Please see the result.</li>
</ol>
</div>
<div>Now you have had <strong>Recent Posts</strong> or <strong>Recent  Comments</strong> widget at your sidebar with good SEO for  your blog.</div>
<div></div>
<div>Source:blogspottutorial.com</div>
]]></content:encoded>
			<wfw:commentRss>http://www.blogbunker.com/blogger-tutorials/recent-posts-and-recent-comments-at-sidebar/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Make a News Paper Style Drop Caps</title>
		<link>http://www.blogbunker.com/blogger-tutorials/make-a-news-paper-style-drop-caps/</link>
		<comments>http://www.blogbunker.com/blogger-tutorials/make-a-news-paper-style-drop-caps/#comments</comments>
		<pubDate>Mon, 22 Feb 2010 15:02:15 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Blogger Tutorials]]></category>

		<guid isPermaLink="false">http://www.blogbunker.com/?p=243</guid>
		<description><![CDATA[<a href="http://www.blogbunker.com/blogger-tutorials/make-a-news-paper-style-drop-caps/"><img align="left" hspace="5" width="100" src="http://i162.photobucket.com/albums/t253/rohman24/photo-posting_03.gif" class="alignleft wp-post-image tfe" alt="edit html tab" title="" /></a>Do you have read a magazine or newspaper? the answer is surely have. In this opportunity I will study concerning how do to make an alphabet which in printing bigger in comparing with other ordinary alphabet such as in writing in a newspaper or magazine. For example : Many the way to back up the [...]]]></description>
			<content:encoded><![CDATA[<p>Do you have read a magazine or newspaper? the answer is surely have. In this opportunity I will study  concerning how do to make an alphabet which in printing bigger in comparing  with other ordinary alphabet such as in writing in a newspaper or magazine. For example :</p>
<div>Many the way to back up the data in Widgets /  page element, but I&#8217;m limitation of time to comment it in detail, hence I  will try explain just two way, that is backing up directly from Page element  and also backup from template source code.</div>
<p>To make the article like that is easy very,  you are only adding a few CSS codes when you post an article. However you post an article, you must choose <img src="http://i162.photobucket.com/albums/t253/rohman24/photo-posting_03.gif" alt="edit html tab" /> tab, don&#8217;t at <img src="http://i162.photobucket.com/albums/t253/rohman24/photo-posting_04.gif" alt="compose tab" /> tab.  This is the codes :</p>
<div>
<div><code> &lt;span style="float:left;color: #000;background:#fff;line-height:80px; padding-:1px 5px 0 0; font-family:times; font-size:100px;"&gt;First alphabet&lt;/span&gt; </code></div>
</div>
<p>Example. however you must remember when you add this code you must at <strong>Edit HTml</strong> tab :</p>
<p><code> &lt;span style="float:left;color: #000;background:#fff;line-height:80px; padding-top:1px; padding-right:5px; font-family:times; font-size:100px;"&gt;M&lt;/span&gt;any the way to back up the data in Widgets /  page element, but I'm limitation of time to comment it in detail, hence I  will try explain just two way, that is backing up directly from Page element  and also backup from template source code. </code> This is the result :  Many the way to back up  the data in Widgets / page element, but i&#8217;m limitation of time to comment it in detail,  hence I will try explain just two way, that is backing up directly from Page element and  also backup from template source code.</p>
<p>To be you more understanding, I will elaborate concerning above codes :  <strong>color: #000</strong> : this is the code for alphabet color, #000 is code for black color, you can alter this code with your color.  <strong>background:#fff</strong> : this is the code for background color of first alphabet (firt alphabet). #fff is code for white color, you can alter this code with you want color.   <strong>padding:1px 5px 0 0</strong> : this the code dor padd, 1px&#8211;&gt; padding for top, 5px psdding for right, 0 &#8211;&gt; padding for bottom, 0 &#8211;&gt; padding for left. You can alter the value of padding with other value.  <strong>font-family:times</strong> : this code is for style of font, you can alter the font with font what you want, example <strong>verdana</strong>, <strong>georgia</strong> and etc.  <strong>Font-size:100px</strong> : this code is for size of font, you can alter the size of font.</p>
<p>This is several example :</p>
<div>
<div><code> &lt;span style="float:left;color: #0C3259;background:#BCBBBB;line-height:80px; padding:1px 5px 0 0; font-family:times; margin: 0px 5px 5px 0px; font-size:100px;"&gt;First alphabet&lt;/span&gt; </code></div>
</div>
<p>The result :  M  any the way to back up  the data in Widgets / page element, but I&#8217;m limitation of time to comment it in detail,  hence I will try explain just two way, that is backing up directly from Page element and  also backup from template source code.</p>
<div>
<div><code> &lt;span style="float:left;color: #0C3259;background:#77FD8D;line-height:80px; padding:0 5px 0 5px; border: 2px solid #606160; border-right: 2px solid #606160;  border-bottom: 2px solid #606160; font-family:georgia; margin: 0px 5px 5px 0px; font-size:100px;"&gt;First alphabet&lt;/span&gt; </code></div>
</div>
<p>The result :  M  any the way to back up  the data in Widgets / page element, but i&#8217;m limitation of time to comment it in detail,  hence I will try explain just two way, that is backing up directly from Page element and  also backup from template source code.</p>
<div>
<div><code> &lt;span style="float:left;color: #04440E;background:#E0F5FD;line-height:80px; padding:0 13px 0 10px; border: 2px solid #057B19; border-right: 2px solid #057B19; border-bottom: 2px solid #606160; border-top: 1px solid #057B19; border-left: 1px solid #057B19; font-family:arial; font-style: italic; margin: 0px 5px 5px 0px; font-size:100px;"&gt;First alphabet&lt;/span&gt; </code></div>
</div>
<p>The result :  M  any the way to back up  the data in Widgets / page element, but i&#8217;m limitation of time to comment it in detail,  hence I will try explain just two way, that is backing up directly from Page element and  also backup from template source code.   And please create any style with your.</p>
<p>Except the above step, you can create a News Paper Style Drop Caps with other way. this is more then easy. this is the steps:  <strong>Step #1 :</strong></p>
<ol>
<li>Login to <a href="http://www.blogger.com/" target="_blank">blogger</a> with your ID</li>
<li>After entering the dashboard page , click <strong>Layout</strong>. Please saw the picture :</li>
<p><a href="http://bp2.blogger.com/_c-XFk4OciTE/R0kwHJY7TwI/AAAAAAAAAQM/qIdxn7IGrbw/s1600-h/front-panel.jpg"><img id="BLOGGER_PHOTO_ID_5136689749330448130" src="http://bp2.blogger.com/_c-XFk4OciTE/R0kwHJY7TwI/AAAAAAAAAQM/qIdxn7IGrbw/s400/front-panel.jpg" border="0" alt="" /></a></p>
<li>Then click <strong>edit HTML</strong> tab. Please saw the picture :</li>
<p><a href="http://bp3.blogger.com/_c-XFk4OciTE/R0kwHZY7TxI/AAAAAAAAAQU/s-_eTLcESNw/s1600-h/layout-panel.jpg"><img id="BLOGGER_PHOTO_ID_5136689753625415442" src="http://bp3.blogger.com/_c-XFk4OciTE/R0kwHZY7TxI/AAAAAAAAAQU/s-_eTLcESNw/s400/layout-panel.jpg" border="0" alt="" /></a></p>
<li>Click the <strong>Download full template</strong> link. Save your template:</li>
<p><a href="http://bp3.blogger.com/_c-XFk4OciTE/R0kwHZY7TyI/AAAAAAAAAQc/cuBu-D10rBU/s1600-h/download-template.jpg"><img id="BLOGGER_PHOTO_ID_5136689753625415458" src="http://bp3.blogger.com/_c-XFk4OciTE/R0kwHZY7TyI/AAAAAAAAAQc/cuBu-D10rBU/s400/download-template.jpg" border="0" alt="" /></a></p>
<li>Go to your template code</li>
<li>Copy and paste the following code above of <strong>]]&gt;&lt;/b:skin&gt;</strong></li>
<div>
<form>
<div>
<input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Select All" /></div>
<p><textarea cols="55" rows="100" name="txt">/* magazine drop caps */  .magazine { float:left; color:#000; background:#fff; line-height:80px;  padding-:1px 5px 0 0; font-family:times; font-size:100px; } </textarea></p>
</form>
</div>
<li>Click <strong>Save Template</strong> button</li>
<li>Step #1 is finish.</li>
</ol>
<p><strong>Step #2 :</strong></p>
<ol>
<li>Click <strong>Setting</strong> tab.</li>
<li>Click <strong>formatting</strong> tab.</li>
<li>Go to lower side. you will find a blank text are beside <strong>Post Template</strong>. Fill that blank text area with this code :</li>
<blockquote><p><code> &lt;span&gt; &lt;/span&gt; </code></p></blockquote>
<li>Click <strong>Save settings</strong> button.</li>
<li>finish</li>
</ol>
<p><strong>How to post your article?</strong></p>
<p>When you post your article, choose <img src="http://i162.photobucket.com/albums/t253/rohman24/photo-posting_03.gif" alt="" /> tab. and you will see the code below :</p>
<blockquote><p><code> &lt;span&gt; &lt;/span&gt; </code></p></blockquote>
<p>Place the first alphabet between <code>&lt;span&gt; and &lt;/span&gt; </code></p>
<p>Example :</p>
<div><code> &lt;span&gt;M&lt;/span&gt;any the way to back up the data in Widgets /  page element, but I'm limitation of time to comment it in detail, hence I  will try explain just two way, that is backing up directly from Page element  and also backup from template source code. </code></div>
<p>Publish your article and finish. Please see the result.</p>
<p>Source:blogspottutorial.com</p>
]]></content:encoded>
			<wfw:commentRss>http://www.blogbunker.com/blogger-tutorials/make-a-news-paper-style-drop-caps/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>How To Make a drop down Menu</title>
		<link>http://www.blogbunker.com/blogger-tutorials/how-to-make-a-drop-down-menu/</link>
		<comments>http://www.blogbunker.com/blogger-tutorials/how-to-make-a-drop-down-menu/#comments</comments>
		<pubDate>Mon, 22 Feb 2010 14:56:23 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Blogger Tutorials]]></category>
		<category><![CDATA[drop down Menu]]></category>

		<guid isPermaLink="false">http://www.blogbunker.com/?p=238</guid>
		<description><![CDATA[<a href="http://www.blogbunker.com/blogger-tutorials/how-to-make-a-drop-down-menu/"><img align="left" hspace="5" width="100" src="http://bp2.blogger.com/_c-XFk4OciTE/R0kwHJY7TwI/AAAAAAAAAQM/qIdxn7IGrbw/s400/front-panel.jpg" class="alignleft wp-post-image tfe" alt="layout" title="" /></a>Do you ever seen the menu such as below? please click at the menu to see the effect of this menu : - Blog Tutorial - Start to blogging Blog setting Backup template backup widget The name of this menu is drop down menu. To make the dropdown menu, you only make the code be [...]]]></description>
			<content:encoded><![CDATA[<p>Do you ever seen the menu such as below? please click at the menu to see the effect of this menu :</p>
<form>
<select name="menu" size="1">
<option>- Blog Tutorial -</option>
<p> <!-- change the links with your own --><br />
<option value="http://rohman-freeblogtemplate.blogspot.com/2007/11/strart-to-blogging.html">Start to blogging</option>
<option value="http://rohman-freeblogtemplate.blogspot.com/2007/11/how-to-settings-your-blog.html">Blog setting</option>
<option value="http://rohman-freeblogtemplate.blogspot.com/2007/11/how-to-backup-template.html">Backup template</option>
<option value="http://rohman-freeblogtemplate.blogspot.com/2007/12/how-to-backup-your-widgets_19.html">backup widget</option>
</select>
</form>
<p>The name of this menu is <strong>drop down menu</strong>.</p>
<div>To make the dropdown menu, you only make the code be like this :</p>
<div><code> &lt;form&gt;&lt;select name="menu" onchange="window.open(this.options[this.selectedIndex].value,'_blank')"size=1 name=menu&gt;&lt;option value=0 selected&gt; Your text  title here! &lt;/option&gt;</p>
<p>&lt;option value=" your address link here "&gt; the text here will be display &lt;/option&gt; &lt;/select&gt;&lt;/form&gt; </code></div>
<p>For example, the code such as the following :</p>
<div><code> </code>&lt;form&gt;&lt;select name=&#8221;menu&#8221; onchange=&#8221;window.open(this.options[this.selectedIndex].value,&#8217;_blank&#8217;)&#8221;size=1 name=menu&gt;</p>
<p>&lt;option&gt;- Blog Tutorial &#8211; &lt;/option&gt;</p>
<p>&lt;!&#8211; change the links with your own &#8211;&gt;</p>
<p>&lt;option value=&#8221;http://rohman-freeblogtemplate.blogspot.com/2007/11/strart-to-blogging.html&#8221;&gt;Start to blogging&lt;/option&gt;</p>
<p>&lt;option value=&#8221;http://rohman-freeblogtemplate.blogspot.com/2007/11/how-to-settings-your-blog.html&#8221;&gt;Blog setting&lt;/option&gt;</p>
<p>&lt;option value=&#8221;http://rohman-freeblogtemplate.blogspot.com/2007/11/how-to-backup-template.html&#8221;&gt;Backup template&lt;/option&gt;</p>
<p>&lt;option value=&#8221;http://rohman-freeblogtemplate.blogspot.com/2007/12/how-to-backup-your-widgets_19.html&#8221;&gt;backup widget&lt;/option&gt;</p>
<p>&lt;/select&gt;&lt;/form&gt;</p>
</div>
<p>This is the result :<br />
<form>
<select name="menu" size="1">
<option>- Blog Tutorial &#8211; </option>
<p> <!-- change the links with your own --><br />
<option value="http://rohman-freeblogtemplate.blogspot.com/2007/11/strart-to-blogging.html">Start to blogging</option>
<option value="http://rohman-freeblogtemplate.blogspot.com/2007/11/how-to-settings-your-blog.html">Blog setting</option>
<option value="http://rohman-freeblogtemplate.blogspot.com/2007/11/how-to-backup-template.html">Backup template</option>
<option value="http://rohman-freeblogtemplate.blogspot.com/2007/12/how-to-backup-your-widgets_19.html">backup widget</option>
</select>
</form>
<p> You can make the drop down menu more than one, just make the code more than one, so very simple.</p>
<p>Now, how to add this code to your blog. This is the step :</p>
<ol>
<li>Login to <strong>blogger</strong> with your ID</li>
<li>After entering the dasboard page , click <strong>Layout</strong>. Please saw the picture :</li>
<p><img id="BLOGGER_PHOTO_ID_5136689749330448130" src="http://bp2.blogger.com/_c-XFk4OciTE/R0kwHJY7TwI/AAAAAAAAAQM/qIdxn7IGrbw/s400/front-panel.jpg" border="0" alt="layout" /></p>
<li>Click at <strong>Page Elements</strong> tab. See the picture below :</li>
<p><img id="BLOGGER_PHOTO_ID_5137573441433192530" src="http://bp0.blogger.com/_uJHKCfdb2J0/R0xT0zAbSFI/AAAAAAAAABY/by3674mO23Y/s400/Page-elements.jpg" border="0" alt="page element" /></p>
<li>Click at <strong>Add a Gadget</strong>.</li>
<li>After emerging pop up window , Klik <strong>add to blog</strong> button for the things HTML/JavaScript. See the picture following :</li>
<p><img id="BLOGGER_PHOTO_ID_5137573437138225186" src="http://bp3.blogger.com/_uJHKCfdb2J0/R0xT0jAbSCI/AAAAAAAAABA/DfRdzsPLsz0/s400/Java.jpg" border="0" alt="javascript" /></p>
<li>Copy and paste the code below into available column :</li>
<div>
<form>
<div>
<input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Select All" /></div>
<p><textarea cols="55" rows="100" name="txt">&lt;form&gt;&lt;select name=&#8221;menu&#8221; onchange=&#8221;window.open(this.options[this.selectedIndex].value,&#8217;_blank&#8217;)&#8221;size=1 name=menu&gt; &lt;option&gt;- Blog Tutorial &#8211; &lt;/option&gt; &lt;!&#8211; change the links with your own &#8211;&gt; &lt;option value=&#8221;http://rohman-freeblogtemplate.blogspot.com/2007/11/strart-to-blogging.html&#8221;&gt;Start to blogging&lt;/option&gt; &lt;option value=&#8221;http://rohman-freeblogtemplate.blogspot.com/2007/11/how-to-settings-your-blog.html&#8221;&gt;Blog setting&lt;/option&gt; &lt;option value=&#8221;http://rohman-freeblogtemplate.blogspot.com/2007/11/how-to-backup-template.html&#8221;&gt;Backup template&lt;/option&gt; &lt;option value=&#8221;http://rohman-freeblogtemplate.blogspot.com/2007/12/how-to-backup-your-widgets_19.html&#8221;&gt;backup widget&lt;/option&gt; &lt;/select&gt;&lt;/form&gt; </textarea></p>
</form>
</div>
<li>Click   <img id="BLOGGER_PHOTO_ID_5137573995483973746" src="http://bp1.blogger.com/_uJHKCfdb2J0/R0xUVDAbSHI/AAAAAAAAABo/yznWVB-GVmo/s400/save-changes_03.jpg" border="0" alt="save changes" /></li>
<li>Finish. Please see the result.</li>
</ol>
<p>OK brother, now you have a <strong>drop down menu</strong> at your blog. Or maybe you still confused with the step above? don&#8217;t worry i have an easy way to do it, just click the button below, log in to your blog and the widget will add to your blog <strong>automatically</strong>:</p>
<div>
<form>
<select name="menu" size="1">
<option>- Blog Tutorial &#8211; </option>
<p> <!-- change the links with your own --><br />
<option value="http://rohman-freeblogtemplate.blogspot.com/2007/11/strart-to-blogging.html">Start to blogging</option>
<option value="http://rohman-freeblogtemplate.blogspot.com/2007/11/how-to-settings-your-blog.html">Blog setting</option>
<option value="http://rohman-freeblogtemplate.blogspot.com/2007/11/how-to-backup-template.html">Backup template</option>
<option value="http://rohman-freeblogtemplate.blogspot.com/2007/12/how-to-backup-your-widgets_19.html">backup widget</option>
</select>
</form>
</div>
<p>Add a dropdown in the sidebar of your blog.</p>
<form action="http://beta.blogger.com/add-widget" method="post">
<input name="widget.title" type="hidden" value="My menu" /> <textarea name="widget.content">&lt;form&gt;&lt;select name=&#8221;menu&#8221; onchange=&#8221;window.open(this.options[this.selectedIndex].value,&#8217;_blank&#8217;)&#8221;size=1 name=menu&gt; &lt;option&gt;- Blog Tutorial &#8211; &lt;/option&gt; &lt;!&#8211; change the links with your own &#8211;&gt; &lt;option value=&#8221;http://rohman-freeblogtemplate.blogspot.com/2007/11/strart-to-blogging.html&#8221;&gt;Start to blogging&lt;/option&gt; &lt;option value=&#8221;http://rohman-freeblogtemplate.blogspot.com/2007/11/how-to-settings-your-blog.html&#8221;&gt;Blog setting&lt;/option&gt; &lt;option value=&#8221;http://rohman-freeblogtemplate.blogspot.com/2007/11/how-to-backup-template.html&#8221;&gt;Backup template&lt;/option&gt; &lt;option value=&#8221;http://rohman-freeblogtemplate.blogspot.com/2007/12/how-to-backup-your-widgets_19.html&#8221;&gt;backup widget&lt;/option&gt; &lt;/select&gt;&lt;/form&gt; </textarea><br />
<input name="go" type="submit" value="Add To My Blog" /> </form>
<p>Have a nice day My friends. See you at my next post</p></div>
<p>Source:blogspottutorial.com</p>
]]></content:encoded>
			<wfw:commentRss>http://www.blogbunker.com/blogger-tutorials/how-to-make-a-drop-down-menu/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Add a Search Engine to Your Blog</title>
		<link>http://www.blogbunker.com/blogger-tutorials/add-a-search-engine-to-your-blog/</link>
		<comments>http://www.blogbunker.com/blogger-tutorials/add-a-search-engine-to-your-blog/#comments</comments>
		<pubDate>Mon, 22 Feb 2010 14:53:29 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Blogger Tutorials]]></category>
		<category><![CDATA[Search Engine]]></category>

		<guid isPermaLink="false">http://www.blogbunker.com/?p=236</guid>
		<description><![CDATA[<a href="http://www.blogbunker.com/blogger-tutorials/add-a-search-engine-to-your-blog/"><img align="left" hspace="5" width="100" src="http://bp2.blogger.com/_c-XFk4OciTE/R0kwHJY7TwI/AAAAAAAAAQM/qIdxn7IGrbw/s400/front-panel.jpg" class="alignleft wp-post-image tfe" alt="layout" title="" /></a>One of my friend ask to me, how to add a search engine in blogger like this? Before I answer the the question it is better you know usefulness from a search machine in blog. Installation a search engine in blog of course will make your visitor is easier to find the articles in your [...]]]></description>
			<content:encoded><![CDATA[<p>One of my friend ask to me, how to add a search engine in blogger like this?</p>
<form id="searchThis" action="/search" method="get">
<input id="searchBox" name="q" size="20" type="text" />
<input id="searchButton" type="submit" value="Search" /> </form>
<p>Before I answer the the question it is better you know usefulness from  a search machine in blog. Installation a search engine in blog of course  will make your visitor is easier to find the articles in your blog,  for the reason hence opening the big opportunity of your articles  will in  reading by many visitors.</p>
<div>To the point, to add this search engine to your blog, following this step :</p>
<ul>
<li>Login to <strong>blogger</strong> with your ID</li>
<li>After entering the dasboard page , click <strong>Layout</strong>. Please saw the picture :</li>
<p><img id="BLOGGER_PHOTO_ID_5136689749330448130" src="http://bp2.blogger.com/_c-XFk4OciTE/R0kwHJY7TwI/AAAAAAAAAQM/qIdxn7IGrbw/s400/front-panel.jpg" border="0" alt="layout" /></p>
<li>Click at <strong>Page Element</strong> tab. See the picture below :
<p><img id="BLOGGER_PHOTO_ID_5137573441433192530" src="http://bp0.blogger.com/_uJHKCfdb2J0/R0xT0zAbSFI/AAAAAAAAABY/by3674mO23Y/s400/Page-elements.jpg" border="0" alt="page element" /></li>
<li>Click on Add gadget</li>
<li>Click the sign plus ( + ) for HTML/JavaScript</li>
<li>Copy and paste the code below into available column :</li>
<div>
<form>
<div>
<input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Select All" /></div>
<p><textarea cols="55" rows="100" name="txt"> &lt;form id=&#8221;searchThis&#8221; action=&#8221;/search&#8221; style=&#8221;display:inline;&#8221; method=&#8221;get&#8221;&gt; &lt;input id=&#8221;searchBox&#8221; name=&#8221;q&#8221; size=&#8221;20&#8243; type=&#8221;text&#8221;/&gt; &lt;input id=&#8221;searchButton&#8221; value=&#8221;Search&#8221; type=&#8221;submit&#8221;/&gt; &lt;/form&gt; </textarea></p>
</form>
</div>
<li>Click   <img id="BLOGGER_PHOTO_ID_5137573995483973746" src="http://bp1.blogger.com/_uJHKCfdb2J0/R0xUVDAbSHI/AAAAAAAAABo/yznWVB-GVmo/s400/save-changes_03.jpg" border="0" alt="save changes" /></li>
<li>Finish. Please see the result.</li>
</ul>
<p>At the code above, you&#8217;d meet the code be like this :  <strong>size=&#8221;20&#8243;</strong> The code is to arrange the wide of seach box. You can change it according to desire,  ever greater of his value of course more wide. Example : <strong>size=&#8221;25&#8243;</strong>, <strong>size=&#8221;30&#8243;</strong> And you will find the code like this :  <strong>value=&#8221;Search&#8221;</strong> You can change this word with your word. Example : <strong>value=&#8221;GO !&#8221;</strong></p>
<p>Or possibly you still confuse with the steps above?</p>
<p>Just click the button for automatically install to your blog.</p>
<div>
<form id="searchThis" action="/search" method="get"><strong>Search</strong></p>
<input id="searchBox" name="q" type="text" />
<input id="searchButton" type="submit" value="Search" /> </form>
</div>
<p>Add a search engine in the sidebar of your blog.</p>
<form action="http://beta.blogger.com/add-widget" method="post">
<input name="widget.title" type="hidden" value="Search" /> <textarea name="widget.content">&lt;form id=&#8221;searchThis&#8221; action=&#8221;/search&#8221; style=&#8221;display:inline;&#8221; method=&#8221;get&#8221;&gt;&lt;input id=&#8221;searchBox&#8221; name=&#8221;q&#8221; size=&#8221;20&#8243; type=&#8221;text&#8221;/&gt; &lt;input id=&#8221;searchButton&#8221; value=&#8221;Search&#8221; type=&#8221;submit&#8221;/&gt;&lt;/form&gt; </textarea><br />
<input name="go" type="submit" value="Add To My Blog" /> </form>
<p>OK my friends, see you at my next post with other topic.</p>
<p>Source:blogspottutorial.com</p>
</div>
]]></content:encoded>
			<wfw:commentRss>http://www.blogbunker.com/blogger-tutorials/add-a-search-engine-to-your-blog/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Make a Post Summary (Read more Function)</title>
		<link>http://www.blogbunker.com/blogger-tutorials/make-a-post-summary-read-more-function/</link>
		<comments>http://www.blogbunker.com/blogger-tutorials/make-a-post-summary-read-more-function/#comments</comments>
		<pubDate>Tue, 02 Feb 2010 08:40:44 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Blogger Tutorials]]></category>

		<guid isPermaLink="false">http://www.blogbunker.com/?p=231</guid>
		<description><![CDATA[<a href="http://www.blogbunker.com/blogger-tutorials/make-a-post-summary-read-more-function/"><img align="left" hspace="5" width="100" src="http://amen24.googlepages.com/expand-widget.png" class="alignleft wp-post-image tfe" alt="expand-widget.png" title="" /></a>If you are a beginner, possible you&#8217;d feel to surprise when seeing the articles in my blog presenting only shares first paragrap or second paragrap, and to read for full article, you must click Read more&#8230; link. Alright.. please don&#8217;t feel surprise, i will discuss about this now. The function like that called Post Summary. [...]]]></description>
			<content:encoded><![CDATA[<p>If you are a beginner, possible you&#8217;d feel to surprise when seeing  the articles in my blog presenting only shares first paragrap or second paragrap,  and to read for full article, you must click <strong>Read more&#8230;</strong> link. Alright.. please don&#8217;t feel surprise, i will discuss about this now.</p>
<p>The function like that called <strong>Post Summary</strong>. You can make a <strong>post summary</strong> function with add a little code to your <strong>template code</strong>. But this code is for <strong>new blogger template (beta)</strong> and does not work at <strong>classic template</strong>.<span></p>
<p>Please follow the steps below :</p>
<p><strong>Step #1 :</strong></p>
<ol>
<li>Login to <strong>blogger</strong> with your ID</li>
<li>In the dashboard page , click <strong>Layout</strong>.</li>
<li>Then click <strong>edit HTML</strong> tab.</li>
<li>Click the <strong>Download full template</strong> link. Save your template (very important)</li>
<li>Please mark the little box beside <strong>Expand Widget Templates</strong>. Wait for a moment.
<p><img src="http://amen24.googlepages.com/expand-widget.png" alt="expand-widget.png" /></li>
<li>Go to your template code, and find the code like this :
<p align="left"><textarea cols="40" rows="8" name="code"> &lt;p&gt;&lt;data:post.body/&gt;&lt;/p&gt; </textarea></p>
</li>
<li>Delete the above code and change with this code :
<div>
<form>
<div>
<input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Select All" /></div>
</form>
</div>
</li>
</ol>
<ol>
<li>Delete the above code and change with this code :
<div>
<form>
<div>
<input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Select All" /></div>
<p align="left"><textarea style="width: 400px; height: 144px;" cols="55" rows="100" name="txt">&lt;b:if cond=&#8217;data:blog.pageType == &#8220;item&#8221;&#8216;&gt;  &lt;style&gt;.fullpost{display:inline;}&lt;/style&gt;  &lt;p&gt;&lt;data:post.body/&gt;&lt;/p&gt;  &lt;b:else/&gt;  &lt;style&gt;.fullpost{display:none;}&lt;/style&gt;  &lt;p&gt;&lt;data:post.body/&gt;  &lt;a expr:href=&#8217;data:post.url&#8217;&gt;&lt;strong&gt;Read more&#8230;&lt;/strong&gt;&lt;/a&gt;&lt;/p&gt;   &lt;/b:if&gt; </textarea></p>
</form>
</div>
</li>
<li>Click <strong>Save Template</strong> button</li>
<li>Step #1 is done.</li>
</ol>
<p><strong>Step #2 :</strong></p>
<ol>
<li>Click <strong>Setting</strong> tab.</li>
<li>Click <strong>formatting</strong> tab.</li>
<li>Go to lower side. you will find a blank text are beside <strong>Post Template</strong>. Fill that blank text area with this code :
<p align="left"><textarea cols="40" rows="8" name="code"> &lt;span&gt;     &lt;/span&gt; </textarea></p>
</li>
<li>Click <strong>Save settings</strong> button.</li>
<li>Step #2 is done.</li>
</ol>
<p><strong>How to post your article?</strong></p>
<p>When you post your article, choose <img src="http://i162.photobucket.com/albums/t253/rohman24/photo-posting_03.gif" alt="photo-posting_03.gif" /> tab. and you will see the code below :</p>
<blockquote><p><code> &lt;span&gt;</p>
<p>&lt;/span&gt; </code></p></blockquote>
<p>Place the first paragraps above of :</p>
<blockquote><p><code> &lt;span&gt;</p>
<p></code></p></blockquote>
<p></span></p>
<p>and place the rest of paragrap under of :</p>
<p><code> &lt;span&gt;<br />
</code></p>
<p>and above of :</p>
<p><code> &lt;/span&gt;<br />
</code></p>
<p>and then publish your post. Done.</p>
<p>If you still feel confuse, this is the example how to place your article:</p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque sed felis. Aliquam sit amet felis. Mauris semper, velit semper laoreet dictum, quam diam dictum urna, nec placerat elit nisl in quam. Etiam augue pede, molestie eget, rhoncus at, convallis ut, eros. Aliquam pharetra. Nulla in tellus eget odio sagittis blandit. Maecenas at nisl. Nullam lorem mi, eleifend a, fringilla vel, semper at, ligula. Mauris eu wisi. Ut ante dui, aliquet nec, congue non, accumsan sit amet. (this will show in front of your blog)<br />
<span style="color: red;"> <code> &lt;span&gt;<br />
</code> </span></p>
<p>Nulla in tellus eget odio sagittis blandit. Maecenas at nisl. Nullam lorem mi, eleifend a, fringilla vel, semper at, ligula. Mauris eu wisi. Ut ante dui, aliquet nec, congue non, accumsan sit amet, lectus. Mauris et mauris. Duis sed massa id mauris pretium venenatis. Suspendisse cursus velit vel ligula. Mauris elit. Donec neque. Phasellus nec sapien quis pede facilisis suscipit. Aenean quis risus sit amet eros volutpat ullamcorper. Ut a mi. Etiam nulla. Mauris interdum. . (this will show if visitor click read more)<br />
<span style="color: red;"> <code> &lt;/span&gt; </code> </span></p>
<p>At front page of your blog, will show just like this :</p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque sed felis. Aliquam sit amet felis. Mauris semper, velit semper laoreet dictum, quam diam dictum urna, nec placerat elit nisl in quam. Etiam augue pede, molestie eget, rhoncus at, convallis ut, eros. Aliquam pharetra. Nulla in tellus eget odio sagittis blandit. Maecenas at nisl. Nullam lorem mi, eleifend a, fringilla vel, semper at, ligula. Mauris eu wisi. Ut ante dui, aliquet nec, congue non, accumsan sit amet.</p>
<p>The last, if you try this hack and you not succes, don&#8217;t be panic.  <strong>upload</strong> your backup template, and it&#8217;s will be back to template code before you do edit.</p>
<p>Allright my friend, i think this enought. See you at my next post.</p>
<p>Source:blogspottutorial.com</p>
]]></content:encoded>
			<wfw:commentRss>http://www.blogbunker.com/blogger-tutorials/make-a-post-summary-read-more-function/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>How to change the template</title>
		<link>http://www.blogbunker.com/blogger-tutorials/how-to-change-the-template/</link>
		<comments>http://www.blogbunker.com/blogger-tutorials/how-to-change-the-template/#comments</comments>
		<pubDate>Tue, 02 Feb 2010 08:39:11 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Blogger Tutorials]]></category>

		<guid isPermaLink="false">http://www.blogbunker.com/?p=229</guid>
		<description><![CDATA[<a href="http://www.blogbunker.com/blogger-tutorials/how-to-change-the-template/"><img align="left" hspace="5" width="100" src="http://bp2.blogger.com/_c-XFk4OciTE/R0kwHJY7TwI/AAAAAAAAAQM/qIdxn7IGrbw/s400/front-panel.jpg" class="alignleft wp-post-image tfe" alt="" title="" /></a>At this opportunity, I will discuss about how to change template in blogger.com. First matter to be in considering in changing template is you have to make a backing up your old template, this good for if you feeling not match with your newly template. if you not yet known the way to back up [...]]]></description>
			<content:encoded><![CDATA[<p>At this opportunity, I will discuss about <strong>how to  change <span id="IL_AD2">template</span> in blogger.com</strong>. First matter to be in considering in  changing template is you have to make a backing up your old template,  this good for if you feeling not match with your newly template. if you not yet known the way to back up template,  please read at the post  how to backup template, and also don&#8217;t  forget to back up your widgets (this is very important). For back up your widgets, please read at the post  how to backup your widgets.</p>
<p>To change the template, of course you must had a new template to uploaded.  If still not yet had, you can download for free template at uniQue Template or at other sites. Have ready for changing your old template with  newly template? Please follow the steps below :</p>
<ol>
<li>Login to <strong>blogger</strong> with your ID</li>
<li>After entering the dasboard page , click <strong>Layout</strong>. Please saw the picture :</li>
<p><img id="BLOGGER_PHOTO_ID_5136689749330448130" src="http://bp2.blogger.com/_c-XFk4OciTE/R0kwHJY7TwI/AAAAAAAAAQM/qIdxn7IGrbw/s400/front-panel.jpg" border="0" alt="" /></p>
<li>Then click <strong>edit HTML</strong> tab. Please saw the picture :</li>
<p><img id="BLOGGER_PHOTO_ID_5136689753625415442" src="http://bp3.blogger.com/_c-XFk4OciTE/R0kwHZY7TxI/AAAAAAAAAQU/s-_eTLcESNw/s400/layout-panel.jpg" border="0" alt="" /></p>
<li>Click the <strong>Download full template</strong> link. Save your template:</li>
<p><img id="BLOGGER_PHOTO_ID_5136689753625415458" src="http://bp3.blogger.com/_c-XFk4OciTE/R0kwHZY7TyI/AAAAAAAAAQc/cuBu-D10rBU/s400/download-template.jpg" border="0" alt="" /></p>
<li>Click <strong>browse&#8230;</strong> button. Choose your new template. and then click <strong>Upload</strong> button.</li>
<p><img src="http://amen24.googlepages.com/browse....png" alt="browse button image" /></p>
<li>Usually go out commemoration that your data in your widgets will be delete forever (so don&#8217;t forget to backup your widgets).</li>
<p>For example, the image will show like this :</p>
<p><img src="http://amen24.googlepages.com/delete.png" alt="" /></p>
<li>Click at <strong>Convirm &amp; Save</strong> button.</li>
<li>Finish. Please look he result.</li>
</ol>
<p>Now you have had the new face. However of course your template is still empty,  So next step is inserting your widgets manually through <strong>page element</strong> menu.</p>
<p>Source:blogspottutorial.com</p>
]]></content:encoded>
			<wfw:commentRss>http://www.blogbunker.com/blogger-tutorials/how-to-change-the-template/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>How to backup the template</title>
		<link>http://www.blogbunker.com/blogger-tutorials/how-to-backup-the-template/</link>
		<comments>http://www.blogbunker.com/blogger-tutorials/how-to-backup-the-template/#comments</comments>
		<pubDate>Tue, 02 Feb 2010 08:07:15 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Blogger Tutorials]]></category>

		<guid isPermaLink="false">http://www.blogbunker.com/blogger-tutorials/how-to-backup-the-template/</guid>
		<description><![CDATA[<a href="http://www.blogbunker.com/blogger-tutorials/how-to-backup-the-template/"><img align="left" hspace="5" width="100" height="100" src="http://www.blogbunker.com/wp-content/plugins/thumbnail-for-excerpts/tfe_no_thumb.png" class="alignleft wp-post-image tfe" alt="" title="" /></a>If your blog want caried by google, you must doing several settings. This is how to setting your blog: Login to blogger.com with your ID. If your blog more than 1, click at the blog title want to setting. Click Setting and then click Basic. Several form that must in the contents to the menu [...]]]></description>
			<content:encoded><![CDATA[<p><span>I</span>f  your blog want caried by google, you must doing several settings. This is how to setting your blog:</p>
<ol>
<li>Login to blogger.com with your ID.</li>
<li>If your blog more than 1, click at the blog title want to setting.</li>
<li>Click <strong>Setting</strong> and then click <strong>Basic</strong>. Several form that must in the contents to the menu basic:
<ul>
<li><strong>Title</strong> : Content with your blog title. Example : Blog Tutorial.</li>
<li><strong>Description</strong> : Content with your description blog. Example : All about blogging can find here.</li>
<li><strong>Add your blog to our listing</strong> : chose <strong>Yes</strong>, so that every time posting always entered the Blogger.com list.</li>
<li><strong>Show Quick Editing on your blog </strong> : Chose <strong>Yes</strong>.</li>
<li><strong>Show Email post link</strong> : It is best to chose <strong>Yes</strong>, but if you chose <strong>No</strong> also it&#8217;s allright.</li>
<li><strong>Show compose Mode for all your blog</strong> : Chose <strong>Yes</strong>.</li>
<li><strong>Show transliteration button for your post </strong> : chose <strong>Yes</strong> if the you wanted to be button to change normally alphabet to hindi (India) alphabet, Chose <strong>No</strong> if being the reverse.</li>
<li>Click <strong>Save Settings</strong>.</li>
<li>Finish.</li>
</ul>
</li>
<li>Click <strong>Publishing</strong> to arrange the publishing menu.
<ul>
<li><strong>Blog’Spot Address</strong> : Content with your blog address. Example : kolom-tutorial.</li>
<li><strong>Send Pings</strong> : Chose <strong>Yes</strong>.</li>
<li>Click <strong>Save Settings</strong>.</li>
<li>Finish.</li>
</ul>
</li>
<li>Click <strong>Formatting</strong> to arrange the formatting menu.
<ul>
<li><strong>Show</strong> : Chose the number of post want you to display in your blog. Example : Show : 6 post, it&#8217;s means  your posting will display in your page Totally six posting. Chose <strong>Post</strong> (don&#8217;t <strong>days</strong>) at pulldown menu</li>
<li><strong>Date header Format</strong> : Chose the style of date/month what you wanted, this date/month will display above your post.</li>
<li><strong>Archive Index Date Format</strong> : Chose the style for your archive</li>
<li><strong>Timestamp Format</strong> : Chose the style of the time, what you wanted.</li>
<li><strong>Time Zone</strong> : Chose the matching zone with your place. Example for WIB : [UTC+7.00] jakarta.</li>
<li><strong>Language</strong> : Chose language what you wanted.</li>
<li><strong>Convert line break</strong> : Chose <strong>Yes</strong>, but if you chose <strong>No</strong> it&#8217;s allright.</li>
<li><strong>Show Link Field</strong> : Chose <strong>No</strong>, but if you chose <strong>Yes</strong> it&#8217;s allright.</li>
<li><strong>Enable Float aligment</strong> : Chose <strong>Yes</strong>, but if you chose <strong>No</strong> it&#8217;s allright.</li>
<li>Click <strong>Save Settings</strong>.</li>
<li>Finish.</li>
</ul>
</li>
<li>Click <strong>Comment</strong> to arrange the Comment menu.
<ul>
<li><strong>Comments</strong> : Chose <strong>Show</strong>.</li>
<li><strong>Who Comment?</strong> Chose Anyone. It&#8217;s means anyone can comment to your post.</li>
<li><strong>Comments Default for Post</strong> : Chose <strong>New post Have Comments</strong></li>
<li><strong>Back links</strong> : Chose <strong>Show</strong>. It&#8217;s means you will know if another people has linked to your post.</li>
<li><strong>Backlinks default for Posts</strong> : Chose New post have Backlinks.</li>
<li><strong>Show comments in a popup window?</strong> : Chose <strong>Yes</strong>. It&#8217;s means when the people click <strong>Comment link</strong> your blog not lost.</li>
<li><strong>Show word verification for comments? </strong> : It&#8217;s better to chose <strong>Yes</strong></li>
<li><strong>Enable comment moderation? </strong> : Chose <strong>No</strong>, but if you wanted chose <strong>Yes</strong> it&#8217;s allright.</li>
<li><strong>Show profile images on comments?</strong> : Chose <strong>Yes</strong>. It&#8217;s means the photo of commentator of blogger member can display.</li>
<li><strong>Comment Notification Address</strong> : Content with your email address.</li>
<li>Click <strong>SAVE SETTINGS</strong>.</li>
<li>Finish.</li>
</ul>
</li>
<li>Click <strong>ARCHIVING</strong> to arrange the archiving menu.
<ul>
<li><strong>Archive Frequency</strong> : Chose <strong>monthly</strong>.</li>
<li><strong>enable Post Pages?</strong> : Chose <strong>Yes</strong>.</li>
<li>Click <strong>SAVE SETTINGS</strong>.</li>
<li>Finish.</li>
</ul>
</li>
<li>Click <strong>Site Feed</strong>.
<ul>
<li><strong>Publish Site Feed</strong> : Chose <strong>Yes</strong>.</li>
<li><strong>Descriptions</strong> : Chose <strong>Full</strong></li>
<li><strong>Article Footer</strong> : If you have advertising code like <strong>Google Adsense</strong>, you can insert the code here.</li>
<li>Click <strong>SAVE SETTINGS</strong>.</li>
<li>Finish.</li>
</ul>
</li>
</ol>
<p>sOURCE:blogspottutorial.com</p>
]]></content:encoded>
			<wfw:commentRss>http://www.blogbunker.com/blogger-tutorials/how-to-backup-the-template/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Making a Blog at Blogspot</title>
		<link>http://www.blogbunker.com/blogger-tutorials/making-a-blog-at-blogspot/</link>
		<comments>http://www.blogbunker.com/blogger-tutorials/making-a-blog-at-blogspot/#comments</comments>
		<pubDate>Tue, 02 Feb 2010 08:06:06 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Blogger Tutorials]]></category>
		<category><![CDATA[Blogspot]]></category>

		<guid isPermaLink="false">http://www.blogbunker.com/?p=224</guid>
		<description><![CDATA[<a href="http://www.blogbunker.com/blogger-tutorials/making-a-blog-at-blogspot/"><img align="left" hspace="5" width="100" src="http://bp0.blogger.com/_c-XFk4OciTE/RiNgQJAHXPI/AAAAAAAAAIo/dT7gCLR1Miw/s200/blogger.com.jpg" class="alignleft wp-post-image tfe" alt="please click here" title="" /></a>Maybe, there&#8217;re some of you who still don&#8217;t understand about blog, and still wondering about blog. As my kindness, I’ll try to review a little about blog. (Based on my version), 1. Blog, What it is? Blog (abbreviation from Web log) is sites which more dominant in private characteristic. This means, most of the content [...]]]></description>
			<content:encoded><![CDATA[<p>Maybe, there&#8217;re some of you who still don&#8217;t understand about blog, and still wondering about blog. As my kindness, I’ll try to review a little about blog. (Based on my version),</p>
<p><strong>1. Blog, What it is?</strong></p>
<p>Blog (abbreviation from Web log) is sites which more dominant in private characteristic. This means, most of the content will be affected (realize or not) by the characteristic of the Blogger (Blog user) himself.</p>
<p>Blog was made by the designers of the blog provider in order to work automatically and easily to be operated on, so for we that still was confused with the programming language to make one website still not the problem.If you could have made an email account in the internet, then in made blog then I was convinced you could.</p>
<div><strong>2. How to make a blog?</strong></div>
<p>As if when we start to make an ordinary e-mail, we’ll need an account first, to make a blog. Because of that reason, feel please to register yourself in free blog provider. We can find a lot of free blog provider in internet, and some blog provider which really famous nowadays, are <strong>http://www.blogger.com</strong>, <strong>http://www.wordpress.com</strong> or <strong>http://www.blogsome.com</strong>.</p>
<p>In this chance, I’m going to review about make a blog in <strong>http://www.blogger.com</strong> Click the picture below to register.</p>
<div>Saw the picture below:                           <a rel="nofollow" href="http://blogger.com/" target="_blank"><img id="BLOGGER_PHOTO_ID_5053989037250403570" src="http://bp0.blogger.com/_c-XFk4OciTE/RiNgQJAHXPI/AAAAAAAAAIo/dT7gCLR1Miw/s200/blogger.com.jpg" border="0" alt="please click here" /></a>After we arrive in Blogger.com, you will see picture like shown above. Now, follow my instruction.</p>
<ol>
<li>Click an arrow sign, inscribed with “<strong>CREATE YOUR BLOG NOW</strong>”</li>
<li>Complete the ‘e-mail address’ form, with your own e-mail address (of course with the valid one).</li>
<li>Rewrite your e-mail address in form ‘retype e-mail address’</li>
<li>Type the password as you wanted to. Type it in form, ‘enter a password’</li>
<li>Retype your password in form ‘type password again’</li>
<li>Type the password as you wanted to. Type it in form, ‘enter a password’</li>
<li>Retype your password in form ‘type password again’</li>
<li>Type the word which has shown, in form ‘word verification’. Click the white little square beside the sentence, ‘I accept the Terms of Service’.</li>
<li>Click an arrow sign inscribed with “<strong>CONTINUE</strong>”</li>
<li>Write the title of your blog that you desire (you can change it later) in form ‘Blog Title’</li>
<li>Type the name of your site in form ‘Blog Address (URL)’ .</li>
<li>Type verification word which shown in form ‘word verification’. After that, click an arrow image inscribed with word, ‘<strong>CONTINUE</strong>’.</li>
<li>Choose one template that you wanted to (You can change it later, if you want), then click again an arrow sign inscribed with word ‘<strong>CONTINUE</strong>’.</li>
<li>Wait a moment. After you meet a sentence ‘Your blog has been created’. Click an arrow sign (again) which inscribed with “BEGIN POSTING’. Feel please to fill up your blog with everything you want to. After you finish with your first posting, just click the sentence, ‘<strong>PUBLISH YOUR POSTING’, </strong>Please write What you want, if being finished then click of the <strong>publish</strong> button.</li>
<li>It&#8217;s Done.</li>
</ol>
<p>sOURCE:blogspottutorial.com</p></div>
]]></content:encoded>
			<wfw:commentRss>http://www.blogbunker.com/blogger-tutorials/making-a-blog-at-blogspot/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Create a Facebook Fan Page for your Blog</title>
		<link>http://www.blogbunker.com/blogger-tutorials/create-a-facebook-fan-page-for-your-blog/</link>
		<comments>http://www.blogbunker.com/blogger-tutorials/create-a-facebook-fan-page-for-your-blog/#comments</comments>
		<pubDate>Tue, 08 Dec 2009 14:14:38 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Blogger Tutorials]]></category>
		<category><![CDATA[Facebook]]></category>

		<guid isPermaLink="false">http://www.blogbunker.com/?p=193</guid>
		<description><![CDATA[<a href="http://www.blogbunker.com/blogger-tutorials/create-a-facebook-fan-page-for-your-blog/"><img align="left" hspace="5" width="100" src="http://lh4.ggpht.com/_u4gySN2ZgqE/SufOl8RtcZI/AAAAAAAABBY/AcqZF_xGXIw/facebookfanpageforbloggerblogs4.jpg?imgmax=800" class="alignleft wp-post-image tfe" alt="facebook-fan-page-for-blogger-blogs" title="facebook-fan-page-for-blogger-blogs" /></a>Facebook is a great Social Networking Site to promote your blog or brand. Most of the major brands do have a Facebook Fan Page. Here are some examples of Facebook Fan pages – Coca Cola FB Fan Page , Mashable FB Fan Page. Are you impressed and wanna create one for your blog? I too [...]]]></description>
			<content:encoded><![CDATA[<p><img style="border-width: 0px; margin: 0px 10px 10px 0px; display: inline;" title="facebook-fan-page-for-blogger-blogs" src="http://lh4.ggpht.com/_u4gySN2ZgqE/SufOl8RtcZI/AAAAAAAABBY/AcqZF_xGXIw/facebookfanpageforbloggerblogs4.jpg?imgmax=800" border="0" alt="facebook-fan-page-for-blogger-blogs" width="244" height="94" align="right" /></p>
<p>Facebook is a great <span id="IL_AD2">Social Networking</span> Site to promote <span id="IL_AD1">your blog</span> or brand. Most of the <span id="IL_AD4">major brands</span> do have a Facebook Fan Page. Here are some examples of Facebook Fan pages – <span style="text-decoration: underline;">Coca Cola FB Fan Page</span> , <span style="text-decoration: underline;">Mashable FB Fan Page</span>. Are you impressed and wanna create one for your blog? I too wanted to create one and i finally made it. Here is the <span style="text-decoration: underline;">link of my Facebook Fan Page</span> . So lets start making our own Facebook Fan Page for our blog.</p>
<p><a name="more"></a></p>
<p>1.Go to the <span style="text-decoration: underline;">Create Fan Page Link</span> on Fabebook</p>
<p><img style="border-width: 0px; display: inline;" title="facebook-fan-page-for-blogger" src="http://lh5.ggpht.com/_u4gySN2ZgqE/SufOn0kSqKI/AAAAAAAABBc/3_5Sp4LRJH0/facebook-fan-page-for-blogger%5B7%5D.jpg?imgmax=800" border="0" alt="facebook-fan-page-for-blogger" width="537" height="396" /></p>
<p>Select <strong>Brand, Product, or Organization</strong> &gt; <strong>Website</strong> . Type the Name of your Fan Page and agree to make it public. Now just hit the Create Button and your Fan page would be created <img src='http://www.blogbunker.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
<p>2.On the Next Page, select the options <strong>Change picture</strong> and <strong>Edit Information </strong>and you what is to be done there <img src='http://www.blogbunker.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
<p><img style="border-width: 0px; display: inline;" title="facebook-fan-page-for-blogger-2" src="http://lh6.ggpht.com/_u4gySN2ZgqE/SufOqtTslII/AAAAAAAABBg/GLGm884vQS4/facebook-fan-page-for-blogger-2%5B9%5D.jpg?imgmax=800" border="0" alt="facebook-fan-page-for-blogger-2" width="574" height="335" /></p>
<p>3.Now the most important thing that you might want is to automatically import your blog posts to <span id="IL_AD3">the Fan</span> Page .From the Tabs, Click on the <strong>+</strong> and Opt for <strong>Notes</strong>.</p>
<p><img style="border-width: 0px; display: inline;" title="add-notes-to-facebook-fan-page" src="http://lh4.ggpht.com/_u4gySN2ZgqE/SufOsmy-yHI/AAAAAAAABBk/n3oJPUzb6FQ/add-notes-to-facebook-fan-page%5B6%5D.jpg?imgmax=800" border="0" alt="add-notes-to-facebook-fan-page" width="372" height="300" /></p>
<p>On the next screen Opt to <strong>Write a New Note</strong></p>
<p><img style="border-width: 0px; display: inline; margin-left: 0px; margin-right: 0px;" title="write-notes-on-face-book-page" src="http://lh3.ggpht.com/_u4gySN2ZgqE/SufOuf7ukAI/AAAAAAAABBo/SWMCvyd6cqA/write-notes-on-face-book-page%5B8%5D.jpg?imgmax=800" border="0" alt="write-notes-on-face-book-page" width="558" height="195" /></p>
<p>4.You will see an Editor and some icons at the Top . Click on the Notes Icon at the top.</p>
<p><img style="border-width: 0px; display: inline;" title="import-notes-to-facebook-page" src="http://lh6.ggpht.com/_u4gySN2ZgqE/SufOwk3wIOI/AAAAAAAABBs/dg61iJ9hLlE/import-notes-to-facebook-page%5B9%5D.jpg?imgmax=800" border="0" alt="import-notes-to-facebook-page" width="574" height="455" /></p>
<p>5.On the Next Page, opt for<strong> Import a blog</strong></p>
<p><img style="border-width: 0px; display: inline;" title="import-blog-to-facebook" src="http://lh6.ggpht.com/_u4gySN2ZgqE/SufOymkkUxI/AAAAAAAABBw/HiStb80zRg0/import-blog-to-facebook%5B10%5D.jpg?imgmax=800" border="0" alt="import-blog-to-facebook" width="574" height="288" /></p>
<p>6.On the next screen, type in your blog URL, and agree to the agreement and Click <strong>Start Importing</strong></p>
<p><img style="border-width: 0px; display: inline;" title="import-blog-posts-to-facebook" src="http://lh5.ggpht.com/_u4gySN2ZgqE/SufO0phXN1I/AAAAAAAABB0/Wes2L2GFf5k/import-blog-posts-to-facebook%5B9%5D.jpg?imgmax=800" border="0" alt="import-blog-posts-to-facebook" width="545" height="405" /></p>
<p>7.On the Next page, Confirm the Blog import</p>
<p><script type="text/javascript">// <![CDATA[
google_ad_client = "pub-3156341293766560";
/* 468x60, created 6/18/09 */
google_ad_slot = "1438678433";
google_ad_width = 468;
google_ad_height = 60;
// ]]&gt;</script> <script src="http://pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript">
</script><script type="text/javascript">// <![CDATA[
google_protectAndRun("ads_core.google_render_ad", google_handleError, google_render_ad);
// ]]&gt;</script><ins style="border: medium none; margin: 0pt; padding: 0pt; height: 60px; position: relative; visibility: visible; width: 468px;"><ins style="border: medium none; margin: 0pt; padding: 0pt; display: block; height: 60px; position: relative; visibility: visible; width: 468px;"></ins></ins></p>
<p><img style="border-width: 0px; display: inline;" title="confirm-facebook-blog-import" src="http://lh4.ggpht.com/_u4gySN2ZgqE/SufO3USvQgI/AAAAAAAABB4/nBJsnMtjZrQ/confirm-facebook-blog-import%5B13%5D.jpg?imgmax=800" border="0" alt="confirm-facebook-blog-import" width="574" height="206" /></p>
<p>8.After confirming, all your blog posts will be imported to the fan page. Now click on your Fan Page Link and get back to the fan page..</p>
<p><img style="border-width: 0px; display: inline;" title="click-on-face-book-fan-page-link" src="http://lh5.ggpht.com/_u4gySN2ZgqE/SufO5kl_3eI/AAAAAAAABB8/RFF7H3_pRYc/click-on-face-book-fan-page-link%5B6%5D.jpg?imgmax=800" border="0" alt="click-on-face-book-fan-page-link" width="567" height="598" /></p>
<p>9.<img style="border-width: 0px; margin: 0px 10px 0px 5px; display: inline;" title="promote-with-fan-box" src="http://lh4.ggpht.com/_u4gySN2ZgqE/SufO7RG7BPI/AAAAAAAABCA/ro-rFsTfKeQ/promote-with-fan-box%5B8%5D.jpg?imgmax=800" border="0" alt="promote-with-fan-box" width="179" height="244" align="left" /> Now we have successfully created the Fan Page.If you want to remove some of the unwanted tabs like Discussions, Photos, Boxes etc, then you can go to that Tab and remove it.</p>
<p>Now you can add a Fan box to your blog so that your blog readers can join you on Facebook. To do this, click on the <strong>Promote with a Fan Box</strong> link below your page profile photo.</p>
<p>Now Select the Options that you want and then opt to to add the fan box to blogger using the Blogger Button</p>
<p><img style="border-width: 0px; margin: 0px 0px 0px 10px; display: inline;" title="add-fan-box-to-blogger" src="http://lh5.ggpht.com/_u4gySN2ZgqE/SufO9XJs5fI/AAAAAAAABCE/jxarZDEt_Ao/add-fan-box-to-blogger%5B10%5D.jpg?imgmax=800" border="0" alt="add-fan-box-to-blogger" width="394" height="307" /></p>
<p>Now you should have the Fan box added on to your blog <img src='http://www.blogbunker.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
<p>Your Fan Page URL will look something like <strong>http://www.facebook.com/pages/Blogger-Widgets/252379165362</strong> .Now if you have a pretty good number of fans(i think the minimum requirement is 25 fans) , then you can have a pretty facebook URL like <strong>http://www.facebook.com/bloggerplugins</strong> instead of a long one like <strong>http://www.facebook.com/pages/Blogger-Widgets/252379165362</strong> .</p>
<p>To claim such small usernames for your facebook page, go to <span style="text-decoration: underline;"><strong>http://www.facebook.com/username/</strong></span> and Click on <strong>Set a username for your Pages</strong>. There you can select the small pretty user name for your fan page.Once you opt for a user name you can’t change it back again. So be careful when choosing your Facebook Fan Page Username.</p>
<p>10. This is the most important Step of all <img src='http://www.blogbunker.com/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' /> </p>
<p>Source:bloggerplugins.org</p>
]]></content:encoded>
			<wfw:commentRss>http://www.blogbunker.com/blogger-tutorials/create-a-facebook-fan-page-for-your-blog/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

