<?xml version="1.0" encoding="UTF-8" standalone="no"?><?xml-stylesheet href="http://www.blogger.com/styles/atom.css" type="text/css"?><rss xmlns:itunes="http://www.itunes.com/dtds/podcast-1.0.dtd" version="2.0"><channel><title>Tutorial</title><description></description><managingEditor>noreply@blogger.com (Lintang Aries)</managingEditor><pubDate>Fri, 1 Nov 2024 03:35:05 -0700</pubDate><generator>Blogger http://www.blogger.com</generator><openSearch:totalResults xmlns:openSearch="http://a9.com/-/spec/opensearchrss/1.0/">8</openSearch:totalResults><openSearch:startIndex xmlns:openSearch="http://a9.com/-/spec/opensearchrss/1.0/">1</openSearch:startIndex><openSearch:itemsPerPage xmlns:openSearch="http://a9.com/-/spec/opensearchrss/1.0/">25</openSearch:itemsPerPage><link>http://tutorial-serbaserbi.blogspot.com/</link><language>en-us</language><itunes:explicit>no</itunes:explicit><itunes:subtitle/><itunes:category text="Technology"><itunes:category text="Tech News"/></itunes:category><itunes:owner><itunes:email>noreply@blogger.com</itunes:email></itunes:owner><item><title>A Magic WordPress Plugins That Changed Everything About Blogging… Generate Fresh Content, Traffics and Earn $1000 Cash on Autopilot</title><link>http://tutorial-serbaserbi.blogspot.com/2011/06/magic-wordpress-plugins-that-changed.html</link><author>noreply@blogger.com (Lintang Aries)</author><pubDate>Fri, 3 Jun 2011 21:14:00 -0700</pubDate><guid isPermaLink="false">tag:blogger.com,1999:blog-385673322375774029.post-673612271416103777</guid><description>&lt;h3 style="text-align: center;"&gt;Get The Magic Plugins To Dramatically Transform Your Blogs To Easy Money Making Machine!&lt;/h3&gt;&amp;nbsp; &lt;br /&gt;
&lt;b&gt;Dear Blogger,&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&lt;br /&gt;
&lt;/b&gt;&lt;br /&gt;
&lt;div style="text-align: justify;"&gt;I just quickly want to get an &lt;b&gt;&lt;i&gt;urgent &lt;/i&gt;&lt;/b&gt;message  across to you. If you can spare a few minutes to read every word of  this page you’re going to discover a new time-saving WordPress plugins .  This plugin will &lt;b&gt;&lt;i&gt;shockingly &lt;/i&gt;&lt;/b&gt;transform your  blogging experience, skyrocket your traffic and make you more money from  every WordPress site you have – with few clicks.&lt;/div&gt;&lt;br /&gt;
&lt;b&gt;Introducing… &lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&lt;br /&gt;
&lt;/b&gt;&lt;br /&gt;
&lt;h2 style="text-align: center;"&gt;“A Magic WordPress Plugin That Changed Everything About Blogging…”&lt;/h2&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-OSrmDp3h1tKjBpzaP4OzbtJvo9FXzQrXusmExp-f1V3JDulegxtoqdrnkWkXTh-4Nlyd4qC4Hg_Xw32fYQPXYErzZazKO3aOZ_MT8wTeYLDUzh45P-fYefL3_5SK7qg7HdHf0sF4IPw/s1600/addposts.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-OSrmDp3h1tKjBpzaP4OzbtJvo9FXzQrXusmExp-f1V3JDulegxtoqdrnkWkXTh-4Nlyd4qC4Hg_Xw32fYQPXYErzZazKO3aOZ_MT8wTeYLDUzh45P-fYefL3_5SK7qg7HdHf0sF4IPw/s1600/addposts.jpg" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;h2 style="text-align: center;"&gt;&amp;nbsp;&lt;/h2&gt;&lt;h3 style="text-align: center;"&gt;WP Simplicity Add Posts Affiliate Add-on Plugin!&lt;/h3&gt;&lt;div style="text-align: center;"&gt;&lt;big&gt;Simply   enter your affiliate ID  for programs like  Amazon.com,  Ebay,  Clickbank and more and this  plugin will “scrape”  products and   automatically add them to posts  with your affiliate ID  already   embedded!&lt;/big&gt;&lt;/div&gt;&lt;div style="text-align: center;"&gt;&lt;b&gt;&lt;big&gt;Earn $1000 Cash On Autopilot !&lt;/big&gt;&lt;/b&gt;&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKTegUn6GG9Uaz4F923lD81l4fLiZTEBF1pwbUX7dqr0SUmloPvnrtGxXiZGisCvQFXmyBT1O6hnQr_i8s_wKljXcd_H0T57y4yIV3GZTDFMK_VF7O_OO91ckuAyRo5MpR9w-dAccJW7E/s1600/cover.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKTegUn6GG9Uaz4F923lD81l4fLiZTEBF1pwbUX7dqr0SUmloPvnrtGxXiZGisCvQFXmyBT1O6hnQr_i8s_wKljXcd_H0T57y4yIV3GZTDFMK_VF7O_OO91ckuAyRo5MpR9w-dAccJW7E/s320/cover.jpg" width="284" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div style="text-align: center;"&gt;&lt;/div&gt;&lt;div style="text-align: center;"&gt;&lt;b&gt;&lt;big&gt;&lt;/big&gt;&lt;/b&gt;&lt;br /&gt;
&lt;ul style="text-align: justify;"&gt;&lt;li&gt;&lt;b&gt; You Do Not Need To &lt;/b&gt;buy any other auto blogging tools&lt;/li&gt;
&lt;li&gt;&lt;b&gt; &lt;/b&gt;&lt;b&gt; &lt;/b&gt;&lt;b&gt; &lt;/b&gt;&lt;b&gt; You Do Not Need To &lt;/b&gt;spend more time to set up blogs&lt;/li&gt;
&lt;li&gt;&lt;b&gt; &lt;/b&gt;&lt;b&gt; You Do Not Need To &lt;/b&gt;hire any freelancer to write posts for you&lt;/li&gt;
&lt;li&gt;&lt;b&gt; &lt;/b&gt;&lt;b&gt; You Do Not Need To &lt;/b&gt;spend hours and hours creating content&lt;/li&gt;
&lt;li&gt;&lt;b&gt; &lt;/b&gt;&lt;b&gt; You Do Not Need To &lt;/b&gt;worry about content duplication or copyright issues&lt;/li&gt;
&lt;li&gt;&lt;b&gt; &lt;/b&gt;&lt;b&gt; You Do Not Need To &lt;/b&gt;spend hours installing plugins one by one&lt;/li&gt;
&lt;li&gt;&lt;b&gt; &lt;/b&gt;&lt;b&gt; You Do Not Need To &lt;/b&gt;bother with search engine optimization&lt;/li&gt;
&lt;li&gt;&lt;b&gt; &lt;/b&gt;&lt;b&gt; You Do Not Need To &lt;/b&gt;work very hard blogging for real cash at all!&lt;/li&gt;
&lt;/ul&gt;&lt;div&gt;&lt;/div&gt;&lt;div style="text-align: justify;"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div style="text-align: justify;"&gt;&lt;/div&gt;&lt;div style="text-align: justify;"&gt;You can take the easy path to successful blogging online. Just select  a few options on your blog and see the transformation happening in real  time.&lt;/div&gt;&lt;div style="text-align: justify;"&gt;&lt;/div&gt;&lt;h4 style="background-color: #9fc5e8; text-align: justify;"&gt;Only Moments After You Start To Use This Plugin, You Will Never Regret Landing on This page…&lt;/h4&gt;&lt;div style="text-align: justify;"&gt;&lt;/div&gt;&lt;div style="text-align: justify;"&gt;&amp;nbsp;&lt;b&gt;True “one-click” installation&lt;/b&gt;, You can add loads and loads of popular plugins.&lt;/div&gt;&lt;div style="text-align: justify;"&gt;&lt;/div&gt;&lt;div style="text-align: justify;"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div style="text-align: justify;"&gt;&lt;/div&gt;&lt;div style="text-align: justify;"&gt;&lt;b&gt;One-click automatic set up&lt;/b&gt; of preset search engine  friendly permalinks for the purpose of search engine optimization (SEO)  and Automatically lays out and configures the basic pages such as About  us, Contact us, Privacy policy and Sitemap. All with instant content!  Total control over content posted on your blogs. You decide, plan,  manage or edit your blog content and the layout you prefer which boosts  your site rankings and position in the search engines.&lt;/div&gt;&lt;div style="text-align: justify;"&gt;&lt;/div&gt;&lt;div style="text-align: justify;"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div style="text-align: justify;"&gt;&lt;/div&gt;&lt;div style="text-align: justify;"&gt;&lt;b&gt;Create automated, targeted posts&lt;/b&gt; that are relevant  to the niche you are promoting by in-putting a single keyword. It  generates keyword rich articles from which you can simply select which  content you want to use.&lt;/div&gt;&lt;div style="text-align: justify;"&gt;&lt;/div&gt;&lt;div style="text-align: justify;"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div style="text-align: justify;"&gt;&lt;/div&gt;&lt;div style="text-align: justify;"&gt;&lt;b&gt;Create video posts&lt;/b&gt; for any targeted keyword/keyword  phrase of your choice. You can have WP Simplicity insert video posts  from YouTube with the video title and/or descriptions using your  targeted keywords. Instant contents creation with on-topic photos and  images.&lt;/div&gt;&lt;div style="text-align: justify;"&gt;&lt;/div&gt;&lt;div style="text-align: justify;"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div style="text-align: justify;"&gt;&lt;/div&gt;&lt;div style="text-align: justify;"&gt;&lt;b&gt;Easily promote products from Clickbank and earn cool affiliate commission&lt;/b&gt;.  With this plugin, you can enhance your posts by promoting Clickbank  products related to your blog niche with your Clickbank ID. Products can  be selected using different criteria such as gravity, popularity,  keyword relevance, etc.&lt;/div&gt;&lt;div style="text-align: justify;"&gt;&lt;/div&gt;&lt;div style="text-align: justify;"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div style="text-align: justify;"&gt;&lt;/div&gt;&lt;div style="text-align: justify;"&gt;&lt;b&gt;Earn commission with Amazon products and Ebay. &lt;/b&gt; You  can easily create posts with as many Amazon products as you want with  the keyword/keyword phrase you choose and earn commission for every sale  made from your referral.&lt;/div&gt;&lt;div style="text-align: justify;"&gt;&lt;/div&gt;&lt;div style="text-align: justify;"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div style="text-align: justify;"&gt;&lt;/div&gt;&lt;div style="text-align: justify;"&gt;&lt;b&gt;Insert news about your blog niche.&lt;/b&gt; You can post  latest news relating to your niche at any time of the day on your blog  with this transforming plugin. You don’t need to worry about copyright  issues. WP Simplicity grabs contents which are allowed to be republished  by its creators (public domain) from official API programs!&lt;/div&gt;&lt;div style="text-align: justify;"&gt;&lt;/div&gt;&lt;div style="text-align: justify;"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div style="text-align: justify;"&gt;&lt;/div&gt;&lt;div style="text-align: justify;"&gt;&lt;b&gt;One-Time Affiliate Link Set up&lt;/b&gt;. All product links  from Clickbank, Amazon and Ebay are pre-loaded and populated with your  affiliate links – so every time someone clicks through and buys  something you will earn a commission.&lt;/div&gt;&lt;div style="text-align: justify;"&gt;&lt;/div&gt;&lt;div style="text-align: justify;"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div style="text-align: justify;"&gt;&lt;/div&gt;&lt;div style="text-align: justify;"&gt;&lt;b&gt;It’s Quick and Easy to install.&lt;/b&gt;.. You don’t need to  be a technical expert and it installs in minutes! Extremely Easy to  Manage User Friendly Backend. WP Simplicity comes with user-friendly  backend that you can familiarize yourself with. No more waiting to  access your user guide. You will start configuring and setting up your  blog instantly after installation of the plugin. You don’t need any  technical knowledge or background to manage the backend. And much more…&lt;/div&gt;&lt;div style="text-align: justify;"&gt;&lt;/div&gt;&lt;div style="text-align: justify;"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div style="text-align: justify;"&gt;&lt;/div&gt;&lt;div style="text-align: justify;"&gt;&lt;b&gt;In fact, this plugin is quite unique, dynamic and revolutionary! It’s just too simple.&lt;/b&gt;&lt;/div&gt;&lt;b&gt;&lt;br /&gt;
&lt;/b&gt;&lt;br /&gt;
&lt;b&gt; &lt;/b&gt;&lt;br /&gt;
&lt;h2 style="text-align: center;"&gt;Also Get Other Best Plugins Below&lt;/h2&gt;&lt;br /&gt;
&lt;table border="0" cellpadding="0" cellspacing="0" style="width: 100px;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td&gt;&lt;/td&gt; &lt;/tr&gt;
&lt;tr&gt; &lt;td&gt;&lt;table align="center" background="images/testi_bg.jpg" border="0" cellpadding="0" cellspacing="0" style="width: 600px;"&gt;&lt;tbody&gt;
&lt;tr&gt; &lt;td&gt;&lt;table align="center" border="0"&gt;&lt;tbody&gt;
&lt;tr&gt; &lt;td width="510"&gt;&lt;div&gt;&lt;h4 style="background-color: #6fa8dc;"&gt;THE BEST PLUGINS #1&lt;/h4&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUJXUuY7QFopcdKFtfpY8vB-CZ4Ei68_u2rLxIC3GYx7-BFs6-YCvECUOhk1IDSde0nR7VZcGkZCEQeI4OQhxkcIGRSRUBNGYSjHQLWgKug5g1DWS4weQNYnnwifTdeeIsBCP8AqCip4Y/s1600/wpnoescape.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUJXUuY7QFopcdKFtfpY8vB-CZ4Ei68_u2rLxIC3GYx7-BFs6-YCvECUOhk1IDSde0nR7VZcGkZCEQeI4OQhxkcIGRSRUBNGYSjHQLWgKug5g1DWS4weQNYnnwifTdeeIsBCP8AqCip4Y/s320/wpnoescape.jpg" width="284" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;h4&gt;&amp;nbsp;Wp No Escape Plugin&lt;/h4&gt;Generate Non-Stop Traffic Using This Powerful New Plugin For Your  WordPress Blog…Get More Visitors, Subscribers, and Sales When You Use  It!”&lt;br /&gt;
Take Advantage Of Your Exit Traffic With UNBLOCKABLE Exit Technology That Converts Like Crazy!&lt;br /&gt;
Put An Exit Pop Up On Any/Every Page And/Or Post On Your Blog With A Few Clicks…&lt;br /&gt;
&lt;br /&gt;
&lt;big&gt;**********&lt;/big&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;h4 style="background-color: #6fa8dc;"&gt;THE BEST PLUGINS #2&lt;/h4&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgu_BPK2HH6oJdU5ruwjwsVxMIrNuAOzLpk5SaCj6cKDQ8mNYpzA2Np8AxOUBHPj0Rg2-U9HJQFRgpCxZRn175NmZBahxyjLhBCenV9MNS4_0IPjRSCgzXMoZnoM9M8he_cP_TfQgdJgDk/s1600/autolink.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgu_BPK2HH6oJdU5ruwjwsVxMIrNuAOzLpk5SaCj6cKDQ8mNYpzA2Np8AxOUBHPj0Rg2-U9HJQFRgpCxZRn175NmZBahxyjLhBCenV9MNS4_0IPjRSCgzXMoZnoM9M8he_cP_TfQgdJgDk/s320/autolink.jpg" width="284" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;h4&gt;&amp;nbsp;The Best Free Plugins For Internet Marketing&lt;/h4&gt;This Plugin Will Help You Make Money Instantly, add affiliate link&amp;nbsp; by keyword.&lt;br /&gt;
STEP 1 : Simply choose a keyword or keyword phrase that you wish to convert to an affiliate link.&lt;br /&gt;
STEP 2 : Hunt out your affiliate link and paste it into the space provided.&lt;br /&gt;
STEP 3 : Head over to your blog and watch as EVERY ONE of those keyword phrases is linked directly to your affiliate link!&lt;br /&gt;
STEP 4 : Rinse and repeat for as many keywords or keyword phrases as you want!&lt;br /&gt;
&lt;big&gt; &lt;/big&gt;&lt;big&gt;&lt;big&gt;&lt;br /&gt;
&lt;/big&gt;&lt;/big&gt;&lt;br /&gt;
**********&lt;br /&gt;
&lt;h4 style="background-color: #6fa8dc;"&gt;THE BEST PLUGINS #3&lt;/h4&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibqPTQFYrW3_TGdJqVvPSHydULvpzgUKXgzTkYgUTUep9Ypp73qCAK141aGHdCT2pvgKYZ7EPV6KtwYzGmJzDVTcwnpjRat-Knng0LEszxlQOBDpEv5fy-spkuwZNaxvYIEizpw43A2Xc/s1600/membership.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibqPTQFYrW3_TGdJqVvPSHydULvpzgUKXgzTkYgUTUep9Ypp73qCAK141aGHdCT2pvgKYZ7EPV6KtwYzGmJzDVTcwnpjRat-Knng0LEszxlQOBDpEv5fy-spkuwZNaxvYIEizpw43A2Xc/s320/membership.png" width="256" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;h4&gt;&amp;nbsp;&lt;/h4&gt;&lt;h3 style="text-align: left;"&gt;Micro-Membership Plug-In “Turn Your Word Press Blog Into A Money Grabbing Membership Site”&lt;/h3&gt;&lt;div&gt;&lt;b&gt;Fully Automated Membership System &lt;/b&gt;Micro-Membership  fully automates your membership system from the user registration to  confirmation of payment and account activation. Micro-Membership  integrates with the subscription and notification services of both  PayPal and ClickBank to fully automate the subscription billing and  payment process.&amp;nbsp; Micro-Membership generates the required PayPal or  ClickBank “Subscribe” buttons on the fly, so you don’t need to add or  change any WordPress code.&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;Fast Activation &amp;amp; Install &lt;/b&gt;Micro-Membership  installs just like any other WordPress plugin.&amp;nbsp; You can use use  WordPress’s Manual installation process or you can install “the old way”  – using FTP to place the plugin in your WordPress plugins directory.&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;Three (5)&amp;nbsp; Membership Levels&lt;/b&gt; Micro-Membership creates and manages three payment levels:&lt;br /&gt;
·&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; Free – the user has registered thru WordPress but has chosen not to pay for a subscription&lt;br /&gt;
·&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; Standard – the user has paid for the “standard” subscription&lt;br /&gt;
·&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; Premium – the user has pain for a “premium” level subscription&lt;br /&gt;
·&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; Executive – the user has paid for an “executive” level subscription&lt;br /&gt;
·&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; Elite – the user has paid for an “elite” level subscription&lt;br /&gt;
You don’t have to implement all five subscription levels; for  example, you may only use the “Paid” subscriptions.&amp;nbsp; That’s fine –  Micro-Membership still works great.&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;Start Your Own Affiliate Program&lt;/b&gt; Micro-Membership  fully integrates with ClickBank allowing you to recruit an army of  ClickBank affiliates to promote and send traffic to your membership  site.&lt;br /&gt;
Micro-Membership is everything you have been looking for in a Word  Press membership site manager plug in without the hefty price tag.&lt;br /&gt;
&lt;br /&gt;
&lt;/div&gt;&lt;br /&gt;
&lt;big&gt;&lt;big&gt; &lt;/big&gt;&lt;/big&gt;**********&lt;br /&gt;
&lt;h4 style="background-color: #6fa8dc;"&gt;THE BEST PLUGINS #4&lt;/h4&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitdSCG_RCXZ1LJ3r6F9hm1cJPjiYZKNyHngz7bagKeKPnB1EazAOPANAMKJpVzPllK6t04rccN9xpT8vOLvm9luth_vAJ3e683RufYEOj__UclDWtqgrmAauyKLGWa4jN3nvpQeMBhImI/s1600/paypal.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitdSCG_RCXZ1LJ3r6F9hm1cJPjiYZKNyHngz7bagKeKPnB1EazAOPANAMKJpVzPllK6t04rccN9xpT8vOLvm9luth_vAJ3e683RufYEOj__UclDWtqgrmAauyKLGWa4jN3nvpQeMBhImI/s320/paypal.jpg" width="296" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;h4&gt;&amp;nbsp;&lt;/h4&gt;Grab the brand new, fully functional “&lt;b&gt;WordPress Paypal Button Generator&lt;/b&gt;” plugin and start using it within minutes.&lt;br /&gt;
Just imagine being able to use your mouse to make a few clicks and setup  a shopping cart or a simple buy now Paypal button inside WordPress. It  really is that simple&lt;br /&gt;
**********&lt;br /&gt;
&lt;h4 style="background-color: #6fa8dc;"&gt;Fast Action Bonus&lt;/h4&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRK-k3DQOS4dgC_ryoVxmk8fZPCpLVfCqM3lpj8JnqEkgWeenzHOR6WYbT1WiHOselWrBntqGVheLJgRPv0pq2Epw5gl1IybiG89nDPkOuivxZYa3BY6SxTiwYKKyZHuC7tW7lI7vlbao/s1600/productreview.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRK-k3DQOS4dgC_ryoVxmk8fZPCpLVfCqM3lpj8JnqEkgWeenzHOR6WYbT1WiHOselWrBntqGVheLJgRPv0pq2Epw5gl1IybiG89nDPkOuivxZYa3BY6SxTiwYKKyZHuC7tW7lI7vlbao/s1600/productreview.jpg" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;h4&gt;&amp;nbsp;&lt;/h4&gt;&lt;h3&gt;How To Write A Product Review That Makes Money!&lt;/h3&gt;&lt;div&gt;&lt;big&gt;Learn how to write money making product review to share with   your subscribers, web visitors and 2.0 social networks. It’s a very   quick read, and the kind of thing that you can put into action with a   day. Get right into it and you could create some really good cash with   all the product launches coming up.&lt;/big&gt;&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgSMCJpyQhGLdwbu8EhkWNiWVBYqhrBfMUzkyMeHywE0wsmgRsk4hvWWahmxBbpmRrekwaBx7wX0E_KJhyphenhyphenv1OJjor3EfmfgydhvWdVqyiO_yKATM8xQXUj2iNMG18WR-qY0n7yeKWbjlk/s1600/transferwp.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgSMCJpyQhGLdwbu8EhkWNiWVBYqhrBfMUzkyMeHywE0wsmgRsk4hvWWahmxBbpmRrekwaBx7wX0E_KJhyphenhyphenv1OJjor3EfmfgydhvWdVqyiO_yKATM8xQXUj2iNMG18WR-qY0n7yeKWbjlk/s1600/transferwp.jpg" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;table border="0" cellpadding="0" cellspacing="0" style="width: 100px;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td&gt;&lt;table align="center" background="images/testi_bg.jpg" border="0" cellpadding="0" cellspacing="0" style="width: 600px;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td&gt;&lt;table align="center" border="0"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td width="510"&gt;&lt;div&gt;&lt;h3&gt;How To Transfer A WordPress Blog&lt;/h3&gt;&lt;big&gt;In this “special bonus” I will learn the process with the   step-by-step tutorial (6 videos) that will show you how to transfer a   blog from one server to another manually using free tools:&lt;/big&gt;&lt;br /&gt;
&lt;big&gt;- Backup your blog&lt;/big&gt;&lt;br /&gt;
&lt;big&gt;- Backup your database&lt;/big&gt;&lt;br /&gt;
&lt;big&gt;- Create a new database&lt;/big&gt;&lt;br /&gt;
&lt;big&gt;- Transfer your database&lt;/big&gt;&lt;br /&gt;
&lt;big&gt;- Transfer your WordPress files&lt;/big&gt;&lt;br /&gt;
&lt;big&gt;- Restore all of it on a new server&lt;/big&gt;&lt;/div&gt;&lt;/td&gt; &lt;/tr&gt;
&lt;/tbody&gt; &lt;/table&gt;&lt;/td&gt; &lt;/tr&gt;
&lt;/tbody&gt; &lt;/table&gt;&lt;/td&gt; &lt;/tr&gt;
&lt;tr&gt; &lt;td&gt;&lt;br /&gt;
&lt;/td&gt; &lt;/tr&gt;
&lt;/tbody&gt; &lt;/table&gt;&lt;br /&gt;
&lt;h2 style="text-align: center;"&gt;All Best Plugins Is Inexpensive And Affordable&lt;/h2&gt;&lt;br /&gt;
&lt;b&gt;All Plugins above&amp;nbsp; comes with:&lt;/b&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt; ONE-TIME &lt;/b&gt;payment&lt;br /&gt;
&lt;b&gt; &lt;/b&gt;Unlimited installation on WordPress sites&lt;br /&gt;
NO recurring monthly payment&lt;br /&gt;
&lt;b&gt;NO&amp;nbsp;hidden fees&lt;/b&gt;&lt;b&gt; &lt;/b&gt;&lt;br /&gt;
NO limitation to the usage of the plugin.&lt;br /&gt;
NO charge for&lt;b&gt; each installation&lt;/b&gt;&lt;br /&gt;
NO membership registration required.&lt;br /&gt;
&lt;b&gt;NO technical knowledge&lt;/b&gt; is needed. Absolutely none.&lt;br /&gt;
This powerful plugin will never let you down! It is compatible with all WordPress versions!&lt;b&gt; &lt;/b&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;div style="text-align: center;"&gt;&lt;b&gt; You can get your hands on WP Simplicity &lt;/b&gt;&lt;b&gt;and All Best Plugins RIGHT NOW&lt;/b&gt;&lt;b&gt; for a small one time only payment of just….&lt;/b&gt;&lt;b&gt; &lt;/b&gt;&lt;b&gt;!&lt;/b&gt;&lt;/div&gt;&lt;div style="text-align: center;"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://automaticplugin.com/iapc/YI0PUr"&gt;&lt;img border="0" height="160" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_-AMdueNZhnaFraaNvQ6aAsbgmv8CIkFDYAVVoNr4eHtaVkwDBGUpJwDdkTKc-u8NbaqDHNIAyjDWa7-JVfkNNSFQhQEokjeKokQ3vMgrvJFadtthf4Hyfcqqjp4jQcQaIx3xMjBqU9c/s320/47.jpg" width="320" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;h4 style="text-align: center;"&gt;&amp;nbsp;&lt;/h4&gt;&lt;h4 style="background-color: #6fa8dc; text-align: center;"&gt;So What Are You Waiting For? Order Now and Put Yourself on the Fast Track to Blogging Success!&lt;b&gt; In fact, All off this plugins is quite unique, dynamic and revolutionary!&lt;/b&gt;&lt;/h4&gt;&lt;div style="text-align: center;"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div style="text-align: center;"&gt;&lt;b&gt;&lt;a href="http://automaticplugin.com/iapc/YI0PUr"&gt;Order Now Just for $17 Only ..Limited Offer!&lt;/a&gt;&lt;span id="goog_1386986945"&gt;&lt;/span&gt;&lt;span id="goog_1386986946"&gt;&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;&lt;div style="text-align: center;"&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="http://automaticplugin.com/iapc/YI0PUr"&gt;&lt;img border="0" height="215" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFXKotHNtY5W-H6sWYZjBmL0MST9hd-Tz7nSPpPoav5p0KkAsSr22tqei7vf0R1AEXflcElYfHL1DI16Aa-nUul35gf3oVRlLKO8-A5UGLwyr0g9JRQrI5jeE5TI33Cm9rMfVFTGvRjG0/s320/order.jpg" width="320" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div&gt;&lt;table border="0" cellpadding="0" cellspacing="0" style="width: 100px;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td&gt;&lt;table align="center" background="images/testi_bg.jpg" border="0" cellpadding="0" cellspacing="0" style="width: 600px;"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td&gt;&lt;table align="center" border="0"&gt;&lt;tbody&gt;
&lt;tr&gt;&lt;td width="510"&gt;&lt;br /&gt;
&lt;/td&gt;&lt;td width="510"&gt;&lt;br /&gt;
&lt;/td&gt;&lt;td width="510"&gt;&lt;br /&gt;
&lt;/td&gt;&lt;td width="510"&gt;&lt;/td&gt;&lt;td width="510"&gt;&lt;/td&gt; &lt;/tr&gt;
&lt;/tbody&gt; &lt;/table&gt;&lt;/td&gt; &lt;/tr&gt;
&lt;/tbody&gt; &lt;/table&gt;&lt;/td&gt; &lt;/tr&gt;
&lt;tr&gt; &lt;td&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;big&gt;&lt;/big&gt;&lt;/div&gt;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/tbody&gt;&lt;/table&gt;&lt;/div&gt;</description><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" height="72" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-OSrmDp3h1tKjBpzaP4OzbtJvo9FXzQrXusmExp-f1V3JDulegxtoqdrnkWkXTh-4Nlyd4qC4Hg_Xw32fYQPXYErzZazKO3aOZ_MT8wTeYLDUzh45P-fYefL3_5SK7qg7HdHf0sF4IPw/s72-c/addposts.jpg" width="72"/><thr:total xmlns:thr="http://purl.org/syndication/thread/1.0">0</thr:total></item><item><title>BASIC THEORY OF GRAPHIC DESIGN</title><link>http://tutorial-serbaserbi.blogspot.com/2010/12/basic-theory-of-graphic-design.html</link><author>noreply@blogger.com (Lintang Aries)</author><pubDate>Tue, 17 May 2011 20:58:00 -0700</pubDate><guid isPermaLink="false">tag:blogger.com,1999:blog-385673322375774029.post-4675721445983246781</guid><description>&lt;link href="file:///C:%5CDOCUME%7E1%5Ccrystal%5CLOCALS%7E1%5CTemp%5Cmsohtml1%5C01%5Cclip_filelist.xml" rel="File-List"&gt;&lt;/link&gt;&lt;o:smarttagtype name="City" namespaceuri="urn:schemas-microsoft-com:office:smarttags"&gt;&lt;/o:smarttagtype&gt;&lt;o:smarttagtype name="place" namespaceuri="urn:schemas-microsoft-com:office:smarttags"&gt;&lt;/o:smarttagtype&gt;&lt;style&gt;
&lt;!--
 /* Font Definitions */
 @font-face
	{font-family:Wingdings;
	panose-1:5 0 0 0 0 0 0 0 0 0;
	mso-font-charset:2;
	mso-generic-font-family:auto;
	mso-font-pitch:variable;
	mso-font-signature:0 268435456 0 0 -2147483648 0;}
 /* Style Definitions */
 p.MsoNormal, li.MsoNormal, div.MsoNormal
	{mso-style-parent:"";
	margin:0cm;
	margin-bottom:.0001pt;
	mso-pagination:widow-orphan;
	font-size:12.0pt;
	font-family:"Times New Roman";
	mso-fareast-font-family:"Times New Roman";}
@page Section1
	{size:21.0cm 842.0pt;
	margin:4.0cm 3.0cm 3.0cm 4.0cm;
	mso-header-margin:2.0cm;
	mso-footer-margin:53.85pt;
	mso-paper-source:0;}
div.Section1
	{page:Section1;}
 /* List Definitions */
 @list l0
	{mso-list-id:190727014;
	mso-list-type:hybrid;
	mso-list-template-ids:-1026918648 872588718 67698713 -909749666 67698703 67698713 67698715 67698703 67698713 67698715;}
@list l0:level1
	{mso-level-number-format:alpha-lower;
	mso-level-tab-stop:72.0pt;
	mso-level-number-position:left;
	margin-left:72.0pt;
	text-indent:-18.0pt;
	mso-ansi-font-weight:normal;
	mso-bidi-font-weight:normal;}
@list l0:level2
	{mso-level-number-format:alpha-lower;
	mso-level-tab-stop:72.0pt;
	mso-level-number-position:left;
	text-indent:-18.0pt;}
@list l0:level3
	{mso-level-start-at:0;
	mso-level-number-format:bullet;
	mso-level-text:-;
	mso-level-tab-stop:117.0pt;
	mso-level-number-position:left;
	margin-left:117.0pt;
	text-indent:-18.0pt;
	font-family:"Times New Roman";
	mso-fareast-font-family:"Times New Roman";
	mso-ansi-font-weight:normal;
	mso-bidi-font-weight:normal;}
@list l0:level4
	{mso-level-tab-stop:144.0pt;
	mso-level-number-position:left;
	text-indent:-18.0pt;
	mso-bidi-font-family:"Times New Roman";
	mso-ansi-font-weight:normal;
	mso-bidi-font-weight:normal;}
@list l1
	{mso-list-id:602885321;
	mso-list-type:hybrid;
	mso-list-template-ids:200604700 -778405806 -1240016032 1379833530 67698703 67698713 67698715 67698703 67698713 67698715;}
@list l1:level1
	{mso-level-number-format:roman-upper;
	mso-level-tab-stop:76.85pt;
	mso-level-number-position:left;
	margin-left:76.85pt;
	text-indent:-18.0pt;}
@list l1:level2
	{mso-level-number-format:alpha-lower;
	mso-level-tab-stop:72.0pt;
	mso-level-number-position:left;
	text-indent:-18.0pt;}
@list l1:level3
	{mso-level-tab-stop:117.0pt;
	mso-level-number-position:left;
	margin-left:117.0pt;
	text-indent:-18.0pt;}
@list l2
	{mso-list-id:1075787801;
	mso-list-type:hybrid;
	mso-list-template-ids:1172762558 67698689 67698691 67698693 67698689 67698691 67698693 67698689 67698691 67698693;}
@list l2:level1
	{mso-level-number-format:bullet;
	mso-level-text:;
	mso-level-tab-stop:36.0pt;
	mso-level-number-position:left;
	text-indent:-18.0pt;
	font-family:Symbol;}
@list l2:level2
	{mso-level-number-format:bullet;
	mso-level-text:o;
	mso-level-tab-stop:72.0pt;
	mso-level-number-position:left;
	text-indent:-18.0pt;
	font-family:"Courier New";}
@list l3
	{mso-list-id:1921212537;
	mso-list-type:hybrid;
	mso-list-template-ids:-82142986 67698703 -1334129672 67698715 67698703 67698713 67698715 67698703 67698713 67698715;}
@list l3:level1
	{mso-level-tab-stop:144.0pt;
	mso-level-number-position:left;
	margin-left:144.0pt;
	text-indent:-18.0pt;
	mso-bidi-font-family:"Times New Roman";}
@list l3:level2
	{mso-level-tab-stop:180.0pt;
	mso-level-number-position:left;
	margin-left:180.0pt;
	text-indent:-18.0pt;}
ol
	{margin-bottom:0cm;}
ul
	{margin-bottom:0cm;}
--&gt;
&lt;/style&gt;  &lt;br /&gt;
&lt;div class="MsoNormal" style="text-align: justify;"&gt;&lt;b&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/b&gt;&lt;/div&gt;&lt;div class="MsoNormal" style="margin-left: 18.7pt; text-align: justify; text-indent: -18pt;"&gt;&lt;b&gt;I.&lt;span style="font: 7pt &amp;quot;Times New Roman&amp;quot;;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;&lt;/b&gt;&lt;span dir="LTR"&gt;&lt;b&gt;Understanding Graphic Design &lt;o:p&gt;&lt;/o:p&gt;&lt;/b&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class="MsoNormal" style="margin-left: 18.7pt; text-align: justify; text-indent: 28.05pt;"&gt;Graphic design is a form of visual communication using images to convey information or messages as effectively as possible. In graphic design, text, images are also considered as a result of abstraction of symbols that can be sounded. Graphic design is applied in communication design and fine art. Like other types of design, graphic design can refer to the process of manufacture, design methods, the resulting product (design), or any discipline that is used (design). The art of graphic design include cognitive skills and visual skills, including typography, illustration, photography, image processing, and layout. &lt;/div&gt;&lt;div class="MsoNormal" style="margin-left: 18.7pt; text-align: justify; text-indent: 28.05pt;"&gt;Cognitive ability, If you use plain language is cognitive thinking, logic, reason, and the like. So if say a graphic designer must have the cognitive ability. Must have a lot of insight into a wide + creativity. Insight not only relates to the design but also a lot of things such as culture, technology, and lifestyle in the community. As the development of digital technology greatly affect the engineering design graphics. &lt;/div&gt;&lt;div class="MsoNormal" style="margin-left: 18.7pt; text-align: justify; text-indent: 28.05pt;"&gt;Visual Skills, With the ability of visual, graphic designers must know how to communicate with the right product messages to visually lay out the character, shape, color and typography explore visual forms both 2D and 3D (real form) into a unified design an attractive and appropriate in accordance with message communications products and also find out the implementation of the material / design materials such as the use of paper, printing technique, size, effectiveness of materials, and so forth.&lt;/div&gt;&lt;div class="MsoNormal" style="margin-left: 18.7pt; text-align: justify; text-indent: 28.05pt;"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div class="MsoNormal" style="margin-left: 18.7pt; text-align: justify; text-indent: -18pt;"&gt;&lt;b&gt;II.&lt;span style="font: 7pt &amp;quot;Times New Roman&amp;quot;;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;&lt;/b&gt;&lt;span dir="LTR"&gt;&lt;b&gt;Basic Principles of Design&lt;o:p&gt;&lt;/o:p&gt;&lt;/b&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class="MsoNormal" style="margin-left: 18.7pt; text-align: justify; text-indent: 28.05pt;"&gt;The basic principle of design is the organization of the basic elements of design by taking into account the principles in creating and applying creativity. Frank Jeff kin (1997:245) classifies the principles of design to be: unity, diversity, balance, rhythm, harmony, proportion, scale, and emphasis. &lt;/div&gt;&lt;div class="MsoNormal" style="margin-left: 37.4pt; text-align: justify; text-indent: -18pt;"&gt;a.&lt;span style="font: 7pt &amp;quot;Times New Roman&amp;quot;;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;&lt;span dir="LTR"&gt;Unity (unity) &lt;/span&gt;&lt;/div&gt;&lt;div class="MsoNormal" style="margin-left: 37.4pt; text-align: justify;"&gt;Unity is an effort to incorporate design elements into a form that is proportional to each other and merge into a media. Unity of design is important in a design, without any unity of design elements will split stand on their own do not have balance and harmony is intact.&lt;/div&gt;&lt;div class="MsoNormal" style="margin-left: 37.4pt; text-align: justify; text-indent: -18pt;"&gt;b.&lt;span style="font: 7pt &amp;quot;Times New Roman&amp;quot;;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;&lt;span dir="LTR"&gt;Diversity (variety) &lt;/span&gt;&lt;/div&gt;&lt;div class="MsoNormal" style="margin-left: 37.4pt; text-align: justify;"&gt;The diversity in the design aims to avoid a monotonous design. It required a change and contrast accordingly. The existence of large differences in small, thin thickness in the letter, the use of the images, matching the color difference, and diversity of other elements that match will cause a harmonic variation .&lt;/div&gt;&lt;div class="MsoNormal" style="margin-left: 37.4pt; text-align: justify; text-indent: -18pt;"&gt;c.&lt;span style="font: 7pt &amp;quot;Times New Roman&amp;quot;;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;&lt;span dir="LTR"&gt;Equilibrium (balance) &lt;/span&gt;&lt;/div&gt;&lt;div class="MsoNormal" style="margin-left: 37.4pt; text-align: justify;"&gt;The balance is how to manage the existing elements into a composition that is not biased. The balance can be achieved from two parts, namely that impressed symmetrically official / formal is created from a blend of form and size the same layout, asymmetrical balance while giving the impression of an informal, but can look more dynamic which is formed from the alloy lines, shapes, sizes, and that is not the same layout but still balanced.&lt;/div&gt;&lt;div class="MsoNormal" style="margin-left: 37.4pt; text-align: justify; text-indent: -18pt;"&gt;d.&lt;span style="font: 7pt &amp;quot;Times New Roman&amp;quot;;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;&lt;span dir="LTR"&gt;Rhythm / rhythm (rhythm) &lt;/span&gt;&lt;/div&gt;&lt;div class="MsoNormal" style="margin-left: 37.4pt; text-align: justify;"&gt;Overall flow of the design always implies a comfortable rhythm. A motion which serve as the basis for a rhythm and his trademark is located on repetitions performed regularly given pressure or accent. Rhythm makes the impression of motion that imply eyes in a comfortable and rhythmic display. &lt;/div&gt;&lt;div class="MsoNormal" style="margin-left: 37.4pt; text-align: justify; text-indent: -18pt;"&gt;e.&lt;span style="font: 7pt &amp;quot;Times New Roman&amp;quot;;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;&lt;span dir="LTR"&gt;Harmony (harmony) &lt;/span&gt;&lt;/div&gt;&lt;div class="MsoNormal" style="margin-left: 37.4pt; text-align: justify;"&gt;Suptandar (1995:19) defines harmony as a business from a variety of shapes, build, color, texture, and other elements arranged in a balanced composition for favors to be seen intact. Harmony is the order among the parts of a work. &lt;/div&gt;&lt;div class="MsoNormal" style="margin-left: 37.4pt; text-align: justify; text-indent: -18pt;"&gt;f.&lt;span style="font: 7pt &amp;quot;Times New Roman&amp;quot;;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;&lt;span dir="LTR"&gt;Proportion (Proportion) &lt;/span&gt;&lt;/div&gt;&lt;div class="MsoNormal" style="margin-left: 37.4pt; text-align: justify;"&gt;Proportion is the ratio between the number of an object or composition (Kusmiati, 1999:19). It could be said that the proportion of the suitability of sizes and shapes to create harmony in a field. There are three issues related to the proportion problem, namely the composition of the interesting placement, determination of the proper size and shape, and size determination that can be measured or prepared as possible. &lt;/div&gt;&lt;div class="MsoNormal" style="margin-left: 37.4pt; text-align: justify; text-indent: -18pt;"&gt;g.&lt;span style="font: 7pt &amp;quot;Times New Roman&amp;quot;;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;&lt;span dir="LTR"&gt;Scale (scale) &lt;/span&gt;&lt;/div&gt;&lt;div class="MsoNormal" style="margin-left: 37.4pt; text-align: justify;"&gt;Scale is the relative size of an object, when compared to the object or other element of known size (Kusmiati, 1999:14). Scale associated with visibility or vision with elements that have been raised (factor of legibility). Scale is also very useful for the creation of suitability shape or object within a design. &lt;/div&gt;&lt;div class="MsoNormal" style="margin-left: 37.4pt; text-align: justify; text-indent: -18pt;"&gt;h.&lt;span style="font: 7pt &amp;quot;Times New Roman&amp;quot;;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;&lt;span dir="LTR"&gt;Emphasis (emphasis) &lt;/span&gt;&lt;/div&gt;&lt;div class="MsoNormal" style="margin-left: 37.4pt; text-align: justify;"&gt;Frank Jeff kin (1997:246) states that: "In the emphasis, all emphasis is no emphasis, if all highlighted, then there is nothing you'll enjoy. The existence of an emphasis in design is essential to avoid the impression of monotony. The emphasis may be on the type of letter, space, color, and others will make the design becomes interesting when done in a proportion sufficient and not excessive.&lt;/div&gt;&lt;div class="MsoNormal" style="margin-left: 37.4pt; text-align: justify;"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div class="MsoNormal" style="margin-left: 18.7pt; text-align: justify; text-indent: -18pt;"&gt;&lt;b&gt;III.&lt;span style="font: 7pt &amp;quot;Times New Roman&amp;quot;;"&gt; &lt;/span&gt;&lt;/b&gt;&lt;span dir="LTR"&gt;&lt;b&gt;COLOR &lt;o:p&gt;&lt;/o:p&gt;&lt;/b&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class="MsoNormal" style="margin-left: 18.7pt; text-align: justify; text-indent: 28.05pt;"&gt;Color is light refraction of sunlight by a prism of glass into MeJiKuHiBiNiU. &lt;/div&gt;&lt;div class="MsoNormal" style="margin-left: 37.4pt; text-align: justify; text-indent: -18pt;"&gt;a.&lt;span style="font: 7pt &amp;quot;Times New Roman&amp;quot;;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;&lt;span dir="LTR"&gt;Color Theory Basics &lt;/span&gt;&lt;/div&gt;&lt;div class="MsoNormal" style="margin-left: 56.1pt; text-align: justify; text-indent: -18pt;"&gt;-&lt;span style="font: 7pt &amp;quot;Times New Roman&amp;quot;;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;&lt;span dir="LTR"&gt;&lt;st1:city w:st="on"&gt;&lt;st1:place w:st="on"&gt;Hue&lt;/st1:place&gt;&lt;/st1:city&gt; is the identity of a color &lt;/span&gt;&lt;/div&gt;&lt;div class="MsoNormal" style="margin-left: 56.1pt; text-align: justify; text-indent: -18pt;"&gt;-&lt;span style="font: 7pt &amp;quot;Times New Roman&amp;quot;;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;&lt;span dir="LTR"&gt;Value is the value of color, namely the quality of the dark light of a color. &lt;/span&gt;&lt;/div&gt;&lt;div class="MsoNormal" style="margin-left: 56.1pt; text-align: justify; text-indent: -18pt;"&gt;-&lt;span style="font: 7pt &amp;quot;Times New Roman&amp;quot;;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;&lt;span dir="LTR"&gt;Intensity is the density of color, namely the quality of the clarity of a color that is strongly influenced by the color of light that hit a &lt;/span&gt;&lt;/div&gt;&lt;div class="MsoNormal" style="margin-left: 37.4pt; text-align: justify; text-indent: -18pt;"&gt;b.&lt;span style="font: 7pt &amp;quot;Times New Roman&amp;quot;;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;&lt;span dir="LTR"&gt;The types of color &lt;/span&gt;&lt;/div&gt;&lt;div class="MsoNormal" style="margin-left: 56.1pt; text-align: justify; text-indent: -18pt;"&gt;1.&lt;span style="font: 7pt &amp;quot;Times New Roman&amp;quot;;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;&lt;span dir="LTR"&gt;Under the conditions of the kinds of colors, color can be grouped as follows. &lt;/span&gt;&lt;/div&gt;&lt;div class="MsoNormal" style="margin-left: 56.1pt; text-align: justify; text-indent: -18pt;"&gt;2.&lt;span style="font: 7pt &amp;quot;Times New Roman&amp;quot;;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;&lt;span dir="LTR"&gt;Neutral colors, are colors that no longer has a purity of color or in other words not a primary or secondary color. This color is a mixture of the three color components at once, but not in exactly the same composition. &lt;/span&gt;&lt;/div&gt;&lt;div class="MsoNormal" style="margin-left: 56.1pt; text-align: justify; text-indent: -18pt;"&gt;3.&lt;span style="font: 7pt &amp;quot;Times New Roman&amp;quot;;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;&lt;span dir="LTR"&gt;Color contrast, is a memorable occasion color opposite to each other. Color contrast can be obtained from the opposite color (cut the midpoint of the triangle) consists of color primary and secondary colors. But it is possible also to form a color contrast to reject the value or purity of color. Examples of contrasting color is red with green, yellow with purple and blue with orange. &lt;/span&gt;&lt;/div&gt;&lt;div class="MsoNormal" style="margin-left: 56.1pt; text-align: justify; text-indent: -18pt;"&gt;4.&lt;span style="font: 7pt &amp;quot;Times New Roman&amp;quot;;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;&lt;span dir="LTR"&gt;Hot colors, are a group of colors within the range of a half circle in the circle of colors ranging from red to yellow. It became a symbol color, cheerful, excitement, anger and so on. Color impressive heat close proximity. (Influenced by the light that much) &lt;/span&gt;&lt;/div&gt;&lt;div class="MsoNormal" style="margin-left: 56.1pt; text-align: justify; text-indent: -18pt;"&gt;5.&lt;span style="font: 7pt &amp;quot;Times New Roman&amp;quot;;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;&lt;span dir="LTR"&gt;Cool color, are a group of colors within the range of a half circle in the circle of colors ranging from green to purple. This color is a symbol of tenderness, cool, comfortable and so on. Cool colors impressive distances. (Influenced a bit light). &lt;/span&gt;&lt;/div&gt;&lt;div class="MsoNormal" style="margin-left: 37.4pt; text-align: justify;"&gt;Based on the classification of the types of colors, color can be grouped as follows: &lt;/div&gt;&lt;div class="MsoNormal" style="margin-left: 56.1pt; text-align: justify; text-indent: -18pt;"&gt;1.&lt;span style="font: 7pt &amp;quot;Times New Roman&amp;quot;;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;&lt;span dir="LTR"&gt;Primary Colors: Colors of the principal or primary color, red, yellow and blue &lt;/span&gt;&lt;/div&gt;&lt;div class="MsoNormal" style="margin-left: 56.1pt; text-align: justify; text-indent: -18pt;"&gt;2.&lt;span style="font: 7pt &amp;quot;Times New Roman&amp;quot;;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;&lt;span dir="LTR"&gt;Secondary Colors: These colors are produced from a combination of primary colors.&lt;/span&gt;&lt;/div&gt;&lt;div class="MsoNormal" style="margin-left: 56.1pt; text-align: justify; text-indent: -18pt;"&gt;3.&lt;span style="font: 7pt &amp;quot;Times New Roman&amp;quot;;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;&lt;span dir="LTR"&gt;Tertiary Color: The color results from mixing primary colors with secondary color or secondary color with secondary color.&lt;/span&gt;&lt;/div&gt;&lt;div class="MsoNormal" style="margin-left: 37.4pt; text-align: justify; text-indent: -18pt;"&gt;c.&lt;span style="font: 7pt &amp;quot;Times New Roman&amp;quot;;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;&lt;span dir="LTR"&gt;In addition to color classification, there is also the color classification based on the combination of 2 colors or more in one unit, namely &lt;/span&gt;&lt;/div&gt;&lt;div class="MsoNormal" style="margin-left: 56.1pt; text-align: justify; text-indent: -18pt;"&gt;1.&lt;span style="font: 7pt &amp;quot;Times New Roman&amp;quot;;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;&lt;span dir="LTR"&gt;Monochromatic color: blend the colors in a single color family. Example: light blue with dark blue, pink with dark red.&lt;/span&gt;&lt;/div&gt;&lt;div class="MsoNormal" style="margin-left: 56.1pt; text-align: justify; text-indent: -18pt;"&gt;2.&lt;span style="font: 7pt &amp;quot;Times New Roman&amp;quot;;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;&lt;span dir="LTR"&gt;Analogous Color: mix of colors adjacent to each other in the color circle. For example: yellow, green and blue, blue, purple and red. &lt;/span&gt;&lt;/div&gt;&lt;div class="MsoNormal" style="margin-left: 56.1pt; text-align: justify; text-indent: -18pt;"&gt;3.&lt;span style="font: 7pt &amp;quot;Times New Roman&amp;quot;;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;&lt;span dir="LTR"&gt;Complementary colors: colors that blend together in a circle opposite or contradictory, but rather support each other. For example: yellow mixed with purple, orange combined with blue, red combined with green.&lt;/span&gt;&lt;/div&gt;&lt;div class="MsoNormal" style="text-align: justify;"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div class="MsoNormal" style="margin-left: 18.7pt; text-align: justify; text-indent: -18pt;"&gt;&lt;b&gt;IV.&lt;span style="font: 7pt &amp;quot;Times New Roman&amp;quot;;"&gt;&amp;nbsp; &lt;/span&gt;&lt;/b&gt;&lt;span dir="LTR"&gt;&lt;b&gt;WEB DESIGN &lt;o:p&gt;&lt;/o:p&gt;&lt;/b&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class="MsoNormal" style="margin-left: 18.7pt; text-align: justify;"&gt;&lt;b&gt;Web Page &lt;o:p&gt;&lt;/o:p&gt;&lt;/b&gt;&lt;/div&gt;&lt;ul style="margin-top: 0cm;" type="disc"&gt;&lt;li class="MsoNormal" style="text-align: justify;"&gt;In general, there are three categories of the      underlying reasons for preparing a web page, among others: &lt;/li&gt;
&lt;/ul&gt;&lt;div class="MsoNormal" style="margin-left: 56.1pt; text-align: justify; text-indent: -18pt;"&gt;&lt;span style="font-family: &amp;quot;Courier New&amp;quot;;"&gt;o&lt;span style="font: 7pt &amp;quot;Times New Roman&amp;quot;;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;&lt;/span&gt;&lt;span dir="LTR"&gt;Support the promotion of products or services on the Internet &lt;/span&gt;&lt;/div&gt;&lt;div class="MsoNormal" style="margin-left: 56.1pt; text-align: justify; text-indent: -18pt;"&gt;&lt;span style="font-family: &amp;quot;Courier New&amp;quot;;"&gt;o&lt;span style="font: 7pt &amp;quot;Times New Roman&amp;quot;;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;&lt;/span&gt;&lt;span dir="LTR"&gt;Provider information &lt;/span&gt;&lt;/div&gt;&lt;div class="MsoNormal" style="margin-left: 56.1pt; text-align: justify; text-indent: -18pt;"&gt;&lt;span style="font-family: &amp;quot;Courier New&amp;quot;;"&gt;o&lt;span style="font: 7pt &amp;quot;Times New Roman&amp;quot;;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;&lt;/span&gt;&lt;span dir="LTR"&gt;Conduct online transactions &lt;/span&gt;&lt;/div&gt;&lt;div class="MsoNormal" style="margin-left: 18.7pt; text-align: justify;"&gt;&lt;b&gt;Preparation Web Page &lt;o:p&gt;&lt;/o:p&gt;&lt;/b&gt;&lt;/div&gt;&lt;ul style="margin-top: 0cm;" type="disc"&gt;&lt;li class="MsoNormal" style="text-align: justify;"&gt;Here are some steps that can be done so that the      preparation of more effective web pages, among others: &lt;/li&gt;
&lt;/ul&gt;&lt;div class="MsoNormal" style="margin-left: 56.1pt; text-align: justify; text-indent: -18pt;"&gt;&lt;span style="font-family: &amp;quot;Courier New&amp;quot;;"&gt;o&lt;span style="font: 7pt &amp;quot;Times New Roman&amp;quot;;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;&lt;/span&gt;&lt;span dir="LTR"&gt;Define clearly the purpose of the web page. &lt;/span&gt;&lt;/div&gt;&lt;div class="MsoNormal" style="margin-left: 56.1pt; text-align: justify; text-indent: -18pt;"&gt;&lt;span style="font-family: &amp;quot;Courier New&amp;quot;;"&gt;o&lt;span style="font: 7pt &amp;quot;Times New Roman&amp;quot;;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;&lt;/span&gt;&lt;span dir="LTR"&gt;Make the (content) of interest to be submitted or discussed. &lt;/span&gt;&lt;/div&gt;&lt;div class="MsoNormal" style="margin-left: 56.1pt; text-align: justify; text-indent: -18pt;"&gt;&lt;span style="font-family: &amp;quot;Courier New&amp;quot;;"&gt;o&lt;span style="font: 7pt &amp;quot;Times New Roman&amp;quot;;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;&lt;/span&gt;&lt;span dir="LTR"&gt;Create a web page so that visitors courted and challenged to go back again &lt;/span&gt;&lt;/div&gt;&lt;div class="MsoNormal" style="margin-left: 18.7pt; text-align: justify;"&gt;&lt;b&gt;Design &lt;o:p&gt;&lt;/o:p&gt;&lt;/b&gt;&lt;/div&gt;&lt;ul style="margin-top: 0cm;" type="disc"&gt;&lt;li class="MsoNormal" style="text-align: justify;"&gt;A work / activities / creative process to produce      something that nature: New (Innovative), fresh (fresh), amazing. &lt;/li&gt;
&lt;li class="MsoNormal" style="text-align: justify;"&gt;Has the efficiency, produce something better,      easier and more practical (useful), solve a problem (solution). &lt;/li&gt;
&lt;/ul&gt;&lt;div class="MsoNormal" style="margin-left: 18.7pt; text-align: justify;"&gt;&lt;b&gt;Good Web Sites &lt;o:p&gt;&lt;/o:p&gt;&lt;/b&gt;&lt;/div&gt;&lt;ul style="margin-top: 0cm;" type="disc"&gt;&lt;li class="MsoNormal" style="text-align: justify;"&gt;Design Elements &lt;/li&gt;
&lt;li class="MsoNormal" style="text-align: justify;"&gt;Aesthetics: color (color), layout (layout),      typography (typography) &lt;/li&gt;
&lt;li class="MsoNormal" style="text-align: justify;"&gt;Communication: the content (content), delivery of      messages (language style Used for communication), interaction (interaction      / feedback), the formation of the image (image building) &lt;/li&gt;
&lt;li class="MsoNormal" style="text-align: justify;"&gt;Usefulness. Utility / functionality, appropriate      technology &lt;/li&gt;
&lt;li class="MsoNormal" style="text-align: justify;"&gt;Usability / ease of use: learning time, speed of      performance, error rate, memory and subjective satisfaction &lt;/li&gt;
&lt;/ul&gt;&lt;div class="MsoNormal" style="margin-left: 18.7pt; text-align: justify;"&gt;&lt;b&gt;Website Development &lt;o:p&gt;&lt;/o:p&gt;&lt;/b&gt;&lt;/div&gt;&lt;ul style="margin-top: 0cm;" type="disc"&gt;&lt;li class="MsoNormal" style="text-align: justify;"&gt;Content Creation &lt;/li&gt;
&lt;li class="MsoNormal" style="text-align: justify;"&gt;User Interface Design &lt;/li&gt;
&lt;li class="MsoNormal" style="text-align: justify;"&gt;Graphic / Visual Design &lt;/li&gt;
&lt;li class="MsoNormal" style="text-align: justify;"&gt;Technology Planning &lt;/li&gt;
&lt;li class="MsoNormal" style="text-align: justify;"&gt;Web Authoring &lt;/li&gt;
&lt;li class="MsoNormal" style="text-align: justify;"&gt;Web Programming &lt;/li&gt;
&lt;li class="MsoNormal" style="text-align: justify;"&gt;Multimedia Design &lt;/li&gt;
&lt;/ul&gt;&lt;div class="MsoNormal" style="margin-left: 18.7pt; text-align: justify;"&gt;&lt;b&gt;Content Creation &lt;o:p&gt;&lt;/o:p&gt;&lt;/b&gt;&lt;/div&gt;&lt;ul style="margin-top: 0cm;" type="disc"&gt;&lt;li class="MsoNormal" style="text-align: justify;"&gt;"Content is king" &lt;/li&gt;
&lt;li class="MsoNormal" style="text-align: justify;"&gt;Steps to prepare content: &lt;/li&gt;
&lt;ul style="margin-top: 0cm;" type="circle"&gt;&lt;li class="MsoNormal" style="text-align: justify;"&gt;Setting goals &lt;/li&gt;
&lt;li class="MsoNormal" style="text-align: justify;"&gt;Determine audience / target audience &lt;/li&gt;
&lt;li class="MsoNormal" style="text-align: justify;"&gt;Write content &lt;/li&gt;
&lt;/ul&gt;&lt;li class="MsoNormal" style="text-align: justify;"&gt;Tip: &lt;/li&gt;
&lt;ul style="margin-top: 0cm;" type="circle"&gt;&lt;li class="MsoNormal" style="text-align: justify;"&gt;It should be brief and clear &lt;/li&gt;
&lt;li class="MsoNormal" style="text-align: justify;"&gt;Use simple language &lt;/li&gt;
&lt;li class="MsoNormal" style="text-align: justify;"&gt;Facilitate scanning: highlighting, bulleted lists &lt;/li&gt;
&lt;li class="MsoNormal" style="text-align: justify;"&gt;Provide information preview &lt;/li&gt;
&lt;li class="MsoNormal" style="text-align: justify;"&gt;Avoid "click here", "under       construction" &lt;/li&gt;
&lt;li class="MsoNormal" style="text-align: justify;"&gt;Do not force the user to memorize &lt;/li&gt;
&lt;/ul&gt;&lt;/ul&gt;&lt;div class="MsoNormal" style="margin-left: 18.7pt; text-align: justify;"&gt;&lt;b&gt;User Interface Design &lt;o:p&gt;&lt;/o:p&gt;&lt;/b&gt;&lt;/div&gt;&lt;ul style="margin-top: 0cm;" type="disc"&gt;&lt;li class="MsoNormal" style="text-align: justify;"&gt;Consider usability &lt;/li&gt;
&lt;li class="MsoNormal" style="text-align: justify;"&gt;Some things to achieve usability &lt;/li&gt;
&lt;ul style="margin-top: 0cm;" type="circle"&gt;&lt;li class="MsoNormal" style="text-align: justify;"&gt;o-branching structure which means, not excessive,       do not use frames &lt;/li&gt;
&lt;li class="MsoNormal" style="text-align: justify;"&gt;Compactness site - avoid page too long, horizontal       scrolling &lt;/li&gt;
&lt;li class="MsoNormal" style="text-align: justify;"&gt;Universal access - platform, browser, access       speed, screen resolution, color &lt;/li&gt;
&lt;li class="MsoNormal" style="text-align: justify;"&gt;Support navigation &lt;/li&gt;
&lt;/ul&gt;&lt;/ul&gt;&lt;div class="MsoNormal" style="margin-left: 18.7pt; text-align: justify;"&gt;&lt;b&gt;Graphic / Visual Design &lt;o:p&gt;&lt;/o:p&gt;&lt;/b&gt;&lt;/div&gt;&lt;ul style="margin-top: 0cm;" type="disc"&gt;&lt;li class="MsoNormal" style="text-align: justify;"&gt;layout-grid and structure &lt;/li&gt;
&lt;li class="MsoNormal" style="text-align: justify;"&gt;Consistency - colors, fonts, styles &lt;/li&gt;
&lt;li class="MsoNormal" style="text-align: justify;"&gt;The simplicity of the site - do not confuse the      user &lt;/li&gt;
&lt;li class="MsoNormal" style="text-align: justify;"&gt;Optimization of graphic file - a file format,      web-safe colors &lt;/li&gt;
&lt;/ul&gt;&lt;div class="MsoNormal" style="margin-left: 18.7pt; text-align: justify;"&gt;&lt;b&gt;Set Homepage &lt;o:p&gt;&lt;/o:p&gt;&lt;/b&gt;&lt;/div&gt;&lt;ul style="margin-top: 0cm;" type="disc"&gt;&lt;li class="MsoNormal" style="text-align: justify;"&gt;The type of website that we are stacking greatly      affect the structure of these websites and order information will be      generated. We can set up a website for: &lt;/li&gt;
&lt;ul style="margin-top: 0cm;" type="circle"&gt;&lt;li class="MsoNormal" style="text-align: justify;"&gt;Peeling our hobby or interest us at one particular       thing and so on. &lt;/li&gt;
&lt;li class="MsoNormal" style="text-align: justify;"&gt;Opening a forum for discussion and communication &lt;/li&gt;
&lt;li class="MsoNormal" style="text-align: justify;"&gt;Provide service to customers &lt;/li&gt;
&lt;li class="MsoNormal" style="text-align: justify;"&gt;Generates profits for certain companies or       organizations &lt;/li&gt;
&lt;/ul&gt;&lt;/ul&gt;&lt;div class="MsoNormal" style="margin-left: 18.7pt; text-align: justify;"&gt;&lt;b&gt;Information On Web Page &lt;o:p&gt;&lt;/o:p&gt;&lt;/b&gt;&lt;/div&gt;&lt;ul style="margin-top: 0cm;" type="disc"&gt;&lt;li class="MsoNormal" style="text-align: justify;"&gt;Some web sites consist of thousands of web pages,      some consisting only of a few pages. The more information will be provided      or the more important information, then we need to make it easy for users      to access them. &lt;/li&gt;
&lt;li class="MsoNormal" style="text-align: justify;"&gt;Development of navigation systems should be as      simple as possible so more easily followed by visitors. &lt;/li&gt;
&lt;li class="MsoNormal" style="text-align: justify;"&gt;In general, visitor information seekers also need      quick access. &lt;/li&gt;
&lt;li class="MsoNormal" style="text-align: justify;"&gt;Placement of ads have to be careful, try not to      interfere or make lies bored visitors. &lt;/li&gt;
&lt;li class="MsoNormal" style="text-align: justify;"&gt;A good proportion is necessary to adjust the ease      of access and speed of access to the continuity of the website. &lt;/li&gt;
&lt;/ul&gt;&lt;div class="MsoNormal" style="margin-left: 18.7pt; text-align: justify;"&gt;&lt;b&gt;Value Added of web design &lt;o:p&gt;&lt;/o:p&gt;&lt;/b&gt;&lt;/div&gt;&lt;ul style="margin-top: 0cm;" type="disc"&gt;&lt;li class="MsoNormal" style="text-align: justify;"&gt;Animations and Images &lt;/li&gt;
&lt;li class="MsoNormal" style="text-align: justify;"&gt;Many sites use animation and graphics to attract      visitors. But be careful! If too much it will make the visitors disrupted &lt;/li&gt;
&lt;li class="MsoNormal" style="text-align: justify;"&gt;Consider the problem of bandwidth (download time)      and browser compatibility. &lt;/li&gt;
&lt;ul style="margin-top: 0cm;" type="circle"&gt;&lt;li class="MsoNormal" style="text-align: justify;"&gt;◊ flash animations must have flash player. &lt;/li&gt;
&lt;li class="MsoNormal" style="text-align: justify;"&gt;Animation ◊ JavaScript must be enabled browser. &lt;/li&gt;
&lt;/ul&gt;&lt;/ul&gt;&lt;div class="MsoNormal" style="text-align: justify;"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;ul style="margin-top: 0cm;" type="disc"&gt;&lt;li class="MsoNormal" style="text-align: justify;"&gt;Avoid: &lt;/li&gt;
&lt;ul style="margin-top: 0cm;" type="circle"&gt;&lt;li class="MsoNormal" style="text-align: justify;"&gt;Display the image size (&amp;gt; 1 MB) &lt;/li&gt;
&lt;li class="MsoNormal" style="text-align: justify;"&gt;Change the size of large images into smaller       through the attributes in the tag &amp;lt;img&amp;gt;. Better to use image-editor.       &lt;/li&gt;
&lt;/ul&gt;&lt;li class="MsoNormal" style="text-align: justify;"&gt;Text equivalent &lt;/li&gt;
&lt;li class="MsoNormal" style="text-align: justify;"&gt;Any picture or image that we put on a web page,      must be accompanied by equivalent text attributes on tags that are used. &lt;/li&gt;
&lt;li class="MsoNormal" style="text-align: justify;"&gt;Example: &lt;/li&gt;
&lt;ul style="margin-top: 0cm;" type="circle"&gt;&lt;li class="MsoNormal" style="text-align: justify;"&gt;Attribute "alt" tag in &amp;lt;img&amp;gt; &lt;/li&gt;
&lt;li class="MsoNormal" style="text-align: justify;"&gt;Attribute "title" on the tag &amp;lt;a&amp;gt; &lt;/li&gt;
&lt;/ul&gt;&lt;/ul&gt;&lt;div class="MsoNormal" style="margin-left: 18.7pt; text-align: justify;"&gt;Why? &lt;/div&gt;&lt;div class="MsoNormal" style="margin-left: 18.7pt; text-align: justify;"&gt;Because some visitors to disable the option to download pictures or animations to speed download time. &lt;/div&gt;&lt;div class="MsoNormal" style="margin-left: 18.7pt; text-align: justify;"&gt;&lt;b&gt;Website Creation Process &lt;o:p&gt;&lt;/o:p&gt;&lt;/b&gt;&lt;/div&gt;&lt;ul style="margin-top: 0cm;" type="disc"&gt;&lt;li class="MsoNormal" style="text-align: justify;"&gt;Define Content / Website Objectives &lt;/li&gt;
&lt;li class="MsoNormal" style="text-align: justify;"&gt;Develop Architecture &lt;/li&gt;
&lt;li class="MsoNormal" style="text-align: justify;"&gt;Creating a basic framework or architecture or site      hierarchy. &lt;/li&gt;
&lt;li class="MsoNormal" style="text-align: justify;"&gt;Create Design &lt;/li&gt;
&lt;li class="MsoNormal" style="text-align: justify;"&gt;The design should look good on computer monitors.      Consistency of design on all web pages VERY important. Color, Font,      Graphics, Lines, Tables, Logo, and Navigation. &lt;/li&gt;
&lt;li class="MsoNormal" style="text-align: justify;"&gt;Implement the Site &lt;/li&gt;
&lt;li class="MsoNormal" style="text-align: justify;"&gt;Test your web design on various computer monitors, platforms      and browsers&lt;/li&gt;
&lt;li class="MsoNormal" style="text-align: justify;"&gt;Maintaining the site &lt;/li&gt;
&lt;/ul&gt;&lt;div class="MsoNormal" style="margin-left: 18.7pt; text-align: justify;"&gt;&lt;b&gt;Define Content / Content &lt;o:p&gt;&lt;/o:p&gt;&lt;/b&gt;&lt;/div&gt;&lt;ul style="margin-top: 0cm;" type="disc"&gt;&lt;li class="MsoNormal" style="text-align: justify;"&gt;Determine Your Site Objectives &lt;/li&gt;
&lt;li class="MsoNormal" style="text-align: justify;"&gt;What Needs People Visiting Your Site? &lt;/li&gt;
&lt;li class="MsoNormal" style="text-align: justify;"&gt;Determine the Average Age of Target Audience and      Skill Level. &lt;/li&gt;
&lt;li class="MsoNormal" style="text-align: justify;"&gt;Know Your Audience &lt;/li&gt;
&lt;li class="MsoNormal" style="text-align: justify;"&gt;Keep Your Content Fresh and Up To Date &lt;/li&gt;
&lt;li class="MsoNormal" style="text-align: justify;"&gt;Prioritizing Quality over Quantity &lt;/li&gt;
&lt;li class="MsoNormal" style="text-align: justify;"&gt;Share your Wisdom Clearly [Privacy Policy,      Copyright, Disclaimer] &lt;/li&gt;
&lt;/ul&gt;&lt;div class="MsoNormal" style="margin-left: 18.7pt; text-align: justify;"&gt;&lt;b&gt;Site Navigation &lt;o:p&gt;&lt;/o:p&gt;&lt;/b&gt;&lt;/div&gt;&lt;ul style="margin-top: 0cm;" type="disc"&gt;&lt;li class="MsoNormal" style="text-align: justify;"&gt;Making site navigation should follow some basic      rules, such as: &lt;/li&gt;
&lt;ul style="margin-top: 0cm;" type="circle"&gt;&lt;li class="MsoNormal" style="text-align: justify;"&gt;Limit the number of items in lists and menus. &lt;/li&gt;
&lt;li class="MsoNormal" style="text-align: justify;"&gt;Do not rely entirely on graphic images for       navigation. &lt;/li&gt;
&lt;li class="MsoNormal" style="text-align: justify;"&gt;The homepage should be easy to find. &lt;/li&gt;
&lt;li class="MsoNormal" style="text-align: justify;"&gt;Integrate with content navigation facilities. &lt;/li&gt;
&lt;li class="MsoNormal" style="text-align: justify;"&gt;Avoid frames if possible (use tables or CSS). &lt;/li&gt;
&lt;/ul&gt;&lt;li class="MsoNormal" style="text-align: justify;"&gt;List of contents &lt;/li&gt;
&lt;ul style="margin-top: 0cm;" type="circle"&gt;&lt;li class="MsoNormal" style="text-align: justify;"&gt;Is a type of navigation using a list-item basis. &lt;/li&gt;
&lt;li class="MsoNormal" style="text-align: justify;"&gt;Usually used as a table of contents, or navigate       within the site content. &lt;/li&gt;
&lt;/ul&gt;&lt;li class="MsoNormal" style="text-align: justify;"&gt;Breadcrumb trail &lt;/li&gt;
&lt;ul style="margin-top: 0cm;" type="circle"&gt;&lt;li class="MsoNormal" style="text-align: justify;"&gt;Commonly used to provide information to visitors       where it is located and is also useful to facilitate the visitor if it       will return to the home page. &lt;/li&gt;
&lt;li class="MsoNormal" style="text-align: justify;"&gt;Use if the site has content (content) is quite       long. &lt;/li&gt;
&lt;/ul&gt;&lt;/ul&gt;&lt;div class="MsoNormal" style="margin-left: 18.7pt; text-align: justify;"&gt;&lt;b&gt;Site Architecture &lt;o:p&gt;&lt;/o:p&gt;&lt;/b&gt;&lt;/div&gt;&lt;ul style="margin-top: 0cm;" type="disc"&gt;&lt;li class="MsoNormal" style="text-align: justify;"&gt;Architecture sites to determine how the site and      the pages in it are organized, labeled, and interconnected (linked) to      facilitate the process of browsing and searching of information by      visitors. &lt;/li&gt;
&lt;li class="MsoNormal" style="text-align: justify;"&gt;In making the architecture or structure of the web      sites, we should follow some principles and rules, including: &lt;/li&gt;
&lt;ul style="margin-top: 0cm;" type="circle"&gt;&lt;li class="MsoNormal" style="text-align: justify;"&gt;All the pages on the site should have a link to       the main page (homepage). &lt;/li&gt;
&lt;li class="MsoNormal" style="text-align: justify;"&gt;Subject to the "three-click rule" in       which visitors must have found the information in 3 clicks or less. &lt;/li&gt;
&lt;li class="MsoNormal" style="text-align: justify;"&gt;Place the most important content at the beginning       of the page. &lt;/li&gt;
&lt;li class="MsoNormal" style="text-align: justify;"&gt;Limit the length of the page (no scrolling). &lt;/li&gt;
&lt;li class="MsoNormal" style="text-align: justify;"&gt;Simplify page layout. &lt;/li&gt;
&lt;li class="MsoNormal" style="text-align: justify;"&gt;Try to keep the main content easy to find. &lt;/li&gt;
&lt;li class="MsoNormal" style="text-align: justify;"&gt;Display products from various perspectives /       categories. &lt;/li&gt;
&lt;li class="MsoNormal" style="text-align: justify;"&gt;Follow the general principles of good writing. &lt;/li&gt;
&lt;/ul&gt;&lt;li class="MsoNormal" style="text-align: justify;"&gt;All in One &lt;/li&gt;
&lt;ul style="margin-top: 0cm;" type="circle"&gt;&lt;li class="MsoNormal" style="text-align: justify;"&gt;All site content is presented in a single page       (main page or homepage). &lt;/li&gt;
&lt;li class="MsoNormal" style="text-align: justify;"&gt;This architecture is the simplest architecture. &lt;/li&gt;
&lt;li class="MsoNormal" style="text-align: justify;"&gt;The advantage of this model is easy in maintenance       file maintenance) because it only consists of one page (file). &lt;/li&gt;
&lt;/ul&gt;&lt;li class="MsoNormal" style="text-align: justify;"&gt;Flat &lt;/li&gt;
&lt;ul style="margin-top: 0cm;" type="circle"&gt;&lt;li class="MsoNormal" style="text-align: justify;"&gt;It is a model structure that make up web pages in       a linear manner. &lt;/li&gt;
&lt;li class="MsoNormal" style="text-align: justify;"&gt;Each page can be accessed from other pages in       sequence. &lt;/li&gt;
&lt;li class="MsoNormal" style="text-align: justify;"&gt;This structure is a structure that is simple and       often applied in those sites with many pages are not too many. For       example, sites that are arranged in the menu Home, Contact Us, Products,       About Us, etc. &lt;/li&gt;
&lt;/ul&gt;&lt;li class="MsoNormal" style="text-align: justify;"&gt;Index &lt;/li&gt;
&lt;ul style="margin-top: 0cm;" type="circle"&gt;&lt;li class="MsoNormal" style="text-align: justify;"&gt;Much like a flat structure, only the index       structure of the menu or the page is structured based on a specific       index. &lt;/li&gt;
&lt;li class="MsoNormal" style="text-align: justify;"&gt;This architecture allows visitors to access a       page. &lt;/li&gt;
&lt;/ul&gt;&lt;li class="MsoNormal" style="text-align: justify;"&gt;Hub-and-spoke / Daisy &lt;/li&gt;
&lt;ul style="margin-top: 0cm;" type="circle"&gt;&lt;li class="MsoNormal" style="text-align: justify;"&gt;This model is suitable for sites that have       multiple grooves, such as the application site email. Visitors can access       the page inbox (mailbox) in several ways, such as after reading the       letter, after sending a letter or when it's managed to save the contacts.       &lt;/li&gt;
&lt;/ul&gt;&lt;li class="MsoNormal" style="text-align: justify;"&gt;Strict hierarchy &lt;/li&gt;
&lt;ul style="margin-top: 0cm;" type="circle"&gt;&lt;li class="MsoNormal" style="text-align: justify;"&gt;Web pages arranged in an array of parent-and-child       (per category). &lt;/li&gt;
&lt;li class="MsoNormal" style="text-align: justify;"&gt;This architecture allows to access a page through       a parent or a category. &lt;/li&gt;
&lt;li class="MsoNormal" style="text-align: justify;"&gt;The advantage of this model is that visitors       easily and quickly in seeking information or pages they want because the       information is prepared based on certain categories. &lt;/li&gt;
&lt;/ul&gt;&lt;li class="MsoNormal" style="text-align: justify;"&gt;Multi-dimensional hierarchy &lt;/li&gt;
&lt;ul style="margin-top: 0cm;" type="circle"&gt;&lt;li class="MsoNormal" style="text-align: justify;"&gt;Basically the same as the architecture-strict       hierarchy, only on this model, the information allows access from       multiple categories. In other words, some categories can access the       information (pages) the same. &lt;/li&gt;
&lt;/ul&gt;&lt;li class="MsoNormal" style="text-align: justify;"&gt;Search &lt;/li&gt;
&lt;ul style="margin-top: 0cm;" type="circle"&gt;&lt;li class="MsoNormal" style="text-align: justify;"&gt;If we are going to add a search form on our site,       then type the web architecture is applied. Information or pages can be       accessed by a visitor after visitor conducts a search through the form       (page) that has been provided. Of course, the information or page that is       displayed according to the keywords (keywords) entered by visitor.&lt;/li&gt;
&lt;/ul&gt;&lt;/ul&gt;&lt;div class="MsoNormal" style="text-align: justify;"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div class="MsoNormal" style="margin-left: 18.7pt; text-align: justify; text-indent: -18pt;"&gt;&lt;b&gt;V.&lt;span style="font: 7pt &amp;quot;Times New Roman&amp;quot;;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;&lt;/b&gt;&lt;span dir="LTR"&gt;&lt;b&gt;SOFTWARE &lt;o:p&gt;&lt;/o:p&gt;&lt;/b&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class="MsoNormal" style="margin-left: 37.4pt; text-align: justify; text-indent: -18pt;"&gt;a.&lt;span style="font: 7pt &amp;quot;Times New Roman&amp;quot;;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;a href="http://www.blogger.com/goog_939094753"&gt; &lt;/a&gt;&lt;/span&gt;&lt;a href="http://coreldraw-graphics-suite.soft32.com/free-download"&gt;&lt;span dir="LTR"&gt;Corel Draw &lt;/span&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class="MsoNormal" style="margin-left: 37.4pt; text-align: justify; text-indent: -18pt;"&gt;b.&lt;span style="font: 7pt &amp;quot;Times New Roman&amp;quot;;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;&lt;a href="http://www.adobe.com/downloads/"&gt;&lt;span dir="LTR"&gt;Photoshop CS &lt;/span&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class="MsoNormal" style="margin-left: 37.4pt; text-align: justify; text-indent: -18pt;"&gt;c.&lt;span style="font: 7pt &amp;quot;Times New Roman&amp;quot;;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;&lt;a href="http://www.soft82.com/download/windows/adobe-dreamweaver/"&gt;&lt;span dir="LTR"&gt;Macromedia Flash &lt;/span&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class="MsoNormal" style="margin-left: 37.4pt; text-align: justify; text-indent: -18pt;"&gt;d.&lt;span style="font: 7pt &amp;quot;Times New Roman&amp;quot;;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;&lt;a href="http://www.soft82.com/download/windows/adobe-dreamweaver/"&gt;&lt;span dir="LTR"&gt;Macromedia Dream weaver &lt;/span&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class="MsoNormal" style="margin-left: 37.4pt; text-align: justify; text-indent: -18pt;"&gt;e.&lt;span style="font: 7pt &amp;quot;Times New Roman&amp;quot;;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;&lt;a href="http://en.utilidades-utiles.com/download-3d-studio-max.html"&gt;&lt;span dir="LTR"&gt;&lt;/span&gt;&lt;/a&gt;&lt;a href="http://usa.autodesk.com/3ds-max/" style="color: blue;"&gt;3d Studio Max&lt;/a&gt; &lt;/div&gt;&lt;div class="MsoNormal" style="text-align: justify;"&gt;&lt;br /&gt;
&lt;/div&gt;</description><thr:total xmlns:thr="http://purl.org/syndication/thread/1.0">0</thr:total></item><item><title>How to make a XML driven external Flash SWF preloader?</title><link>http://tutorial-serbaserbi.blogspot.com/2011/05/how-to-make-xml-driven-external-flash.html</link><author>noreply@blogger.com (Lintang Aries)</author><pubDate>Tue, 17 May 2011 19:07:00 -0700</pubDate><guid isPermaLink="false">tag:blogger.com,1999:blog-385673322375774029.post-5011569312472261877</guid><description>&lt;div style="text-align: justify;"&gt;Aleo Software provides a free XML driven external Flash SWF preloader. The preloader can change it's stage width, height, preloader color and background color according to the parameters defined in a XML file. This tutorial will show you how to customize and use it.&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;Step 1&lt;/b&gt;&lt;br /&gt;
&lt;br /&gt;
Download the free Flash SWF preloader file designed by Aleo Software at &lt;a href="http://www.aleosoft.com/download/freepreloader.zip"&gt;here&lt;/a&gt;. &lt;br /&gt;
&lt;br /&gt;
Unzip the downloaded package, you will get two files: &lt;br /&gt;
preloader.swf&lt;br /&gt;
preloader.xml&lt;/div&gt;&lt;div style="text-align: justify;"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div style="text-align: justify;"&gt;&lt;b&gt;Step 2&lt;/b&gt;&lt;br /&gt;
&lt;br /&gt;
Open the preloader.xml with a text editor, e.g. Windows Notepad. The code in this file is as following:&lt;br /&gt;
&lt;/div&gt;&lt;div style="text-align: left;"&gt;&amp;lt;?xml version="1.0" encoding="UTF-8"?&amp;gt;&lt;br /&gt;
&amp;lt;preloader src="&lt;span style="color: red;"&gt;flash.swf&lt;/span&gt;" width="&lt;span style="color: red;"&gt;480&lt;/span&gt;" height="125" bgcolor="0x000000" color="0xFFFFFF" /&amp;gt;&lt;/div&gt;&lt;div style="text-align: justify;"&gt;&lt;br /&gt;
Change the value of scr to the filename of your Flash SWF file to be loaded.&lt;br /&gt;
&lt;br /&gt;
Change the values of width and height to those of your Flash SWF file to be loaded.&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;Step 3&lt;/b&gt;&lt;br /&gt;
&lt;br /&gt;
Upload the preloader.swf and preloader.xml to the same folder as your Flash SWF file to be loaded.&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;Step 4&lt;/b&gt;&lt;br /&gt;
&lt;br /&gt;
Copy and paste following code to your web page which you want to insert your Flash SWF file.&lt;/div&gt;&lt;div style="text-align: justify;"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div style="text-align: left;"&gt;&amp;lt;object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="&lt;span style="color: red;"&gt;480&lt;/span&gt;" height="125"&amp;gt;&lt;br /&gt;
&amp;lt;param name="movie" value="preloader.swf" /&amp;gt;&lt;br /&gt;
&amp;lt;param name="quality" value="high" /&amp;gt;&lt;br /&gt;
&amp;lt;embed src="preloader.swf"&lt;br /&gt;
quality="high"&lt;br /&gt;
type="application/x-shockwave-flash"&lt;br /&gt;
width="480"&lt;br /&gt;
height="125"&lt;br /&gt;
pluginspage="http://www.macromedia.com/go/getflashplayer" /&amp;gt;&lt;br /&gt;
&amp;lt;/object&amp;gt;&lt;/div&gt;&lt;div style="text-align: justify;"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div style="text-align: justify;"&gt;Please change the values of width and height (two places) to those of your Flash SWF file to be loaded.&lt;br /&gt;
&lt;br /&gt;
&lt;span style="color: red;"&gt;Please note:&lt;/span&gt;&lt;/div&gt;&lt;ol style="text-align: justify;"&gt;&lt;li&gt;You must upload the preloader.swf, preloader.xml and your Flash SWF file to &lt;span style="color: red;"&gt;the same folder as your web page&lt;/span&gt; which you want to insert the Flash banner.&lt;/li&gt;
&lt;li&gt;If you want to change the filename of "preloader.swf", you must also change the filename of the xml file. For example, if you change the filename "preloader.swf" to "loader.swf", you must change the XML filename to "loader.xml".&lt;/li&gt;
&lt;/ol&gt;</description><thr:total xmlns:thr="http://purl.org/syndication/thread/1.0">0</thr:total></item><item><title>How to overlay a transparent Flash SWF movie on a background image?</title><link>http://tutorial-serbaserbi.blogspot.com/2011/06/how-to-overlay-transparent-flash-swf.html</link><author>noreply@blogger.com (Lintang Aries)</author><pubDate>Sun, 15 May 2011 22:23:00 -0700</pubDate><guid isPermaLink="false">tag:blogger.com,1999:blog-385673322375774029.post-2789180936050443746</guid><description>You can overlay a transparent Flash SWF movie on an image with HTML code, which will make the image just looking like the background of the Flash movie, but without modifying the Flash file.&lt;br /&gt;
&lt;br /&gt;
Look for the code that embeds the Flash Movie. It should look similar to this:&lt;br /&gt;
&lt;br /&gt;
&lt;div style="background-color: #cfe2f3;"&gt;&lt;/div&gt;&lt;div style="background-color: #cfe2f3;"&gt;&lt;b&gt;&amp;lt;object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"                      codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0"                      width="480" height="125"&amp;gt;&lt;br /&gt;
&amp;lt;param name="movie" value="flashmovie.swf"                      /&amp;gt;&lt;br /&gt;
&amp;lt;param name="quality" value="high"                      /&amp;gt;&lt;br /&gt;
&amp;lt;embed src="flashmovie.swf" quality="high"                      type="application/x-shockwave-flash" width="480"                      height="125" pluginspage="http://www.macromedia.com/go/getflashplayer"                      /&amp;gt;&lt;br /&gt;
&amp;lt;/object&amp;gt;&lt;/b&gt;&lt;/div&gt;&lt;br /&gt;
To overlay the Flash movie on the image file, there are two things to be done:&lt;br /&gt;
&lt;ol&gt;&lt;li&gt;Make the Flash movie transparent.&lt;/li&gt;
&lt;li&gt;Add HTML code which adds image to the bottom of the Flash movie.&lt;/li&gt;
&lt;/ol&gt;&lt;br /&gt;
To make the Flash movie background transparent, you need to add the WMODE parameters to the HTML code.&lt;br /&gt;
&lt;br /&gt;
Add the following parameter to the OBJECT tag:&lt;br /&gt;
&lt;b&gt;&lt;param name="wmode" value="transparent" /&gt;&lt;/b&gt;&lt;br /&gt;
&lt;div style="background-color: #cfe2f3;"&gt;&lt;b&gt;&amp;lt;param name="wmode" value="transparent"&amp;gt;&lt;/b&gt;&lt;/div&gt;&lt;br /&gt;
Add the following parameter to the EMBED tag:&lt;br /&gt;
&lt;div style="background-color: #cfe2f3;"&gt;&lt;/div&gt;&lt;div style="background-color: #cfe2f3;"&gt;&lt;b&gt;wmode="transparent"&lt;/b&gt;&lt;/div&gt;&lt;br /&gt;
After edit, the HTML code should look similar to below. The new changes are shown in red.&lt;br /&gt;
&lt;br /&gt;
&lt;div class="code" style="background-color: #cfe2f3;"&gt;&lt;b&gt;&amp;lt;object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"                      codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0"                      width="480" height="125"&amp;gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&amp;lt;param name="movie" value="flashmovie.swf"                      /&amp;gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&amp;lt;param name="quality" value="high"                      /&amp;gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&lt;span style="color: red;"&gt;&amp;lt;param name="wmode" value="transparent"&amp;gt;&lt;/span&gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&amp;lt;embed src="flashmovie.swf" quality="high"                      type="application/x-shockwave-flash" width="480"                      height="125" &lt;span style="color: red;"&gt;wmode="transparent"&lt;/span&gt;                      pluginspage="http://www.macromedia.com/go/getflashplayer"                      /&amp;gt;&lt;/b&gt;&lt;br /&gt;
&lt;b&gt;&amp;lt;/object&amp;gt;&lt;/b&gt;&lt;/div&gt;&lt;div class="code"&gt;&lt;br /&gt;
&lt;/div&gt;To add an image to the bottom of the Flash movie, you need                      to use a div layer. A div layer is like a window inside a                      window, which lets you define an area inside your HTML page.&lt;br /&gt;
&lt;br /&gt;
&lt;div class="code"&gt;&lt;span style="color: #990000;"&gt; &lt;b style="background-color: #cfe2f3;"&gt;&amp;lt;div style="width:600px;height:200px;background:url(background.jpg');"&amp;gt;&lt;/b&gt;&lt;/span&gt;&lt;br /&gt;
&lt;div style="background-color: #cfe2f3;"&gt;&lt;b&gt;&amp;lt;object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"                      codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0"                      width="480" height="125"&amp;gt;&lt;/b&gt;&lt;/div&gt;&lt;div style="background-color: #cfe2f3;"&gt;&lt;b&gt;&amp;lt;param name="movie" value="flashmovie.swf"                      /&amp;gt;&lt;/b&gt;&lt;/div&gt;&lt;div style="background-color: #cfe2f3;"&gt;&lt;b&gt;&amp;lt;param name="quality" value="high"                      /&amp;gt;&lt;/b&gt;&lt;/div&gt;&lt;div style="background-color: #cfe2f3;"&gt;&lt;b&gt;&lt;span style="color: red;"&gt;&amp;lt;param name="wmode" value="transparent"&amp;gt;&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;&lt;div style="background-color: #cfe2f3;"&gt;&lt;b&gt;&amp;lt;embed src="flashmovie.swf" quality="high"                      type="application/x-shockwave-flash" width="480"                      height="125" &lt;span style="color: red;"&gt;wmode="transparent"&lt;/span&gt;                      pluginspage="http://www.macromedia.com/go/getflashplayer"                      /&amp;gt;&lt;/b&gt;&lt;/div&gt;&lt;div style="background-color: #cfe2f3;"&gt;&lt;b&gt;&amp;lt;/object&amp;gt;&lt;/b&gt;&lt;/div&gt;&lt;div style="background-color: #cfe2f3;"&gt;&lt;b&gt;&lt;span style="color: #990000;"&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;&lt;/b&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class="code"&gt;&lt;br /&gt;
&lt;/div&gt;The style&lt;span style="color: #990000;"&gt; width:600px;height:200px;background:url(background.jpg');                      &lt;/span&gt;defines the size and background image of the div. Please                      note, the size need to be same as that of the Flash movie.&lt;br /&gt;
&lt;br /&gt;
Reference : http://www.aleosoft.com/flashtutorial_transparentoverlay.html</description><thr:total xmlns:thr="http://purl.org/syndication/thread/1.0">0</thr:total></item><item><title>Wifi Antenna Symbolic Frying Pan</title><link>http://tutorial-serbaserbi.blogspot.com/2011/06/wifi-antenna-symbolic-frying-pan.html</link><author>noreply@blogger.com (Lintang Aries)</author><pubDate>Sun, 15 May 2011 22:00:00 -0700</pubDate><guid isPermaLink="false">tag:blogger.com,1999:blog-385673322375774029.post-3118062878923445161</guid><description>&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSa5F8pYTyhiIndF3YticH2ytXW_qvF9mmfB7TFN8a02beZwTgDSr7Nb5TNYl5pqMtJZGL6H7tu0vTYjU9xyLjRYfCkMZAbMcp5FCab-9YFwMwBKfn1CZSPveiVxVJws0B_AkOK2i-2oQ/s1600/ukuranwajanbolic_1.jpg" imageanchor="1" style="clear:left; float:left;margin-right:1em; margin-bottom:1em"&gt;&lt;img border="0" height="174" width="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSa5F8pYTyhiIndF3YticH2ytXW_qvF9mmfB7TFN8a02beZwTgDSr7Nb5TNYl5pqMtJZGL6H7tu0vTYjU9xyLjRYfCkMZAbMcp5FCab-9YFwMwBKfn1CZSPveiVxVJws0B_AkOK2i-2oQ/s320/ukuranwajanbolic_1.jpg" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;
Currently, anyone who is not familiar with the antenna pan symbolic. The antenna that serves to catch the wifi signal was first introduced by Onno W. Purbo (founder of the concept of pan Bolic). Then pan Bolic concept was developed also by Mr. Gunadi or better known as e-goen. Therefore, symbolic artificial pan Wok named Bolic e-goen.&lt;br /&gt;
&lt;br /&gt;
Antenna concepts pan itself is very simple symbolic, but the benefits were incredible. Many people who are able to enjoy fast internet connections and inexpensive, even free wifi hotspot with a shot that was flourishing at this time, like in the cafes, malls, city parks, campuses, schools, etc..&lt;br /&gt;
&lt;br /&gt;
Make a symbolic pan antenna is not difficult, nor require substantial funds (approximately 300-500 thousand rupiah). Primary materials manufacturer, among others: the skillet / pan lid, pralon (plastic pipes), aluminum foil or aluminum tape, USB Wi-Fi adapter, and UTP cable (USB extension cable). For the record, Wi-Fi USB Adapter that is currently the most popular or most widely used in the manufacture of pan symbolic wifi antenna is Wi-Fi USB Adapter TP-Link TL-WN322G. Besides having a high level of sensitivity, as well as Wi-Fi USB Adapter TP-Link TL-WN322G cheap price.&lt;br /&gt;
&lt;br /&gt;
Despite making relatively simple antenna symbolic skillet, arguably even very easy, but in the process of pembuatanya still exist important formulas that need attention. Like the formula for determining the size and pans pralon diameter, length pralon, and so forth. This formula will determine the success rate of these symbolic skillet. Therefore have to be really careful in the calculation and measurement.&lt;br /&gt;
&lt;br /&gt;
However, for those who do not want to bother or do not have time to make the antenna Wajanbolic own, you can buy ready-made in Alnect Computers, certainly at a low price. Computer Alnect itself is a complete computer shop in Yogyakarta. But for those who are outside the city of Yogyakarta, do not worry, because you can order / buy it (antenna pan symbolic) through Alnect Computers Online Store on www.alnect.net. The goods you buy will be sent directly to your home address fast.&lt;br /&gt;
&lt;br /&gt;
Read more: http://quazen.com/shopping/consumer-electronics/wifi-antenna-symbolic-frying-pan/#ixzz1OC3nSYhV</description><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" height="72" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSa5F8pYTyhiIndF3YticH2ytXW_qvF9mmfB7TFN8a02beZwTgDSr7Nb5TNYl5pqMtJZGL6H7tu0vTYjU9xyLjRYfCkMZAbMcp5FCab-9YFwMwBKfn1CZSPveiVxVJws0B_AkOK2i-2oQ/s72-c/ukuranwajanbolic_1.jpg" width="72"/><thr:total xmlns:thr="http://purl.org/syndication/thread/1.0">0</thr:total></item><item><title>How to add a music player to your Flash banner?</title><link>http://tutorial-serbaserbi.blogspot.com/2011/05/how-to-add-music-player-to-your-flash.html</link><author>noreply@blogger.com (Lintang Aries)</author><pubDate>Sat, 14 May 2011 20:45:00 -0700</pubDate><guid isPermaLink="false">tag:blogger.com,1999:blog-385673322375774029.post-1550073246128204688</guid><description>&lt;div style="text-align: justify;"&gt;This tutorial will show you how to make &lt;a href="http://www.aleosoft.com/flash-intro-banner-maker/index.html"&gt;Aleo Flash Intro Banner Maker&lt;/a&gt; and &lt;a href="http://www.aleosoft.com/mp3toswfconverter/index.html"&gt;Aleo Flash MP3 Player Builder&lt;/a&gt; working together, and add a music player to your Flash banner.&lt;br /&gt;
&lt;br /&gt;
&lt;b&gt;Step 1&lt;/b&gt;&lt;br /&gt;
&lt;br /&gt;
Firstly, make a Flash music player with Aleo Flash MP3 Player Builder.&lt;/div&gt;&lt;ol style="text-align: justify;"&gt;&lt;li&gt;In "Add Songs" panel, select your MP3 files to the list.&lt;/li&gt;
&lt;li&gt;In "Flash Player" panel, select your favorite Flash player.&lt;/li&gt;
&lt;li&gt;In "Publish" panel, "Publish Options", select the second option "Generate one Flash player, and incorporate all of the music files and track list file to it", then click "Publish" button, and generate the Flash player SWF file.&lt;/li&gt;
&lt;/ol&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicnmrrCAETii4n3lTV3TToHaUWgkrS95JHM1QzYTiFY7mCIFFHVPkSX8cWjiIjfQGp6gwl8kBBkegMMjMXcPRYBVslhUtSk3NqxSgrqNf-FqYoN-Rjd3JyAZDpc_h2niwlR0LiVirwick/s1600/flashmp3player_publishoption.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicnmrrCAETii4n3lTV3TToHaUWgkrS95JHM1QzYTiFY7mCIFFHVPkSX8cWjiIjfQGp6gwl8kBBkegMMjMXcPRYBVslhUtSk3NqxSgrqNf-FqYoN-Rjd3JyAZDpc_h2niwlR0LiVirwick/s1600/flashmp3player_publishoption.gif" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div style="text-align: justify;"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div style="text-align: justify;"&gt;&lt;b&gt;Step 2&lt;/b&gt;&lt;br /&gt;
&lt;br /&gt;
In this step, you can incorporate the Flash music player to your Flash banner with Aleo Flash Intro Banner Maker.&lt;br /&gt;
&lt;br /&gt;
In "Background" panel, select the option "Add images and Flash movies to background", then click button "Add Image", select the Flash player SWF file created in the previous step. &lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: center;"&gt;&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiytz1WV9GBmb9LBqVuGTD-Sh4ULKCyrI18KP6pkRcWtLWA98ROOZOcAs3apEGdpjnCsYeZ4XnSSNC1YQRfs4xLAFEaNxjK6MFoc6RG5eThINVhGjlD8J8A656mmOM5CQMRFZyesk6FiUY/s1600/flashbanner_addimage.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"&gt;&lt;img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiytz1WV9GBmb9LBqVuGTD-Sh4ULKCyrI18KP6pkRcWtLWA98ROOZOcAs3apEGdpjnCsYeZ4XnSSNC1YQRfs4xLAFEaNxjK6MFoc6RG5eThINVhGjlD8J8A656mmOM5CQMRFZyesk6FiUY/s1600/flashbanner_addimage.gif" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;div style="text-align: justify;"&gt;Now, the Flash music player has been added to the Flash banner. And in the "Web Link" panel, you can NOT select the option "Open web page when user clicks on Flash movie", otherwise, the Flash music player will be non-clickable.&lt;/div&gt;</description><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" height="72" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicnmrrCAETii4n3lTV3TToHaUWgkrS95JHM1QzYTiFY7mCIFFHVPkSX8cWjiIjfQGp6gwl8kBBkegMMjMXcPRYBVslhUtSk3NqxSgrqNf-FqYoN-Rjd3JyAZDpc_h2niwlR0LiVirwick/s72-c/flashmp3player_publishoption.gif" width="72"/><thr:total xmlns:thr="http://purl.org/syndication/thread/1.0">0</thr:total></item><item><title>How to make a Flash SWF movie with transparent background?</title><link>http://tutorial-serbaserbi.blogspot.com/2011/05/how-to-make-flash-swf-movie-with.html</link><author>noreply@blogger.com (Lintang Aries)</author><pubDate>Wed, 11 May 2011 08:44:00 -0700</pubDate><guid isPermaLink="false">tag:blogger.com,1999:blog-385673322375774029.post-1511289804793940797</guid><description>After you have included the Flash SWF file to your HTML page, you can open the HTML page with your HTML editor and edit the HTML code.&lt;br /&gt;
&lt;br /&gt;
Look for the code that embeds the Flash Movie. It should look similar to this:&lt;br /&gt;
&lt;br /&gt;
&amp;lt;object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="480" height="125"&amp;gt;&lt;br /&gt;
&amp;lt;param name="movie" value="flashmovie.swf" /&amp;gt;&lt;br /&gt;
&amp;lt;param name="quality" value="high" /&amp;gt;&lt;br /&gt;
&amp;lt;embed src="flashmovie.swf" quality="high" type="application/x-shockwave-flash" width="480" height="125" pluginspage="http://www.macromedia.com/go/getflashplayer" /&amp;gt;&lt;br /&gt;
&amp;lt;/object&amp;gt;&lt;br /&gt;
&lt;br /&gt;
To make the background transparent, you need to add the WMODE parameters to the HTML code.&lt;br /&gt;
1. Add the following parameter to the OBJECT tag:&lt;br /&gt;
&amp;lt;param name="wmode" value="transparent"&amp;gt; &lt;br /&gt;
2. Add the following parameter to the EMBED tag:&lt;br /&gt;
wmode="transparent" &lt;br /&gt;
&lt;br /&gt;
After edit, the HTML code should look similar to below. The new changes are shown in red.&lt;br /&gt;
&lt;br /&gt;
&amp;lt;object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="480" height="125"&amp;gt;&lt;br /&gt;
&amp;lt;param name="movie" value="flashmovie.swf" /&amp;gt;&lt;br /&gt;
&amp;lt;param name="quality" value="high" /&amp;gt;&lt;br /&gt;
&lt;span style="color: red;"&gt;&amp;lt;param name="wmode" value="transparent"&amp;gt;&lt;/span&gt;&lt;br /&gt;
&amp;lt;embed src="flashmovie.swf" quality="high" type="application/x-shockwave-flash" width="480" height="125" &lt;span style="color: red;"&gt;wmode="transparent"&lt;/span&gt; pluginspage="http://www.macromedia.com/go/getflashplayer" /&amp;gt;&lt;br /&gt;
&amp;lt;/object&amp;gt;&lt;br /&gt;
&lt;br /&gt;
To make the Flash movie floating on other elements of the HTML page, you need to use the div layers. A div layer is like a window inside a window, which lets you define an area inside your HTML page, and you can set the layer on top of the rest of your HTML page with a property "z-index".&lt;br /&gt;
&lt;br /&gt;
&lt;span style="color: #990000;"&gt;&amp;lt;div style="position:relative;"&amp;gt; &lt;/span&gt;&lt;br /&gt;
&lt;span style="color: #990000;"&gt;&amp;lt;div style="position:absolute; top:0px; left:20px; z-index:1; padding:0px;"&amp;gt; &lt;/span&gt;&lt;br /&gt;
&amp;lt;object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="480" height="125"&amp;gt;&lt;br /&gt;
&amp;lt;param name="movie" value="flashmovie.swf" /&amp;gt;&lt;br /&gt;
&amp;lt;param name="quality" value="high" /&amp;gt;&lt;br /&gt;
&lt;span style="color: red;"&gt;&amp;lt;param name="wmode" value="transparent"&amp;gt;&lt;/span&gt;&lt;br /&gt;
&amp;lt;embed src="flashmovie.swf" quality="high" type="application/x-shockwave-flash" width="480" height="125" &lt;span style="color: red;"&gt;wmode="transparent"&lt;/span&gt; pluginspage="http://www.macromedia.com/go/getflashplayer" /&amp;gt;&lt;br /&gt;
&lt;span style="color: #990000;"&gt;&amp;lt;/object&amp;gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: #990000;"&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;&lt;br /&gt;
&lt;span style="color: #990000;"&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;&lt;br /&gt;
&lt;br /&gt;
The style &lt;span style="color: #990000;"&gt;position:relative;&lt;/span&gt; of the first &lt;span style="color: #990000;"&gt;&amp;lt;div style="position:relative;"&amp;gt;&lt;/span&gt; layer keeps this layer in the current position. &lt;br /&gt;
&lt;br /&gt;
The style &lt;span style="color: #990000;"&gt;position:absolute; top:20px; left:20px;&lt;/span&gt; defines the position of the second layer is 0px to the top, 20px to the left of its container, the first div. The &lt;span style="color: #990000;"&gt;z-index:1&lt;/span&gt; defines the layer will be on top of the rest of your HTML page.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
Reference : http://www.aleosoft.com/flashtutorial_transparent.html</description><thr:total xmlns:thr="http://purl.org/syndication/thread/1.0">0</thr:total></item><item><title>How to make a XML driven Flash MP3 player with Aleo Flash MP3 Player Builder?</title><link>http://tutorial-serbaserbi.blogspot.com/2011/05/how-to-make-xml-driven-flash-mp3-player.html</link><author>noreply@blogger.com (Lintang Aries)</author><pubDate>Wed, 11 May 2011 08:02:00 -0700</pubDate><guid isPermaLink="false">tag:blogger.com,1999:blog-385673322375774029.post-3271400460596553685</guid><description>With Aleo Flash MP3 Player Builder, you can make a XML driven Flash MP3 player for your website. You may download the free trial version of this software at &lt;a href="http://www.aleosoft.com/download.html"&gt;Download&lt;/a&gt;.&lt;br /&gt;
&lt;br /&gt;
Step 1: Make Flash MP3 Player with Aleo Flash MP3 Player Builder&lt;br /&gt;
&lt;ol&gt;&lt;li&gt;Launch the software, in step 1, select at least one MP3 file.&lt;/li&gt;
&lt;li&gt;Click  "Flash Player" on the left navigation bar, then select your favorite  Flash music player.&lt;/li&gt;
&lt;li style="text-align: justify;"&gt;Click "Publish" on the left navigation bar,  choose an output folder, then select the "Publish options" as follow: &lt;img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgw4rL5aDluffiuf73Rk9AoNLNLHLWVKTlNSxaJBsmDSPKVoencpgFM6Zjv9Bb4jGoFMMrAjavoShzyeYH2BlH3ViSEUgf3vITlSicQGby6REAJkJMTx3XjBeMCZ0AoQx5ThWq-UZakukQ/s1600/flashtutorial_xmlpublish.gif" /&gt;&lt;/li&gt;
&lt;li&gt;Click "Publish" button on this panel &lt;/li&gt;
&lt;/ol&gt;&lt;div class="" style="clear: both; text-align: justify;"&gt;Step 2: Edit XML file.&lt;/div&gt;&lt;br /&gt;
After publishing, the software will generate below files in the specified output folder:&lt;br /&gt;
&lt;ul&gt;&lt;li&gt;player.html: HTML file includes the Flash MP3 Player. You may open this file to test the Flash Music player.&lt;/li&gt;
&lt;li&gt;player.swf: Flash MP3 Player SWF file.&lt;/li&gt;
&lt;li&gt;player.xml: XML track list file.&lt;/li&gt;
&lt;li&gt;track1.mp3: MP3 music file.&lt;/li&gt;
&lt;li&gt;track2.mp3: MP3 music file.&lt;/li&gt;
&lt;/ul&gt;&lt;div class="separator" style="clear: both; text-align: justify;"&gt;Now, you can open the generated player.xml file with a text editor, for example, Windows Notepad. The XML file may look like below:&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: justify;"&gt;&lt;img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXjIhjKw6cZkeH7VKQ7IBWftaJY2YkNd1xlig01CQMVTqNSYPaAWIJ59vMsCqGYmO2rS863FTfGnC_5vsNxPCAgWrq4Kp6l077FfAS5zYHKnc1sMwwqxuwwHehSqS4wOhPqnn5LbxI7Bw/s1600/Untitled.png" /&gt;&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: justify;"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: justify;"&gt;To add more MP3 files to the track list, you can edit the XML file and add items to it. &lt;/div&gt;&lt;br /&gt;
For example, if you want to add track3.mp3 and track4.mp3 to the track list, firstly, please copy the two files to the same folder as the player.xml file, then you can modify the player.xml file as below:&lt;br /&gt;
&lt;div class="separator" style="clear: both; text-align: justify;"&gt;&lt;img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpkGlsgycakY3b4VeDUYe5iFj1M9OpJv7lUjEumNQ3XGXwuFfLrbHC_0h03fcMIh3rzmk22OKjcHKbjmuaHibB03RxvHNbCcGmpJRQZzK2ChlPUWUxwzq_kdOIzT3uWsKoNiObriya03E/s1600/Untitled-1.png" /&gt;&lt;/div&gt;&lt;div class="separator" style="clear: both; color: #990000; text-align: justify;"&gt;&lt;b&gt;&lt;br /&gt;
&lt;/b&gt;&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: justify;"&gt;&lt;b style="color: #990000;"&gt;Please note, when uploading Flash music player to your web server, you must upload all of the files, including the player.swf, player.xml and all mp3 files to the same folder.&lt;/b&gt;&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: justify;"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: justify;"&gt;&lt;br /&gt;
&lt;/div&gt;&lt;div class="separator" style="clear: both; text-align: justify;"&gt;&lt;span style="color: #990000;"&gt;&lt;span style="color: black;"&gt;Reference : http://www.aleosoft.com/flashtutorial_xmlplayer.html &lt;/span&gt;&lt;/span&gt;&lt;b style="color: #990000;"&gt;&lt;br /&gt;
&lt;/b&gt;&lt;/div&gt;</description><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" height="72" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgw4rL5aDluffiuf73Rk9AoNLNLHLWVKTlNSxaJBsmDSPKVoencpgFM6Zjv9Bb4jGoFMMrAjavoShzyeYH2BlH3ViSEUgf3vITlSicQGby6REAJkJMTx3XjBeMCZ0AoQx5ThWq-UZakukQ/s72-c/flashtutorial_xmlpublish.gif" width="72"/><thr:total xmlns:thr="http://purl.org/syndication/thread/1.0">0</thr:total></item></channel></rss>