<?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>Blogger Templates &#187; Tutorial</title>
	<atom:link href="http://www.bloggerstemplate.com/template/tutorial/feed" rel="self" type="application/rss+xml" />
	<link>http://www.bloggerstemplate.com</link>
	<description>We offer Wordpress and Blogspot Template for free and premium rate with great price. They easy to download with demo preview. We also offer banner design in low price to make your site looking great.</description>
	<lastBuildDate>Wed, 23 Feb 2011 21:16:16 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.1</generator>
		<item>
		<title>Disable link in comment form WordPress</title>
		<link>http://www.bloggerstemplate.com/2010/12/17/disable-link-in-comment-form-wordpress</link>
		<comments>http://www.bloggerstemplate.com/2010/12/17/disable-link-in-comment-form-wordpress#comments</comments>
		<pubDate>Fri, 17 Dec 2010 18:57:34 +0000</pubDate>
		<dc:creator>Admin</dc:creator>
				<category><![CDATA[Tutorial]]></category>
		<category><![CDATA[comment form]]></category>
		<category><![CDATA[Disable link]]></category>
		<category><![CDATA[Spam]]></category>
		<category><![CDATA[WordPress Plugin]]></category>

		<guid isPermaLink="false">http://www.bloggerstemplate.com/?p=215</guid>
		<description><![CDATA[A couple months ago, I had post about <a href="http://www.bloggerstemplate.com/2010/08/23/disable-outgoing-links-post-wp-plugin">how to disable external link in post content</a>. A this time I will show you how to disable all link in comments form without plugin.]]></description>
			<content:encoded><![CDATA[<p>A couple months ago, I had post about <a href="http://www.bloggerstemplate.com/2010/08/23/disable-outgoing-links-post-wp-plugin">how to disable external link in post content</a>. A this time I will show you how to disable all link in comments form without plugin. You know, too many spammer on the net, most of them fill your comment box with hundred comments and links. Here step by step <strong>how to disable link in comment for WordPress blog</strong>:</p>
<p>1. Open you <strong>functions.php</strong> (Theme Functions) file in your theme.<br />
2. Put this code on the top after code <u>&lt;?php</u></p>
<p><code>remove_filter(&#039;comment_text&#039;, &#039;make_clickable&#039;, 9);<br />
add_filter(&#039;comment_text&#039;, &#039;wp_filter_nohtml_kses&#039;);<br />
add_filter(&#039;comment_text_rss&#039;, &#039;wp_filter_nohtml_kses&#039;);<br />
add_filter(&#039;comment_excerpt&#039;, &#039;wp_filter_nohtml_kses&#039;);</code> </p>
<p>3. Save it.</p>
<p>All is done. Now you can test your comment form. Have work!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.bloggerstemplate.com/2010/12/17/disable-link-in-comment-form-wordpress/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Disable Outgoing Links Post WP Plugin</title>
		<link>http://www.bloggerstemplate.com/2010/08/23/disable-outgoing-links-post-wp-plugin</link>
		<comments>http://www.bloggerstemplate.com/2010/08/23/disable-outgoing-links-post-wp-plugin#comments</comments>
		<pubDate>Mon, 23 Aug 2010 22:35:57 +0000</pubDate>
		<dc:creator>Admin</dc:creator>
				<category><![CDATA[Tutorial]]></category>
		<category><![CDATA[WordPress Plugin]]></category>

		<guid isPermaLink="false">http://www.bloggerstemplate.com/?p=211</guid>
		<description><![CDATA[I'd just create plugin that use for <strong>disable outgoing link</strong> in your blogpost. This plugin work with exclude internal link and will be disable of external link. Just upload the plugin in your blog plugin root directory and activate it. I just recommend to use this plugin if you don't need to put outgoing link to your post. Just try it!]]></description>
			<content:encoded><![CDATA[<p>I&#8217;d just create plugin that use for <strong>disable outgoing link</strong> in your blogpost. This plugin work with exclude internal link and will be disable of external link. Just upload the plugin in your blog plugin root directory and activate it. I just recommend to use this plugin if you don&#8217;t need to put outgoing link to your post. Just try it!</p>
<p><a rel="nofollow" target="_blank" href="http://www.ziddu.com/download/11349068/disable_outgoing_links.zip.html"><strong>Download WordPress Plugin Disable Outgoing Links Post</strong></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.bloggerstemplate.com/2010/08/23/disable-outgoing-links-post-wp-plugin/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Why you have to use WordPress for your web?</title>
		<link>http://www.bloggerstemplate.com/2010/07/23/why-you-have-to-use-wordpress-for-your-web</link>
		<comments>http://www.bloggerstemplate.com/2010/07/23/why-you-have-to-use-wordpress-for-your-web#comments</comments>
		<pubDate>Fri, 23 Jul 2010 16:56:16 +0000</pubDate>
		<dc:creator>Admin</dc:creator>
				<category><![CDATA[Tutorial]]></category>
		<category><![CDATA[Wordpress]]></category>

		<guid isPermaLink="false">http://www.bloggerstemplate.com/?p=200</guid>
		<description><![CDATA[Adam Schwartz writes Top 10 Reasons To Use WordPress.org For Your Website in his blog. Here the list top ten reason to use WordPress for your web: 1. WordPress is Truly Free and Open Source 2. Automattic is an Awesome Company 3. Plugins Give You More Functionality 4. The Visual Editor and CMS are Outstanding [...]]]></description>
			<content:encoded><![CDATA[<p>Adam Schwartz writes <a target="_blank" href="http://www.computercourage.com/2010/07/21/top-10-reasons-to-use-wordpress-org-for-your-website/">Top 10 Reasons To Use WordPress.org For Your Website</a> in his blog. Here the list top ten reason to use WordPress for your web:<br />
1. WordPress is Truly Free and Open Source<br />
2. Automattic is an Awesome Company<br />
3. Plugins Give You More Functionality<br />
4. The Visual Editor and CMS are Outstanding<br />
5. Easily Add a Blog To Your Site<br />
6. Themes Let You Style Your Site<br />
7. It’s Easy to Keep WordPress Secure<br />
8. Google Loves WordPress<br />
9. WordPress Sites are Accessible<br />
10. Your Site Can Grow With You</p>
<p>Find more details about those reasons why he talk about it.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.bloggerstemplate.com/2010/07/23/why-you-have-to-use-wordpress-for-your-web/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>How could resize the header of Twenty Ten theme?</title>
		<link>http://www.bloggerstemplate.com/2010/06/20/how-could-resize-the-header-of-twenty-ten-theme</link>
		<comments>http://www.bloggerstemplate.com/2010/06/20/how-could-resize-the-header-of-twenty-ten-theme#comments</comments>
		<pubDate>Sun, 20 Jun 2010 17:07:11 +0000</pubDate>
		<dc:creator>Admin</dc:creator>
				<category><![CDATA[Tutorial]]></category>
		<category><![CDATA[Twenty Ten theme]]></category>
		<category><![CDATA[Wordpress]]></category>

		<guid isPermaLink="false">http://www.bloggerstemplate.com/?p=196</guid>
		<description><![CDATA[The header images of exactly 940 × 198 pixels will be used as-is. You can change the header image in any time. Thats available header option to do that. If you think the header theme is too height in size, you can modify and resize them via function.php.]]></description>
			<content:encoded><![CDATA[<p>Theme default of WordPress have been changed. The new theme is <a href="http://wordpress.org/extend/themes/twenty-ten"><strong>Twenty Ten</strong></a>. This theme is very stylist. The header images of exactly 940 × 198 pixels will be used as-is. You can change the header image in any time.  Thats available header option to do that. If you think the header theme is too height in size, you can modify and resize them via <em>function.php</em>.</p>
<p>Just change the size 198 in this <u>function.php</u> code:<br />
<code>define( 'HEADER_IMAGE_HEIGHT', apply_filters( 'twentyten_header_image_height', <u>198</u> ) );</code></p>
<p>After you change the height size, you must have an image header in the same size and upload it via header option (on your dashboard). Just the simple huh <img src='http://www.bloggerstemplate.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
]]></content:encoded>
			<wfw:commentRss>http://www.bloggerstemplate.com/2010/06/20/how-could-resize-the-header-of-twenty-ten-theme/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>How to find Category ID in wordpress</title>
		<link>http://www.bloggerstemplate.com/2008/11/28/how-to-find-category-id-in-wordpress</link>
		<comments>http://www.bloggerstemplate.com/2008/11/28/how-to-find-category-id-in-wordpress#comments</comments>
		<pubDate>Fri, 28 Nov 2008 10:23:49 +0000</pubDate>
		<dc:creator>Admin</dc:creator>
				<category><![CDATA[Tutorial]]></category>
		<category><![CDATA[Category ID]]></category>

		<guid isPermaLink="false">http://www.bloggerstemplate.com/2008/11/28/how-to-find-category-id-in-wordpress/</guid>
		<description><![CDATA[I have been design a couple theme of wordpress. A large of number of my theme full with customization. For the example, If you download &#8220;Magazine Evolution&#8221; theme, you have to arrange the code such as category ID. The question is &#8220;How to find Category ID in wordpress ? &#8221; see the pictures below : [...]]]></description>
			<content:encoded><![CDATA[<p>I have been design a couple theme of wordpress. A large of number of my theme full with customization. For the example, If you download &#8220;<a href="http://bloggerstemplate.com/magazineevolution" target="_blank"><strong>Magazine Evolution</strong></a>&#8221; theme, you have to arrange the code such as category ID.</p>
<p>The question is &#8220;How to find Category ID in wordpress ? &#8221; see the pictures below :<br />
<a href="http://www.bloggerstemplate.com/wp-content/uploads/2008/11/how_to_find_category_id_in_wordpress.jpg" title="How to find Category ID in wordpress"></a></p>
<p style="text-align: center"><a href="http://www.bloggerstemplate.com/wp-content/uploads/2008/11/how_to_find_category_id_in_wordpress.jpg" title="How to find Category ID in wordpress"><img src="http://www.bloggerstemplate.com/wp-content/uploads/2008/11/how_to_find_category_id_in_wordpress.jpg" alt="How to find Category ID in wordpress" width="359" height="339" /></a></p>
<p align="center"><strong>click image to enlarge</strong></p>
<p>Point your cursor to one of your category at  your Manage Category administrator and see of the bottom your screen at status bar. You will find the category ID then put them in the code.</p>
<p><strong>Example:</strong></p>
<p>Manage Category ID under <strong>index.php</strong> : in the CAT SECTION TOP LEFT/RIGHT, CAT SECTION MIDDLE LEFT/RIGHT,CAT SECTION BOTTOM LEFT/RIGHT you will find this code :<br />
&#8230;&#8230;$display_categories = array(1<strong>-&gt;THIS IS CATEGORY ID-CHANGE THIS VALUE</strong>);&#8230;&#8230;..</p>
<p>and you will customize another files to customize ID categories. Let me know if you need question.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.bloggerstemplate.com/2008/11/28/how-to-find-category-id-in-wordpress/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Animation Banner Tutorial</title>
		<link>http://www.bloggerstemplate.com/2008/02/01/animation-banner-tutorial</link>
		<comments>http://www.bloggerstemplate.com/2008/02/01/animation-banner-tutorial#comments</comments>
		<pubDate>Fri, 01 Feb 2008 08:58:47 +0000</pubDate>
		<dc:creator>Admin</dc:creator>
				<category><![CDATA[Banner]]></category>
		<category><![CDATA[Tutorial]]></category>

		<guid isPermaLink="false">http://bloggerstemplate.com/2008/02/01/animation-banner-tutorial/</guid>
		<description><![CDATA[Some of of blogger ask me about how to made animation banner as my banners design. But i haven&#8217;t too much time to arrange the tutorial of animation banner before, apologize me guys . But now, the time is coming after to much jobs on the net in which i&#8217;ve to done first. Ok enough [...]]]></description>
			<content:encoded><![CDATA[<p>Some of of blogger ask me about how to made animation banner as my banners design. But i haven&#8217;t too much time to arrange the tutorial of animation banner before, apologize me guys <img src='http://www.bloggerstemplate.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> . But now, the time is coming after to much jobs on the net in which i&#8217;ve to done first. Ok enough for bullshit talkin. Lets we started&#8230; I will guide you how to made a simple Banner. But the first you must read this requirement (important:&gt; ) :</p>
<blockquote style="font-style: italic"><p><span style="font-weight: bold">1</span>. You must to know how to applicate and design in <span style="font-weight: bold">Adobe Photoshop</span>, if you couldn&#8217;t do ever yet, I suggest you to learn Adobe Photoshop first. You can learn it at Adobe Photoshop Tutorial under Help menu in Adobe Photoshop Software.<br />
<span style="font-weight: bold">2</span>. You must have imagination what kind of banner that you wanna create before you do it. Why? because the banner which you wanna create is animation banner. Think and Feel before you jump it. <img src='http://www.bloggerstemplate.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /><br />
<span style="font-weight: bold">3</span>. Of course, you must have <span style="font-weight: bold">Adobe Photoshop 7</span> or higher (<span style="font-weight: bold">Adobe Photoshop CS</span>) with <span style="font-weight: bold">Adobe Image Ready</span> Application (nb:Automatic installed if you install Adobe Photoshop) in your PC. That’s all.</p></blockquote>
<p><span id="more-3"></span><br />
<img src="http://img143.imageshack.us/img143/3610/jeprutmf7.gif" style="margin-right: 4px" align="left" />This is just for an example of animation banner in which we want to made banner. I used Adobe Photoshop 7, if you have the higher, thats more better. Are you ready? Right!. Just follow step-by-step the instruction:</p>
<p>1. As my requirement on No.1 You must create the banner design with 132 x 53 pixels in Adobe Photoshop first and design it as the pictures below. The pixels size are depend on you.</p>
<p style="text-align: center"><a href="http://bp1.blogger.com/_bvGlQDF1UF8/R4vgscZLu8I/AAAAAAAAAro/bRaY01GzhOM/s1600-h/3.jpg" ><img src="http://bp1.blogger.com/_bvGlQDF1UF8/R4vgscZLu8I/AAAAAAAAAro/bRaY01GzhOM/s400/3.jpg" style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer" alt="Animation Banner Tutorial" id="BLOGGER_PHOTO_ID_5155461252596349890" border="0" /></a><br />
<span style="font-style: italic">click image for enlarge</span></p>
<p>2. After Banner that will be made to animation was finished, do jump to the image ready. See the pictures below.</p>
<p><a href="http://bp3.blogger.com/_bvGlQDF1UF8/R4vkS8ZLvPI/AAAAAAAAAuA/HDbdJxLyqi8/s1600-h/JUMP.jpg" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img src="http://bp3.blogger.com/_bvGlQDF1UF8/R4vkS8ZLvPI/AAAAAAAAAuA/HDbdJxLyqi8/s400/JUMP.jpg" style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer" alt="Animation Banner Tutorial" id="BLOGGER_PHOTO_ID_5155465212556197106" border="0" /></a><br />
3. Your  layout design will open to Adobe Image Ready. Thats looked like this</p>
<p style="text-align: center"><a href="http://bp2.blogger.com/_bvGlQDF1UF8/R4vgssZLu9I/AAAAAAAAArw/16rfMCrHmS8/s1600-h/4.jpg" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img src="http://bp2.blogger.com/_bvGlQDF1UF8/R4vgssZLu9I/AAAAAAAAArw/16rfMCrHmS8/s400/4.jpg" style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer" alt="Animation Banner Tutorial" id="BLOGGER_PHOTO_ID_5155461256891317202" border="0" /></a><br />
<span style="font-style: italic">click image for enlarge</span></p>
<blockquote><p>You only used toolbox, animate and the layer window to design yours in Adobe Image ready. If The Animated window doesn’t appear on your layout, you could switch it at <span style="font-weight: bold">Animation</span> under <span style="font-weight: bold">Window</span> Menu.</p></blockquote>
<p>4. Select<span style="font-weight: bold"> first frame</span> at <span style="font-weight: bold">Animation Window</span> and <span style="color: #990000; font-weight: bold">hide</span> <span style="font-weight: bold">the eye</span> in <span style="font-weight: bold">Layer window</span> with click it. Don’t hide at all, just selected layers only, do it as the picture below OK!</p>
<p style="text-align: center"><a href="http://bp2.blogger.com/_bvGlQDF1UF8/R4vgssZLu-I/AAAAAAAAAr4/N2u7YMzHHr8/s1600-h/5.jpg" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img src="http://bp2.blogger.com/_bvGlQDF1UF8/R4vgssZLu-I/AAAAAAAAAr4/N2u7YMzHHr8/s400/5.jpg" style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer" alt="Animation Banner Tutorial" id="BLOGGER_PHOTO_ID_5155461256891317218" border="0" /></a><br />
<span style="font-style: italic">click image for enlarge</span></p>
<p>6. Then, select the <span style="font-weight: bold">first frame</span> again and made duplicate of this frame with click <span style="font-weight: bold">Duplicate current frame</span> Icon. <span style="font-weight: bold; color: #990000">Unhide</span> the eye of <span style="font-style: italic">“Jeprut”</span> layer. Make sure unhide it right on of the duplicate frame result. That’s will be look as the picture below <span style="color: #cc0000; font-style: italic">(on red hand shadow)</span>.</p>
<p style="text-align: center"><a href="http://bp3.blogger.com/_bvGlQDF1UF8/R4vgs8ZLu_I/AAAAAAAAAsA/dJGsQn0gIFg/s1600-h/6.jpg" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img src="http://bp3.blogger.com/_bvGlQDF1UF8/R4vgs8ZLu_I/AAAAAAAAAsA/dJGsQn0gIFg/s400/6.jpg" style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer" alt="Animation Banner Tutorial" id="BLOGGER_PHOTO_ID_5155461261186284530" border="0" /></a><br />
<span style="font-style: italic">click image for enlarge</span></p>
<p>7. Now, we will get started to animate it. Click <span style="font-weight: bold">Tween</span> Icon (see the hand) , <span style="font-weight: bold">Tween window</span> will display and make sure the option as the picture below.</p>
<p style="text-align: center"><a href="http://bp2.blogger.com/_bvGlQDF1UF8/R4vh9sZLvAI/AAAAAAAAAsI/02CxJz9gs6A/s1600-h/7.jpg" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img src="http://bp2.blogger.com/_bvGlQDF1UF8/R4vh9sZLvAI/AAAAAAAAAsI/02CxJz9gs6A/s400/7.jpg" style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer" alt="Animation Banner Tutorial" id="BLOGGER_PHOTO_ID_5155462648460721154" border="0" /></a><br />
<span style="font-style: italic">click image for enlarge</span></p>
<blockquote><p>Then Click OK! It will be look like this&#8230;</p></blockquote>
<p style="text-align: center"><a href="http://bp2.blogger.com/_bvGlQDF1UF8/R4vh9sZLvBI/AAAAAAAAAsQ/TDXhSgtHLRg/s1600-h/8.jpg" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img src="http://bp2.blogger.com/_bvGlQDF1UF8/R4vh9sZLvBI/AAAAAAAAAsQ/TDXhSgtHLRg/s400/8.jpg" style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer" alt="Animation Banner Tutorial" id="BLOGGER_PHOTO_ID_5155462648460721170" border="0" /></a><span style="font-style: italic">click image for enlarge</span><br />
8. As step of No.6-7. But you will do it again for the last frame. Select frame 5th – duplicate it– unhide “HERE” layer – tween it. See the pictures</p>
<p><a href="http://bp3.blogger.com/_bvGlQDF1UF8/R4vh98ZLvCI/AAAAAAAAAsY/DvEdrIr_T-I/s1600-h/9.jpg" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img src="http://bp3.blogger.com/_bvGlQDF1UF8/R4vh98ZLvCI/AAAAAAAAAsY/DvEdrIr_T-I/s400/9.jpg" style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer" alt="Animation Banner Tutorial" id="BLOGGER_PHOTO_ID_5155462652755688482" border="0" /></a></p>
<p style="text-align: center"><a href="http://bp3.blogger.com/_bvGlQDF1UF8/R4vh98ZLvDI/AAAAAAAAAsg/GRd1MUkl8-E/s1600-h/10.jpg" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img src="http://bp3.blogger.com/_bvGlQDF1UF8/R4vh98ZLvDI/AAAAAAAAAsg/GRd1MUkl8-E/s400/10.jpg" style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer" alt="Animation Banner Tutorial" id="BLOGGER_PHOTO_ID_5155462652755688498" border="0" /></a><br />
<span style="font-style: italic">click image for enlarge</span></p>
<p>9. As step of No.6-7. Again for the last frame. Select frame 9th – duplicate – unhide “VISIT” layer – tween.  See the pictures</p>
<p><a href="http://bp3.blogger.com/_bvGlQDF1UF8/R4vh98ZLvEI/AAAAAAAAAso/374PNkMYCkw/s1600-h/11.jpg" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img src="http://bp3.blogger.com/_bvGlQDF1UF8/R4vh98ZLvEI/AAAAAAAAAso/374PNkMYCkw/s400/11.jpg" style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer" alt="Animation Banner Tutorial" id="BLOGGER_PHOTO_ID_5155462652755688514" border="0" /></a></p>
<p style="text-align: center"><a href="http://bp1.blogger.com/_bvGlQDF1UF8/R4vi6cZLvFI/AAAAAAAAAsw/GrzsN-Aj5XA/s1600-h/12.jpg" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img src="http://bp1.blogger.com/_bvGlQDF1UF8/R4vi6cZLvFI/AAAAAAAAAsw/GrzsN-Aj5XA/s400/12.jpg" style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer" alt="Animation Banner Tutorial" id="BLOGGER_PHOTO_ID_5155463692137774162" border="0" /></a><br />
<span style="font-style: italic">click image for enlarge</span></p>
<p>10. As step of No.6. For the last frame once more. Select frame 13th – duplicate – unhide “ME” layer – tween. See the picture</p>
<p style="text-align: center"><a href="http://bp1.blogger.com/_bvGlQDF1UF8/R4vi6cZLvGI/AAAAAAAAAs4/9i229jOq0I8/s1600-h/13.jpg" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img src="http://bp1.blogger.com/_bvGlQDF1UF8/R4vi6cZLvGI/AAAAAAAAAs4/9i229jOq0I8/s400/13.jpg" style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer" alt="Animation Banner Tutorial" id="BLOGGER_PHOTO_ID_5155463692137774178" border="0" /></a><span style="font-style: italic">click image for enlarge</span></p>
<p><span style="font-style: italic">(nb:sorry&#8230;. i forget to made  screenshoot of the tween result  at this section :&gt;)</span></p>
<p>11. Then we will manipulate this banner, so that the loop will work correctly. As step of No.6-7 any more but you hide the eyes of selected layers. Select frame 17th – duplicate – hide <span style="font-style: italic">“JEPRUT”</span> <span style="font-style: italic">“HERE”</span> <span style="font-style: italic">“VISIT”</span> AND <span style="font-style: italic">“ME”</span> layers. No Tween any more. See the pictures</p>
<p style="text-align: center"><a href="http://bp2.blogger.com/_bvGlQDF1UF8/R4vi6sZLvII/AAAAAAAAAtI/_nnW72hOV-g/s1600-h/15.jpg" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img src="http://bp2.blogger.com/_bvGlQDF1UF8/R4vi6sZLvII/AAAAAAAAAtI/_nnW72hOV-g/s400/15.jpg" style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer" alt="Animation Banner Tutorial" id="BLOGGER_PHOTO_ID_5155463696432741506" border="0" /></a><span style="font-style: italic">click image for enlarge</span></p>
<p>12. Now we will give  timing for each frame. Select all animation frames <span style="font-style: italic">(Hold down “Shift button” on your keyboard and click 1st frame and the last frame)</span>. Click the <span style="font-weight: bold">Timing button</span> <span style="font-style: italic">(Small triangle)</span> and choose <span style="color: #000066; font-weight: bold">0.2</span> second. See the pictures</p>
<p><a href="http://bp3.blogger.com/_bvGlQDF1UF8/R4vi68ZLvJI/AAAAAAAAAtQ/UXlXsoQXMWM/s1600-h/16.jpg" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img src="http://bp3.blogger.com/_bvGlQDF1UF8/R4vi68ZLvJI/AAAAAAAAAtQ/UXlXsoQXMWM/s400/16.jpg" style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer" alt="Animation Banner Tutorial" id="BLOGGER_PHOTO_ID_5155463700727708818" border="0" /></a></p>
<p style="text-align: center"><a href="http://bp1.blogger.com/_bvGlQDF1UF8/R4vkTcZLvRI/AAAAAAAAAuQ/E-L1kG5EycQ/s1600-h/aaa.jpg" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img src="http://bp1.blogger.com/_bvGlQDF1UF8/R4vkTcZLvRI/AAAAAAAAAuQ/E-L1kG5EycQ/s400/aaa.jpg" style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer" alt="Animation Banner Tutorial" id="BLOGGER_PHOTO_ID_5155465221146131730" border="0" /></a><span style="font-style: italic">click image for enlarge</span></p>
<p>13. For the continous of your banner loop. Click the small triangle <span style="font-weight: bold">Forever button</span> (see the pictures) and choose “<span style="color: #000099; font-weight: bold">Forever</span>”. Its Done!</p>
<p style="text-align: center"><a href="http://bp2.blogger.com/_bvGlQDF1UF8/R4vj4sZLvLI/AAAAAAAAAtg/2BWrdtaum40/s1600-h/18.jpg" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img src="http://bp2.blogger.com/_bvGlQDF1UF8/R4vj4sZLvLI/AAAAAAAAAtg/2BWrdtaum40/s400/18.jpg" style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer" alt="Animation Banner Tutorial" id="BLOGGER_PHOTO_ID_5155464761584630962" border="0" /></a><br />
<span style="font-style: italic">click image for enlarge</span></p>
<p>14. Now you can playing this animation banner for first time before you save it. Click <span style="font-weight: bold">Play/Stop Animation Button</span> (See the picture)</p>
<p><a href="http://bp3.blogger.com/_bvGlQDF1UF8/R4vj48ZLvMI/AAAAAAAAAto/fcMdxT431QY/s1600-h/19.jpg" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img src="http://bp3.blogger.com/_bvGlQDF1UF8/R4vj48ZLvMI/AAAAAAAAAto/fcMdxT431QY/s400/19.jpg" style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer" alt="Animation Banner Tutorial" id="BLOGGER_PHOTO_ID_5155464765879598274" border="0" /></a><br />
15. Finally you could Save it Now. Follow this steps: On the menu, click <span style="font-weight: bold">File</span>, choose “<span style="font-weight: bold">Save Optimized as</span>”, Fill the <span style="font-weight: bold">names</span> of your banner, on the “<span style="font-weight: bold">save as type</span>” option choose “<span style="font-weight: bold">.gif</span>” format, then Save it! See the pictures</p>
<p><a href="http://bp3.blogger.com/_bvGlQDF1UF8/R4vj48ZLvNI/AAAAAAAAAtw/tDvpLVw14Zs/s1600-h/20.jpg" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img src="http://bp3.blogger.com/_bvGlQDF1UF8/R4vj48ZLvNI/AAAAAAAAAtw/tDvpLVw14Zs/s400/20.jpg" style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer" alt="Animation Banner Tutorial" id="BLOGGER_PHOTO_ID_5155464765879598290" border="0" /></a><br />
<a href="http://bp0.blogger.com/_bvGlQDF1UF8/R4vj5MZLvOI/AAAAAAAAAt4/T4EfEO-InPs/s1600-h/21.jpg" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img src="http://bp0.blogger.com/_bvGlQDF1UF8/R4vj5MZLvOI/AAAAAAAAAt4/T4EfEO-InPs/s400/21.jpg" style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer" alt="Animation Banner Tutorial" id="BLOGGER_PHOTO_ID_5155464770174565602" border="0" /></a></p>
<p style="text-align: center"><span style="font-style: italic">click image for enlarge</span></p>
<p>Well Done! Have work with your imagination. That’s easy hah.. <img src='http://www.bloggerstemplate.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> .</p>
]]></content:encoded>
			<wfw:commentRss>http://www.bloggerstemplate.com/2008/02/01/animation-banner-tutorial/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>

