tag:blogger.com,1999:blog-88954147895142039272024-03-18T22:08:24.589-07:00ALL ABOUT COMPUTERAnonymoushttp://www.blogger.com/profile/14577257437828874087noreply@blogger.comBlogger32125tag:blogger.com,1999:blog-8895414789514203927.post-37520938311209935102014-12-06T03:07:00.003-08:002014-12-06T03:07:32.737-08:00FILE LEMBAR JAWAB Zaka ...<br />
Download file lembar jawab klik <a href="http://downloads.ziddu.com/download/24235234/edit2.rar.html">disini</a>Anonymoushttp://www.blogger.com/profile/14577257437828874087noreply@blogger.com0tag:blogger.com,1999:blog-8895414789514203927.post-18159404437856733912014-06-08T18:13:00.004-07:002014-06-08T18:13:54.765-07:00Cara Membuat Post dan Fungsi Tool di Blog<br />
Sebenarnya pemilik perusahaan blogspot sendiri sudah mempersiapkan bagi para bloger nya supaya mereka mudah dalam membuat postingan dengan tampilan mapun tools seperti office yang sudah tidak asin lagi bagi kita.<br />
akan saya coba uraikan langkah langkah dan bagaimana membuat postingan yang bermutu.<br />
berikut Cara Membuat Post dan Fungsi Tool di Blog :<br />
1. Masuk ke dasboard sobat masing2<br />
2. New entri / Post Baru<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6sJkmhTCII044gGDGnCQtoRRfpJiLR4i0OfHufu9PLQCOlJbQE4cFCGs1rjOpNUBw1WEIZrxICO4psUydFVok-tkj3qbh5R5lInKp42sZhi_y2k-wqfAlD_IkgfcVygFAy6phg-D5KE4/s1600/CaraMembuatPostdanFungsiTooldiBlogspot1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6sJkmhTCII044gGDGnCQtoRRfpJiLR4i0OfHufu9PLQCOlJbQE4cFCGs1rjOpNUBw1WEIZrxICO4psUydFVok-tkj3qbh5R5lInKp42sZhi_y2k-wqfAlD_IkgfcVygFAy6phg-D5KE4/s1600/CaraMembuatPostdanFungsiTooldiBlogspot1.png" height="237" width="400" /></a></div>
<br />
Judul : Pertama adalah Judul - untuk pemilihan judul yang anda gunakan sangat berpengaruh dengan kunjungan atau seberapa orang tertarik untuk sekedar membaca postingan sobat. Selain itu judul sendiri merupakan SEO yang paling mantap brow, karena cara kerja search engine sendiri untuk menampilkan postingan anda one page atau berada di halaman pertama sehingga banyak yang berkunjung ke blog sobat adalah relevansi, menurut bahasa saya adalah pendekatan kata apa yang paling mendekati seperti belah duren dengan duren belah itu sangat berbeda sob menurut search engine yang paling popular saat ini adalah google.com. Ok sob jadi untuk pemilihan judul ini sendiri sobat harus memikirkan tingkat relevansinya dan saingan pencarian di mesin pencari.<br />
<br />
2.<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRvk0hwa2O8tBi0sLRdYXYzHnjy3a7hkTaVtq20DHaaY9I0kUCIQWGNugSTtprQYb-pvI8nslk0L0dSKCpTSXHJ25jfLP0PZ7HeC1xgn_e1f7afZEHnQm7JE8WoQueT8opGVwE3vnUfGw/s1600/CaraMembuatPostdanFungsiTooldiBlogspot2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRvk0hwa2O8tBi0sLRdYXYzHnjy3a7hkTaVtq20DHaaY9I0kUCIQWGNugSTtprQYb-pvI8nslk0L0dSKCpTSXHJ25jfLP0PZ7HeC1xgn_e1f7afZEHnQm7JE8WoQueT8opGVwE3vnUfGw/s1600/CaraMembuatPostdanFungsiTooldiBlogspot2.png" height="228" width="400" /></a></div>
Cara Membuat Post dan Fungsi Tool di Blog<br />
<br />
Tools yang disebut dengan compose : merupakan menu edit dimana di tampilan compose ini merupakan layout yang juga akan ditampilkan di depan umum.<br />
<br />
3.<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRXHSQyx8BRIooVjrAXtSHhOLqNXG0kC5hOSABOaaFqGwH83F1KVsoVMSIxGXL2Xq0-j3IIgTSAqskWxv9Zmpd8-lRN_mY1ZBjC8Utch53QUBVroXUuXRX0OGFTk0IJYX4LU4C1jCbdpo/s1600/CaraMembuatPostdanFungsiTooldiBlogspot3.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRXHSQyx8BRIooVjrAXtSHhOLqNXG0kC5hOSABOaaFqGwH83F1KVsoVMSIxGXL2Xq0-j3IIgTSAqskWxv9Zmpd8-lRN_mY1ZBjC8Utch53QUBVroXUuXRX0OGFTk0IJYX4LU4C1jCbdpo/s1600/CaraMembuatPostdanFungsiTooldiBlogspot3.png" height="225" width="400" /></a></div>
Cara Membuat Post dan Fungsi Tool di Blog<br />
<br />
Menu HTML : Merupakan tempat pengeditan kode kode html yang akan di konversi ke Compose,misalkan saja warna putih memiliki kode html #ffff, maka jika di html kita tulis #ffff maka di layout compose akan muncul warna putih.<br />
<br />
4.<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWvIrEhB4zgWQh6ymQLHFBst62fV_c03lWVZ8V5sOw9VD415UsVAbN2X3i4GcN7fLR7yMUjsQC4shmqD00SUT3s7weAJvw4-et96ljVkqidarZY0JgOeFjnMSB9xE9vFrrd3e7uPHzffs/s1600/CaraMembuatPostdanFungsiTooldiBlogspot4.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWvIrEhB4zgWQh6ymQLHFBst62fV_c03lWVZ8V5sOw9VD415UsVAbN2X3i4GcN7fLR7yMUjsQC4shmqD00SUT3s7weAJvw4-et96ljVkqidarZY0JgOeFjnMSB9xE9vFrrd3e7uPHzffs/s1600/CaraMembuatPostdanFungsiTooldiBlogspot4.png" height="226" width="400" /></a></div>
Cara Membuat Post dan Fungsi Tool di Blog<br />
<br />
Toolbar Link : Jika kita ingin memasukkan alamat web pada sebuah tulisan,,alamat web ditantai dengan awalan http:// atau www. dengan akhiran com,net,go.id dan lainnya semisal www.m4sdoel.blogspot.com akan saya masukkan ke tulisan m4sdoel maka jika sobat mengklik tulisan m4sdoel anda akan di arahkan ke alamat www.m4sdoel.blogspot.com, untuk cara pengaplikasiannya bisa sobat lihat pada gambar di atas.<br />
<br />
5.<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKWRoRp_CH1i5LiHAsM8I4J0Bk7JY4lqL_MRbIodkbx17D7s6RNKkvu0U9Bi6Mxfk22h6rjd-_vLIr9DZCPSeJ_6xHLG6hXQLeV93yZnvuecswlmMmgsuFShffpRLyXG1Xi5-6mlrYLx4/s1600/CaraMembuatPostdanFungsiTooldiBlogspot5.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKWRoRp_CH1i5LiHAsM8I4J0Bk7JY4lqL_MRbIodkbx17D7s6RNKkvu0U9Bi6Mxfk22h6rjd-_vLIr9DZCPSeJ_6xHLG6hXQLeV93yZnvuecswlmMmgsuFShffpRLyXG1Xi5-6mlrYLx4/s1600/CaraMembuatPostdanFungsiTooldiBlogspot5.png" height="233" width="400" /></a></div>
<br />
<br />
Tools yang ditunjukkan seperti gambar di atas adalah jenis huruf yang akan sobat gunakan untuk membuat post.<br />
<br />
6.<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0WCBJZqrisbgrjPf_HAr3coyo_ZzE1qKBlARpH57Q_tw5I40-8acEman7TKRAgaIdg_YlAet0DSEuksdeVOcCnDXcPKP0qOVgUCtSLJ2Dr86jGn2Z39WEGePL0Pns6WtHVFcUVgu7g_g/s1600/CaraMembuatPostdanFungsiTooldiBlogspot6.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0WCBJZqrisbgrjPf_HAr3coyo_ZzE1qKBlARpH57Q_tw5I40-8acEman7TKRAgaIdg_YlAet0DSEuksdeVOcCnDXcPKP0qOVgUCtSLJ2Dr86jGn2Z39WEGePL0Pns6WtHVFcUVgu7g_g/s1600/CaraMembuatPostdanFungsiTooldiBlogspot6.png" height="228" width="400" /></a></div>
Cara Membuat Post dan Fungsi Tool di Blog<br />
<br />
Tools yang ditunjukkan seperti gambar di atas merupakan forrmat tulisan yang sobat gunakan.<br />
<br />
7.<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMh3JS4qK1jBbREwgERMgu-5yDzfzR50-iaZIPs161iOwe0IxGkoDJYK33iw-Yf3Kx_f-jAIJMDuKZWMOvbCJP90ZYXXcT56-uLtbS1VbVHDN54Of2xC8YiVy1ZppPv9hKcWj-gjN6-yY/s1600/CaraMembuatPostdanFungsiTooldiBlogspot7.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMh3JS4qK1jBbREwgERMgu-5yDzfzR50-iaZIPs161iOwe0IxGkoDJYK33iw-Yf3Kx_f-jAIJMDuKZWMOvbCJP90ZYXXcT56-uLtbS1VbVHDN54Of2xC8YiVy1ZppPv9hKcWj-gjN6-yY/s1600/CaraMembuatPostdanFungsiTooldiBlogspot7.png" height="236" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaX-gq1jFgSGVj1rbwFOd0QUJ2Fj29pSts3QSKRlLMUTdEz0_VJ-gxd0uRau1_xOWgUmQW1ef_Jx1XmTaSe5wEAP-CgO1dpws3BTRqNDlttIx5qxSZEfrV8xtxSWipQldKOJ1j7Z2EpMY/s1600/CaraMembuatPostdanFungsiTooldiBlogspot7.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><br /></a></div>
Cara Membuat Post dan Fungsi Tool di Blog<br />
<br />
Tools diatas digunakan untuk mempertegas sebuah kalimat seperti<br />
postingan saya ini<br />
Cara Membuat Post dan Fungsi Tool di Blog<br />
isi post nya saya klik heading maka otomatis menjadi bolt dan besar..tapi jangan sobat gunakan untuk tulisan selain judul di atas karena search engine sendiri akan kesulitan mendeteksi mana tulisan yang menjadi judul sobat. Ingat relevansi dan kepadatan kata pada judul postingan sobat.<br />
<br />
8.<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuCCOCt2QyQ6FgeZcpPs9odnEcALxMdGgKZqFDgQr8Dl5Vqc3IY8xlEf7H7HIvwIjE-3KSt1mwBYwzhdv-W2CQ_Tehgezva5yIoJcJXpDcWLUleZFuPJWnLS0vzuUQbXn4oI3H-BsjMvc/s1600/CaraMembuatPostdanFungsiTooldiBlogspot8.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuCCOCt2QyQ6FgeZcpPs9odnEcALxMdGgKZqFDgQr8Dl5Vqc3IY8xlEf7H7HIvwIjE-3KSt1mwBYwzhdv-W2CQ_Tehgezva5yIoJcJXpDcWLUleZFuPJWnLS0vzuUQbXn4oI3H-BsjMvc/s1600/CaraMembuatPostdanFungsiTooldiBlogspot8.png" height="220" width="400" /></a></div>
Cara Membuat Post dan Fungsi Tool di Blog<br />
<br />
Untuk Tools yang ini tidak usah di jelaskan karena pasti sobat sudah sangat familier di office<br />
<br />
9.<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnlILbZg33McS2Vyl5tSGEYru2L41lgU6ezOVHGYJk9pn3mP4kFJWkI663S2U5t0vBYLjRiYdSz6kiL1n9oPYYQtQ9lt1CtjxIKptjbJMWmxREsBAYxdsr7eIjxpu80xsk-44UoQsfttk/s1600/CaraMembuatPostdanFungsiTooldiBlogspot9.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnlILbZg33McS2Vyl5tSGEYru2L41lgU6ezOVHGYJk9pn3mP4kFJWkI663S2U5t0vBYLjRiYdSz6kiL1n9oPYYQtQ9lt1CtjxIKptjbJMWmxREsBAYxdsr7eIjxpu80xsk-44UoQsfttk/s1600/CaraMembuatPostdanFungsiTooldiBlogspot9.png" height="227" width="400" /></a></div>
Cara Membuat Post dan Fungsi Tool di Blog<br />
<br />
Sudah jelas bukan untuk tools tersebut di atas, yang akan saya jelaskan adalah readmore atau page break...seperti judulnya readmore, tools ini berfungsi memutus atau memenggal postingan kita bisa dibilang memuat atau menyembunyikan postingan sobat dalam tulisan readmore, sehingga jika anda mengklik tulisan readmore ini baru tulisan sobat akan di tampilkan secara utuh.<br />
<br />
10.<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHEstOV89Xgi2Gh4lFQONhxBVxvPjjz1CKir_jwS6QNUaPKxYkIHGQbFOkN8v2tchZfGJjOr7ExivUAVxaZ0pullOMUm5R0PlUCkHlXkBE8HL1ycIuYNyZmz6a1hL_ARPCf7qTsglGMs0/s1600/CaraMembuatPostdanFungsiTooldiBlogspot10.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHEstOV89Xgi2Gh4lFQONhxBVxvPjjz1CKir_jwS6QNUaPKxYkIHGQbFOkN8v2tchZfGJjOr7ExivUAVxaZ0pullOMUm5R0PlUCkHlXkBE8HL1ycIuYNyZmz6a1hL_ARPCf7qTsglGMs0/s1600/CaraMembuatPostdanFungsiTooldiBlogspot10.png" height="228" width="400" /></a></div>
Cara Membuat Post dan Fungsi Tool di Blog<br />
<br />
tidak kalah penting dengan tools lainnya adalah memberi keterangan atau judul pada sebuah gambar dengan cara klik gambar yang sudah sobat upload ubah ukuran dengan small = kecil, medium = sedang,Large = besar, X-Large = sangat besar, Keterangann Lain seperti Original Size = ukuran sesungguhnya, left = rata kiri,center = rata tengah, right = rata kanan, add caption = memberi keterangan di bawah gambar,properties = untuk yang satu ini sangat penting jika kita menyisipkan sebuah gambar karena cara kerja search engine untuk menemukan sebuah gambar, gambar tersebut harus memiliki properties,,untuk memudahkan menemukan.<br />
<br />
11.<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTCtnuYAwYwAChym-4-bSD9bn7I_bWYqXKL-fVBMLN9qqcrvwPH-_8Rnd_3_eqqpI6pZMSnWb07ClOUh5DYrgG8z65M8BMQaXWnuQi8wj05obHLsczYVOEe7iVfsoadsilrjL1a8cSKEs/s1600/CaraMembuatPostdanFungsiTooldiBlogspot11.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTCtnuYAwYwAChym-4-bSD9bn7I_bWYqXKL-fVBMLN9qqcrvwPH-_8Rnd_3_eqqpI6pZMSnWb07ClOUh5DYrgG8z65M8BMQaXWnuQi8wj05obHLsczYVOEe7iVfsoadsilrjL1a8cSKEs/s1600/CaraMembuatPostdanFungsiTooldiBlogspot11.png" height="231" width="400" /></a></div>
Cara Membuat Post dan Fungsi Tool di Blog<br />
<br />
pemberian label dalam sebuah postingan sangat penting, kenapa?<br />
tanya kenapa karena label memudahkan kita mengelompokkan sebuah postingan, juga meambah kepadatan pencarian search engine.,ingat dalam membuat post yang perlu kita perhatikan adalah kepadatan kata dan relevansi mesin pencari.<br />
<br />
Sumber : http://m4sdoel.blogspot.com/Anonymoushttp://www.blogger.com/profile/14577257437828874087noreply@blogger.com0tag:blogger.com,1999:blog-8895414789514203927.post-60737926454169388852014-05-27T17:15:00.003-07:002014-06-09T20:56:54.094-07:00langkah membuat blog di blogger<!--[if !mso]>
<style>
v\:* {behavior:url(#default#VML);}
o\:* {behavior:url(#default#VML);}
w\:* {behavior:url(#default#VML);}
.shape {behavior:url(#default#VML);}
</style>
<![endif]--><span style="font-size: small;"><br /></span>
<!--[if gte mso 9]><xml>
<w:WordDocument>
<w:View>Normal</w:View>
<w:Zoom>0</w:Zoom>
<w:TrackMoves/>
<w:TrackFormatting/>
<w:PunctuationKerning/>
<w:ValidateAgainstSchemas/>
<w:SaveIfXMLInvalid>false</w:SaveIfXMLInvalid>
<w:IgnoreMixedContent>false</w:IgnoreMixedContent>
<w:AlwaysShowPlaceholderText>false</w:AlwaysShowPlaceholderText>
<w:DoNotPromoteQF/>
<w:LidThemeOther>EN-US</w:LidThemeOther>
<w:LidThemeAsian>X-NONE</w:LidThemeAsian>
<w:LidThemeComplexScript>X-NONE</w:LidThemeComplexScript>
<w:Compatibility>
<w:BreakWrappedTables/>
<w:SnapToGridInCell/>
<w:WrapTextWithPunct/>
<w:UseAsianBreakRules/>
<w:DontGrowAutofit/>
<w:SplitPgBreakAndParaMark/>
<w:DontVertAlignCellWithSp/>
<w:DontBreakConstrainedForcedTables/>
<w:DontVertAlignInTxbx/>
<w:Word11KerningPairs/>
<w:CachedColBalance/>
</w:Compatibility>
<w:BrowserLevel>MicrosoftInternetExplorer4</w:BrowserLevel>
<m:mathPr>
<m:mathFont m:val="Cambria Math"/>
<m:brkBin m:val="before"/>
<m:brkBinSub m:val="--"/>
<m:smallFrac m:val="off"/>
<m:dispDef/>
<m:lMargin m:val="0"/>
<m:rMargin m:val="0"/>
<m:defJc m:val="centerGroup"/>
<m:wrapIndent m:val="1440"/>
<m:intLim m:val="subSup"/>
<m:naryLim m:val="undOvr"/>
</m:mathPr></w:WordDocument>
</xml><![endif]--><!--[if gte mso 9]><xml>
<w:LatentStyles DefLockedState="false" DefUnhideWhenUsed="true"
DefSemiHidden="true" DefQFormat="false" DefPriority="99"
LatentStyleCount="267">
<w:LsdException Locked="false" Priority="0" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="Normal"/>
<w:LsdException Locked="false" Priority="9" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="heading 1"/>
<w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 2"/>
<w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 3"/>
<w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 4"/>
<w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 5"/>
<w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 6"/>
<w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 7"/>
<w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 8"/>
<w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 9"/>
<w:LsdException Locked="false" Priority="39" Name="toc 1"/>
<w:LsdException Locked="false" Priority="39" Name="toc 2"/>
<w:LsdException Locked="false" Priority="39" Name="toc 3"/>
<w:LsdException Locked="false" Priority="39" Name="toc 4"/>
<w:LsdException Locked="false" Priority="39" Name="toc 5"/>
<w:LsdException Locked="false" Priority="39" Name="toc 6"/>
<w:LsdException Locked="false" Priority="39" Name="toc 7"/>
<w:LsdException Locked="false" Priority="39" Name="toc 8"/>
<w:LsdException Locked="false" Priority="39" Name="toc 9"/>
<w:LsdException Locked="false" Priority="35" QFormat="true" Name="caption"/>
<w:LsdException Locked="false" Priority="10" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="Title"/>
<w:LsdException Locked="false" Priority="1" Name="Default Paragraph Font"/>
<w:LsdException Locked="false" Priority="11" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="Subtitle"/>
<w:LsdException Locked="false" Priority="22" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="Strong"/>
<w:LsdException Locked="false" Priority="20" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="Emphasis"/>
<w:LsdException Locked="false" Priority="59" SemiHidden="false"
UnhideWhenUsed="false" Name="Table Grid"/>
<w:LsdException Locked="false" UnhideWhenUsed="false" Name="Placeholder Text"/>
<w:LsdException Locked="false" Priority="1" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="No Spacing"/>
<w:LsdException Locked="false" Priority="60" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Shading"/>
<w:LsdException Locked="false" Priority="61" SemiHidden="false"
UnhideWhenUsed="false" Name="Light List"/>
<w:LsdException Locked="false" Priority="62" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Grid"/>
<w:LsdException Locked="false" Priority="63" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 1"/>
<w:LsdException Locked="false" Priority="64" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 2"/>
<w:LsdException Locked="false" Priority="65" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 1"/>
<w:LsdException Locked="false" Priority="66" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 2"/>
<w:LsdException Locked="false" Priority="67" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 1"/>
<w:LsdException Locked="false" Priority="68" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 2"/>
<w:LsdException Locked="false" Priority="69" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 3"/>
<w:LsdException Locked="false" Priority="70" SemiHidden="false"
UnhideWhenUsed="false" Name="Dark List"/>
<w:LsdException Locked="false" Priority="71" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Shading"/>
<w:LsdException Locked="false" Priority="72" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful List"/>
<w:LsdException Locked="false" Priority="73" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Grid"/>
<w:LsdException Locked="false" Priority="60" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Shading Accent 1"/>
<w:LsdException Locked="false" Priority="61" SemiHidden="false"
UnhideWhenUsed="false" Name="Light List Accent 1"/>
<w:LsdException Locked="false" Priority="62" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Grid Accent 1"/>
<w:LsdException Locked="false" Priority="63" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 1 Accent 1"/>
<w:LsdException Locked="false" Priority="64" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 2 Accent 1"/>
<w:LsdException Locked="false" Priority="65" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 1 Accent 1"/>
<w:LsdException Locked="false" UnhideWhenUsed="false" Name="Revision"/>
<w:LsdException Locked="false" Priority="34" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="List Paragraph"/>
<w:LsdException Locked="false" Priority="29" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="Quote"/>
<w:LsdException Locked="false" Priority="30" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="Intense Quote"/>
<w:LsdException Locked="false" Priority="66" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 2 Accent 1"/>
<w:LsdException Locked="false" Priority="67" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 1 Accent 1"/>
<w:LsdException Locked="false" Priority="68" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 2 Accent 1"/>
<w:LsdException Locked="false" Priority="69" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 3 Accent 1"/>
<w:LsdException Locked="false" Priority="70" SemiHidden="false"
UnhideWhenUsed="false" Name="Dark List Accent 1"/>
<w:LsdException Locked="false" Priority="71" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Shading Accent 1"/>
<w:LsdException Locked="false" Priority="72" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful List Accent 1"/>
<w:LsdException Locked="false" Priority="73" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Grid Accent 1"/>
<w:LsdException Locked="false" Priority="60" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Shading Accent 2"/>
<w:LsdException Locked="false" Priority="61" SemiHidden="false"
UnhideWhenUsed="false" Name="Light List Accent 2"/>
<w:LsdException Locked="false" Priority="62" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Grid Accent 2"/>
<w:LsdException Locked="false" Priority="63" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 1 Accent 2"/>
<w:LsdException Locked="false" Priority="64" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 2 Accent 2"/>
<w:LsdException Locked="false" Priority="65" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 1 Accent 2"/>
<w:LsdException Locked="false" Priority="66" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 2 Accent 2"/>
<w:LsdException Locked="false" Priority="67" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 1 Accent 2"/>
<w:LsdException Locked="false" Priority="68" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 2 Accent 2"/>
<w:LsdException Locked="false" Priority="69" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 3 Accent 2"/>
<w:LsdException Locked="false" Priority="70" SemiHidden="false"
UnhideWhenUsed="false" Name="Dark List Accent 2"/>
<w:LsdException Locked="false" Priority="71" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Shading Accent 2"/>
<w:LsdException Locked="false" Priority="72" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful List Accent 2"/>
<w:LsdException Locked="false" Priority="73" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Grid Accent 2"/>
<w:LsdException Locked="false" Priority="60" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Shading Accent 3"/>
<w:LsdException Locked="false" Priority="61" SemiHidden="false"
UnhideWhenUsed="false" Name="Light List Accent 3"/>
<w:LsdException Locked="false" Priority="62" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Grid Accent 3"/>
<w:LsdException Locked="false" Priority="63" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 1 Accent 3"/>
<w:LsdException Locked="false" Priority="64" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 2 Accent 3"/>
<w:LsdException Locked="false" Priority="65" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 1 Accent 3"/>
<w:LsdException Locked="false" Priority="66" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 2 Accent 3"/>
<w:LsdException Locked="false" Priority="67" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 1 Accent 3"/>
<w:LsdException Locked="false" Priority="68" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 2 Accent 3"/>
<w:LsdException Locked="false" Priority="69" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 3 Accent 3"/>
<w:LsdException Locked="false" Priority="70" SemiHidden="false"
UnhideWhenUsed="false" Name="Dark List Accent 3"/>
<w:LsdException Locked="false" Priority="71" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Shading Accent 3"/>
<w:LsdException Locked="false" Priority="72" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful List Accent 3"/>
<w:LsdException Locked="false" Priority="73" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Grid Accent 3"/>
<w:LsdException Locked="false" Priority="60" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Shading Accent 4"/>
<w:LsdException Locked="false" Priority="61" SemiHidden="false"
UnhideWhenUsed="false" Name="Light List Accent 4"/>
<w:LsdException Locked="false" Priority="62" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Grid Accent 4"/>
<w:LsdException Locked="false" Priority="63" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 1 Accent 4"/>
<w:LsdException Locked="false" Priority="64" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 2 Accent 4"/>
<w:LsdException Locked="false" Priority="65" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 1 Accent 4"/>
<w:LsdException Locked="false" Priority="66" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 2 Accent 4"/>
<w:LsdException Locked="false" Priority="67" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 1 Accent 4"/>
<w:LsdException Locked="false" Priority="68" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 2 Accent 4"/>
<w:LsdException Locked="false" Priority="69" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 3 Accent 4"/>
<w:LsdException Locked="false" Priority="70" SemiHidden="false"
UnhideWhenUsed="false" Name="Dark List Accent 4"/>
<w:LsdException Locked="false" Priority="71" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Shading Accent 4"/>
<w:LsdException Locked="false" Priority="72" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful List Accent 4"/>
<w:LsdException Locked="false" Priority="73" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Grid Accent 4"/>
<w:LsdException Locked="false" Priority="60" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Shading Accent 5"/>
<w:LsdException Locked="false" Priority="61" SemiHidden="false"
UnhideWhenUsed="false" Name="Light List Accent 5"/>
<w:LsdException Locked="false" Priority="62" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Grid Accent 5"/>
<w:LsdException Locked="false" Priority="63" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 1 Accent 5"/>
<w:LsdException Locked="false" Priority="64" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 2 Accent 5"/>
<w:LsdException Locked="false" Priority="65" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 1 Accent 5"/>
<w:LsdException Locked="false" Priority="66" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 2 Accent 5"/>
<w:LsdException Locked="false" Priority="67" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 1 Accent 5"/>
<w:LsdException Locked="false" Priority="68" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 2 Accent 5"/>
<w:LsdException Locked="false" Priority="69" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 3 Accent 5"/>
<w:LsdException Locked="false" Priority="70" SemiHidden="false"
UnhideWhenUsed="false" Name="Dark List Accent 5"/>
<w:LsdException Locked="false" Priority="71" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Shading Accent 5"/>
<w:LsdException Locked="false" Priority="72" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful List Accent 5"/>
<w:LsdException Locked="false" Priority="73" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Grid Accent 5"/>
<w:LsdException Locked="false" Priority="60" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Shading Accent 6"/>
<w:LsdException Locked="false" Priority="61" SemiHidden="false"
UnhideWhenUsed="false" Name="Light List Accent 6"/>
<w:LsdException Locked="false" Priority="62" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Grid Accent 6"/>
<w:LsdException Locked="false" Priority="63" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 1 Accent 6"/>
<w:LsdException Locked="false" Priority="64" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 2 Accent 6"/>
<w:LsdException Locked="false" Priority="65" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 1 Accent 6"/>
<w:LsdException Locked="false" Priority="66" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 2 Accent 6"/>
<w:LsdException Locked="false" Priority="67" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 1 Accent 6"/>
<w:LsdException Locked="false" Priority="68" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 2 Accent 6"/>
<w:LsdException Locked="false" Priority="69" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 3 Accent 6"/>
<w:LsdException Locked="false" Priority="70" SemiHidden="false"
UnhideWhenUsed="false" Name="Dark List Accent 6"/>
<w:LsdException Locked="false" Priority="71" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Shading Accent 6"/>
<w:LsdException Locked="false" Priority="72" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful List Accent 6"/>
<w:LsdException Locked="false" Priority="73" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Grid Accent 6"/>
<w:LsdException Locked="false" Priority="19" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="Subtle Emphasis"/>
<w:LsdException Locked="false" Priority="21" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="Intense Emphasis"/>
<w:LsdException Locked="false" Priority="31" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="Subtle Reference"/>
<w:LsdException Locked="false" Priority="32" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="Intense Reference"/>
<w:LsdException Locked="false" Priority="33" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="Book Title"/>
<w:LsdException Locked="false" Priority="37" Name="Bibliography"/>
<w:LsdException Locked="false" Priority="39" QFormat="true" Name="TOC Heading"/>
</w:LatentStyles>
</xml><![endif]--><!--[if gte mso 10]>
<style>
/* Style Definitions */
table.MsoNormalTable
{mso-style-name:"Table Normal";
mso-tstyle-rowband-size:0;
mso-tstyle-colband-size:0;
mso-style-noshow:yes;
mso-style-priority:99;
mso-style-qformat:yes;
mso-style-parent:"";
mso-padding-alt:0in 5.4pt 0in 5.4pt;
mso-para-margin:0in;
mso-para-margin-bottom:.0001pt;
mso-pagination:widow-orphan;
font-size:10.0pt;
font-family:"Calibri","sans-serif";}
</style>
<![endif]-->
<br />
<div class="MsoNormal" style="text-align: justify;">
<span style="font-size: small;"><b><i><u><span style="line-height: 115%;">Syarat membuat blog
:</span></u></i></b></span></div>
<div class="MsoNormal" style="margin-left: 0.5in; text-align: justify; text-indent: -0.25in;">
<span style="font-size: small;"><b><i><span style="line-height: 115%;">1.<span style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; font-family: "Times New Roman"; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal;">
</span></span></i></b><b><i><u><span style="line-height: 115%;">Harus punya akun email gmail</span></u></i></b></span></div>
<div class="MsoNormal" style="margin-left: 0.5in; text-align: justify; text-indent: -0.25in;">
<span style="font-size: small;"><b><i><span style="line-height: 115%;">2.<span style="-moz-font-feature-settings: normal; -moz-font-language-override: normal; font-family: "Times New Roman"; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal;">
</span></span></i></b><b><i><u><span style="line-height: 115%;">Daftar ke www.blogger.com</span></u></i></b></span><br />
<br /></div>
<div class="MsoNormal" style="text-align: justify;">
<span style="font-size: small;"><b><span style="line-height: 115%;">Cara membuat email baru di Google</span></b><span style="line-height: 115%;"> </span>yang
biasa disebut juga dengan <b>gmail</b> sangat mudah. Pada dasarnya cara membuat
<b>akun email</b> di gmail sama saja anda mendaftar untuk sebuah akun yang bisa
dipergunakan untuk mengakses semua produk <b>Google</b>.</span></div>
<div class="MsoNormal">
<span style="font-size: small;"><a href="https://www.blogger.com/null" name="more"></a><br /></span>
<span style="font-size: small;">Produk email dari Gmail ini terintegrasi dengan semua produk Google seperti
Youtube, <a href="http://trikmudahseo.blogspot.com/2012/11/cara-membuat-google-plus.html" target="_blank">Google Plus</a>, <a href="http://trikmudahseo.blogspot.com/2012/03/cara-menggunakan-google-webmaster-tools.html" target="_blank">Webmaster Tools</a>, <a href="http://trikmudahseo.blogspot.com/2012/03/cara-daftar-google-analytics.html" target="_blank">Analytics</a> dan masih banyak lagi.Tapi produk-produk ini akan
kita bahas di materi lain. Kali ini saya khusus menjabarkan cara pembuatan dan
penggunaan akun baru gmail tersebut.</span></div>
<h2>
<span style="font-size: small;">
Langkah-Langkah Membuat Email Google Baru</span></h2>
<h3>
<span style="font-size: small;">
Memasukkan data pribadi anda.</span></h3>
<ul type="disc">
<li class="MsoNormal" style="line-height: normal;"><span style="font-size: small;">Silahkan
saudara membuka alamat gmail di <a href="http://mail.google.com/" target="_blank"><b>http://mail.google.com/</b></a> </span></li>
<li class="MsoNormal" style="line-height: normal;"><span style="font-size: small;">Biasanya
anda akan masuk ke layar login akun Google terlebih dahulu. pada layar
tersebut di bagian kanan atas akan ada link Create an Account atau Buat
Akun </span></li>
<li class="MsoNormal" style="line-height: normal;"><span style="font-size: small;">Sebagaimana
layaknya sebuah pendaftaran, Google akan meminta anda mengisi beberapa hal
sebelum anda <i>membuat email</i>. Berikut ini adalah data yang harus anda
isikan:</span></li>
</ul>
<ul type="disc">
<li class="MsoNormal" style="line-height: normal;"><span style="font-size: small;">Nama depan
dan belakang</span></li>
<li class="MsoNormal" style="line-height: normal;"><span style="font-size: small;">Alamat
email yang anda inginkan (akan ada pengecekan ketersediaan, karena tidak boleh
ada dua alamat email yang sama)</span></li>
<li class="MsoNormal" style="line-height: normal;"><span style="font-size: small;">Isikan
password email yang anda inginkan. Password sebaiknya perpaduan huruf
besar dan kecil dengan angka numerik. Contoh: AKunEmaiLGoOgle79. Saran
saya ketik dulu password ini di sebuah notepad dan simpan.</span></li>
<li class="MsoNormal" style="line-height: normal;"><span style="font-size: small;">Ketik
ulang password anda untuk memastikan tidak ada karakter yang salah. </span></li>
<li class="MsoNormal" style="line-height: normal;"><span style="font-size: small;">Masukkan
tahun, bulan, dan tanggal kelahiran anda</span></li>
<li class="MsoNormal" style="line-height: normal;"><span style="font-size: small;">Pilih
jenis kelamin</span></li>
<li class="MsoNormal" style="line-height: normal;"><span style="font-size: small;">Isikan
nomor handphone anda pada pendaftaran ini. Handphone ini akan anda gunakan
dalam pengamanan akun anda nantinya.</span></li>
<li class="MsoNormal" style="line-height: normal;"><span style="font-size: small;">Jika anda
punya akun emaill lainnya, isikan ke dalam formulir. Ini akan membantu
anda jika akun email Google yang anda buat ini mengalami masalah nantinya.</span></li>
<li class="MsoNormal" style="line-height: normal;"><span style="font-size: small;">Ketikkan
lokasi atau negara anda</span></li>
<li class="MsoNormal" style="line-height: normal;"><span style="font-size: small;">Tentu saja
yang wajib hukumnya adalah menyetujui persyaratan Gmail</span></li>
<li class="MsoNormal" style="line-height: normal;"><span style="font-size: small;">Klik
tombol Langkah berikutnya (lihat contoh gambar di bawah)</span></li>
</ul>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-size: small;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhn2m6ukrkfjDLquRC6O5Kvrh-Lom8WZYBFsqnwmHd9kUdShspt96EhOP8-T_S524Bx3DanU6LfYjKjdX_tWuLaNm4eMf5AnECkNmXB0_8apgRtX8gPiCW0vdg5jQT7oi4BtI4XK1-Yli4/s1600/email1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhn2m6ukrkfjDLquRC6O5Kvrh-Lom8WZYBFsqnwmHd9kUdShspt96EhOP8-T_S524Bx3DanU6LfYjKjdX_tWuLaNm4eMf5AnECkNmXB0_8apgRtX8gPiCW0vdg5jQT7oi4BtI4XK1-Yli4/s1600/email1.png" height="640" width="225" /></a></span></div>
<div align="center" class="MsoNormal" style="margin-bottom: 0in; text-align: center;">
<span style="font-size: small;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieCpfyVUpoDX6UnYTgWSaCf_huGX0WX1U_2GvYz7p1CSkdEbJx-gP5l9my9O34V8etTb06hopFBY9IKY9NLgM4HxGZ686et1I5cCLGPFYjunJieA5eLEHy5wNIKxgqr6plM-M93MQxOjRe/s1600/email1.png"><br /></a></span></div>
<h3>
<span style="font-size: small;">
Verifikasi Akun Email Anda</span></h3>
<div class="MsoNormal">
<span style="font-size: small;">Pada saat anda membuat email di gmail ini anda mungkin akan
diminta memverifikasi pendaftaran yang anda lakukan. Masukkan nomor handphone
anda dan klik kirim kode verifikasi. Tunggu beberapa saat sampai anda menerima
sebuah SMS dari Google.</span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-size: small;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicNQ8OuRlo16kLuodbeLrK5DNjaIF3PoP-aZeNXnLl820KAhMIwAjY9abfHcrDBXo8P0ghpq8xeH_3hthZaCyek5AqLh9exDDv5_V4WMCSMq1zkMSnU-ln0o5npdC5JrIbuD-dmQaxWTY/s1600/email4.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicNQ8OuRlo16kLuodbeLrK5DNjaIF3PoP-aZeNXnLl820KAhMIwAjY9abfHcrDBXo8P0ghpq8xeH_3hthZaCyek5AqLh9exDDv5_V4WMCSMq1zkMSnU-ln0o5npdC5JrIbuD-dmQaxWTY/s1600/email4.jpg" height="266" width="400" /></a></span></div>
<div align="center" class="MsoNormal" style="text-align: center;">
<span style="color: windowtext; font-size: small; text-decoration: none;"><br /></span></div>
<ul type="disc">
<li class="MsoNormal" style="line-height: normal;"><span style="font-size: small;">Di dalam
SMS itu ada sebuah kode 6 angka unik. Isikan nomor tersebut pada layar
verifikasi akun email baru saudara....</span></li>
</ul>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-size: small;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIKegPGlEsVHOQvTYAWgssQGqfDlATJFUJLgxgqf8khivhg1egyARcMABOF1riigw6Iq8LF4AtF5ikTaBzBx6VumI2cw8zTcMhVdGttvzMZU_AdfOjBo0gutL5hTON044d1zaZzgAgifw/s1600/email5.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIKegPGlEsVHOQvTYAWgssQGqfDlATJFUJLgxgqf8khivhg1egyARcMABOF1riigw6Iq8LF4AtF5ikTaBzBx6VumI2cw8zTcMhVdGttvzMZU_AdfOjBo0gutL5hTON044d1zaZzgAgifw/s1600/email5.jpg" height="223" width="400" /></a></span></div>
<div align="center" class="MsoNormal" style="margin-bottom: 0in; text-align: center;">
<span style="font-size: small;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhiFxbC70qx_d8mLLvqyDL_wHIRRYoCl2KPviEWxJhg-YW9UFTAMkt4gHQT7G5MRy4vXkS-WxYXLN-QbVbmebQcnUvv7SblE3udsBuOq5SLXG6VHBLWmt8zZhlBOeSXH3833Bwn-VMWKR4q/s1600/email5.jpg"><span style="color: windowtext; text-decoration: none;"><br /></span></a></span></div>
<h3>
<span style="font-size: small;">
Edit Profil Akun Email Anda</span></h3>
<div class="MsoNormal" style="text-align: justify;">
<span style="font-size: small;">Setelah melakukan verifikasi,
anda akan diminta mengedit profil akun email baru anda dengan memasukkan sebuah
foto. Tapi kalau anda belum mau mengedit profil, maka silahkan klik langkah
berikutnya. Anda bisa mengubah profil anda nantinya dari link <a href="https://accounts.google.com/ManageAccount" target="_blank">pengaturan
akun</a>. </span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-size: small;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg88rDZlVIzRROqERqQCbBrEFWyfipnuugJBKBmoDKwYpHo6O94opu7DDMLhse2I3xhJGcoq-DA5PnyUtH-MDo-1xkRpgEWgsCRUFhu1qbqUwPe_JJaS-RleGD6aTzqRPpIG-UQohKUFpI/s1600/email2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg88rDZlVIzRROqERqQCbBrEFWyfipnuugJBKBmoDKwYpHo6O94opu7DDMLhse2I3xhJGcoq-DA5PnyUtH-MDo-1xkRpgEWgsCRUFhu1qbqUwPe_JJaS-RleGD6aTzqRPpIG-UQohKUFpI/s1600/email2.png" height="241" width="400" /></a></span></div>
<div class="MsoNormal">
<span style="font-size: small;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiv8Aa6e6wRIW3OR2RN802pEqrJOEEaRRNDy7oIsJwWCBusFi15FGGHPEN49X7opMQosaEUdD8GgZnLJA8h0INM8ntK5xxKWIbaFhyj9ZmpBYscS3dovd06f4QCt1K00X4OVqTWnvdwznlM/s1600/email2.png"><span style="color: windowtext; text-decoration: none;"><br /></span></a></span></div>
<div class="MsoNormal">
<span style="font-size: small;"><br /></span></div>
<ul type="disc">
<li class="MsoNormal" style="line-height: normal;"><span style="font-size: small;">Proses
membuat email baru di Google sudah selesai, akan ada layar ramah tamah
dari Google. Silahkan klik <u>Lanjutkan ke Gmail</u></span></li>
</ul>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-size: small;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7zFU6fhfmdLCoEYnQmfMVIMCjdrwtoBmQP8fK8v4CLABkggjKnUKHJnvzZJa9oGilMNiLqqhX11PKLvnMCmXnC9z6AwxfC5fZpifXuFWxIsUiRL46BBEAXLBSkWPS9TF4y08ArvXAk-8/s1600/email3.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7zFU6fhfmdLCoEYnQmfMVIMCjdrwtoBmQP8fK8v4CLABkggjKnUKHJnvzZJa9oGilMNiLqqhX11PKLvnMCmXnC9z6AwxfC5fZpifXuFWxIsUiRL46BBEAXLBSkWPS9TF4y08ArvXAk-8/s1600/email3.png" height="262" width="400" /></a></span></div>
<div align="center" class="MsoNormal" style="margin-bottom: 0in; text-align: center;">
<span style="font-size: small;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbMoWkWgzqNpbGLj4G3a45Y5plb7DBKlZxaCgbMYq6P4SdUtIu7WZGW8e4FIjCqiz3PID7ZEHMhbHVwohsowuHa9NvFVOYj7YuGgKbNa5DMT8IIxee-dkjDuSJgyaIEZgMWn2RXQoVGiZS/s1600/email3.png"><span style="color: windowtext; text-decoration: none;"><br /></span></a></span></div>
<h2 style="text-align: justify;">
<span style="font-size: small;">
Sedikit Pengamanan Pada Akun Gmail Yang Baru
Anda Buat </span></h2>
<div class="MsoNormal" style="margin-bottom: 12pt; text-align: justify;">
<span style="font-size: small;">Dengan
mengklik tombol di atas anda akan dibawa masuk ke akun anda. di mana ada 3 buah
email dari Google. <span style="background: none repeat scroll 0% 0% yellow;">Sebaiknya anda mencatat
tanggal, dan waktu masuk dari email Google itu yang berisi password tadi</span>.
Karena waktu terkirimnya email tersebut adalah waktu pembuatan email anda. Anda
akan membutuhkan data ini jika skenario terburuk atas akun anda terjadi. Maksud
saya adalah saat anda ingin mengembalikan akun email Google yang dihack.</span></div>
<div class="MsoNormal" style="margin-bottom: 0in; text-align: justify;">
<span style="font-size: small;">Itulah cara-cara membuat akun email Google alias Gmail yang dilengkapi
dengan langkah-langkah awal memproteksi akun anda. Langkah-langkah proteksi
seperti membuat password yang rumit, dan mencatat tanggal dan waktu pembuatan
email ke dalam sebuah file notepad bisa anda lewatkan jika akun gmail ini tidak
terlalu penting bagi anda.</span><br />
<span style="font-size: small;"><br /></span>
<span style="font-size: small;">Sebaliknya, jika anda <b>membuat akun email</b> ini untuk keperluan bisnis,
pekerjaan, ataupun sesuatu yang privasi, maka sebaiknya anda melakukan
langkah-langkah awal melindungi akun Google anda. Lebih detil akan dibahas di
artikel selanjutnya.</span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: 0in;">
<span style="font-size: small;"><br /></span></div>
<span style="font-size: small;"><b><span style="font-family: "Times New Roman","serif";"><br clear="all" style="page-break-before: always;" />
</span></b></span>
<br />
<div class="MsoNormal" style="line-height: normal; margin-bottom: 0in;">
<span style="font-size: small;"><b><span style="font-family: "Times New Roman","serif";">Cara
membuat blog di Blogger / blogspot</span></b><span style="font-family: "Times New Roman","serif";"> </span><span style="font-family: "Times New Roman","serif";">sebenarnya
tidak begitu sulit. Syaratnya Anda harus punya email dari gmail, misalnya akubelajarblog@gmail.com.
Jika sudah pernah membuatnya, Anda cukup login dan langsung masuk ke
blogger.com. Jika belum, Anda harus mendaftr lebih dahulu (Sign Up). Ya, gmail
dan blogger sebenarnya adalah produk <b>Google</b>, jadi keduanya semacam
berada di rumah yang sama, tapi beda kamar.<br />
<br />
Oke, agar tidak membingungkan, saya kasih tau <a href="http://blogctrld.blogspot.com/2013/10/cara-membuat-blog-gratis-dan-mudah.html"><span style="color: windowtext;">cara membuat blog gratis</span></a> ini dengan sangat
mudah. Tapi lebih bagus lagi jika dipraktekan langsung. Jika berminat, Anda
juga bisa membaca tulisan sebelumnya <a href="http://blogctrld.blogspot.com/2013/10/cara-membuat-blog-di-wordpress-gratis.html"><span style="color: windowtext;">cara membuat blog di Wordpress</span></a>.<br />
<br />
Langsung saja ya :<br />
<br />
1. Kunjung situs <a href="http://blogger.com/"><span style="color: windowtext;">Blogger.com</span></a><br />
2. Isi Email dan password Gmail sobat . Lalu klik tombol "Masuk" atau
"Sign in"</span></span></div>
<div align="center" class="MsoNormal" style="line-height: normal; margin-bottom: 0in; text-align: center;">
<span style="font-size: small;"><br /></span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: 12pt;">
<span style="font-family: "Times New Roman","serif"; font-size: small;">3. Selanjutnya Sobat akan dibawa masuk ke halaman awal
Blogger. Di sana akan terlihat akun Gmail sobat di Google+ termasuk foto
profilenya. Tapi biarkan saja. Klik tombol "<b>Lanjutkan ke Blogger</b>".</span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-size: small;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8ijSQeO47mcRWYshr_zTkVWUcnZJgO_EEo3Wmq-DuTA7cX538a0754hSjIJ0H6b1GNuVW1f-0QK_BscenNEbhVESA-0SkryXvT-ZwBKb8vWuj0bskEFPGl0rpoTpN4kPeuSf1-dgTW3M/s1600/Cara+Membuat+Blog+di+Blogspot.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8ijSQeO47mcRWYshr_zTkVWUcnZJgO_EEo3Wmq-DuTA7cX538a0754hSjIJ0H6b1GNuVW1f-0QK_BscenNEbhVESA-0SkryXvT-ZwBKb8vWuj0bskEFPGl0rpoTpN4kPeuSf1-dgTW3M/s1600/Cara+Membuat+Blog+di+Blogspot.jpg" height="341" width="400" /></a></span></div>
<div align="center" class="MsoNormal" style="line-height: normal; margin-bottom: 0in; text-align: center;">
<span style="font-size: small;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0JmLwc4e2VH9DfeyX4rbBwLLQti5DLh6CV5GcthJl5sssxrRVXua8u8mMtpT_KD6cHEC_FhuIyq_DULLyIt3PxMD9oXgjfCA0jAdmMvRtkLl_o9ajGnHKymb_e0feLPwrY5QEG-27qtuM/s1600/Cara+Membuat+Blog+di+Blogspot.jpg"><span style="color: windowtext; font-family: "Times New Roman","serif"; text-decoration: none;"><br /></span></a></span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: 0in;">
<span style="font-family: "Times New Roman","serif"; font-size: small;"><br />
4. Silahkan Diklik tulisan "Blog Baru", nanti akan muncul tampilan
pembuatan blog baru..</span></div>
<ul type="disc">
<li class="MsoNormal" style="line-height: normal;"><span style="font-size: small;"><b><span style="font-family: "Times New Roman","serif";">Judul</span></b><span style="font-family: "Times New Roman","serif";">:
Isi dengan judul blog, misalnya "Aku Sedang Belajar Buat Blog"</span></span></li>
<li class="MsoNormal" style="line-height: normal;"><span style="font-size: small;"><b><span style="font-family: "Times New Roman","serif";">Alamat</span></b><span style="font-family: "Times New Roman","serif";">:
Isi alamat blog yang diinginkan di blogspot, misalnya "<b><span style="background: none repeat scroll 0% 0% rgb(243, 243, 243);"><a href="http://blogctrld.blogspot.com/"><span style="color: windowtext;">http://blogctrld.blogspot.com/</span></a></span></b>".
Apabila muncul tulisan "Alamat blog ini tersedia" berarti nama
blog itu bisa digunakan. Tapi jika muncul tulisan "Alamat Blog ini
tidak tersedia" berarti alamat tersebut sudah diambil oleh orang
lain. Perlu diketahui bahwa alamat URL sebuah blog hanya dimiliki oleh 1
orang di dunia ini </span></span></li>
<li class="MsoNormal" style="line-height: normal;"><span style="font-size: small;"><b><span style="font-family: "Times New Roman","serif";">Pilih Template</span></b><span style="font-family: "Times New Roman","serif";">:
Silahkan pilih tampilan blog (templete). Ada 7 pilihan template, pilih
salah satunya.</span></span></li>
<li class="MsoNormal" style="line-height: normal;"><span style="font-family: "Times New Roman","serif"; font-size: small;">Setelah itu klik tombol "<b>Buat blog</b>!"</span></li>
</ul>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-size: small;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidU5lCbpa_6znWDPgt59sLqQP7GC5nOT6_SixosDGsSeYzmVfk_AhUA5osdylxEOU08Gfm7zz3tTFSl8BsGgnbCSJnuxkk29lpU6dZnPxiqpwahDWzuF3dHOFTw2NfSowT6cYJ6auIih4/s1600/Cara+Membuat+Blog+di+Google.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidU5lCbpa_6znWDPgt59sLqQP7GC5nOT6_SixosDGsSeYzmVfk_AhUA5osdylxEOU08Gfm7zz3tTFSl8BsGgnbCSJnuxkk29lpU6dZnPxiqpwahDWzuF3dHOFTw2NfSowT6cYJ6auIih4/s1600/Cara+Membuat+Blog+di+Google.jpg" height="192" width="400" /></a></span></div>
<div align="center" class="MsoNormal" style="line-height: normal; margin-bottom: 0in; text-align: center;">
<span style="font-size: small;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjeickgyrrhFYKzbFuGpmydLkKTLQtiMu-mZ8u7XSe0H0S2CoQDbYj6DYduqR1Xl8aRYm4EYHZZM_rFyl79NEzUmQJ6kIDbFJLwhcKTRKqJI2kxoU60thuqMnibIYtlQGIE9v1-TvJnrTGC/s1600/Cara+Membuat+Blog+di+Google.jpg"><span style="color: windowtext; font-family: "Times New Roman","serif"; text-decoration: none;"><br /></span></a></span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: 0in;">
<span style="font-size: small;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-size: small;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0XeIj6_-Zhfxoi4JmPvOvwOAlPZ72YFy7NazLppZS3aEUxH4RmzLJGc0E0H8E6RDAwMq_u3yFayFgwE5n9XqCRmr20Db6N_LWQbCWvVDs0qLfZQ7v_-_AjW_spUfjpUmzskSZ92RUHgM/s1600/Cara+Mudah+Membuat+Blog+di+Blogger+1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0XeIj6_-Zhfxoi4JmPvOvwOAlPZ72YFy7NazLppZS3aEUxH4RmzLJGc0E0H8E6RDAwMq_u3yFayFgwE5n9XqCRmr20Db6N_LWQbCWvVDs0qLfZQ7v_-_AjW_spUfjpUmzskSZ92RUHgM/s1600/Cara+Mudah+Membuat+Blog+di+Blogger+1.jpg" height="216" width="400" /></a></span></div>
<div align="center" class="MsoNormal" style="line-height: normal; margin-bottom: 0in; text-align: center;">
<span style="font-size: small;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpDZAeXJyCieCMP7MEixJwR7dnSFezeshK2eLAMlFI2bNg4UmUba9IHvgXqMG1nAGs8Kxtdx4sf5EoLZ2UUeLzO6I1Pl0HYx1qu9-N3IH_Gbz3NxEnYDDH1MDmKd1BS4vCcZE_GnVqhOLv/s1600/Cara+Mudah+Membuat+Blog+di+Blogger+.jpg"><span style="color: windowtext; font-family: "Times New Roman","serif"; text-decoration: none;"><br /></span></a></span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-size: small;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqpX1J44gv21IcnQQQec10Tm7KqtFfYURmf1MTw7RG0Ic8uhTEAsgwuqbgQH980_EUpz8boK4h-HFR-USYPu0rIYWqlriL92N74qj9Iglg3IjVBIXNIxE6Oku8qL7duluv75hQSTRC8OI/s1600/Cara+Membuat+Blog+Gratis+di+Blogger2.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqpX1J44gv21IcnQQQec10Tm7KqtFfYURmf1MTw7RG0Ic8uhTEAsgwuqbgQH980_EUpz8boK4h-HFR-USYPu0rIYWqlriL92N74qj9Iglg3IjVBIXNIxE6Oku8qL7duluv75hQSTRC8OI/s1600/Cara+Membuat+Blog+Gratis+di+Blogger2.jpg" height="350" width="400" /></a></span></div>
<div align="center" class="MsoNormal" style="line-height: normal; margin-bottom: 0in; text-align: center;">
<span style="font-family: "Times New Roman","serif"; font-size: small;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuFl4jAM4SgCf_6kbMa-FNWHGYnhYeHMk-SRivMUHuNTgVsmvIv8N0FswqBNyaZCXlpypmVhAoXKnfhLP-w7rhib-LGP4aj36l-hSUc3Gvn2LRwxJJGPCC_CiATGx1r38mRV-0HM0fzKy_/s1600/Cara+Membuat+Blog+Gratis+di+Blogger.jpg"><span style="color: windowtext;"> </span></a></span></div>
<div align="center" class="MsoNormal" style="line-height: normal; margin-bottom: 0in; text-align: center;">
<span style="font-size: small;"><br /></span></div>
<div align="center" class="MsoNormal" style="line-height: normal; margin-bottom: 0in; text-align: center;">
<span style="font-family: "Times New Roman","serif"; font-size: small;">Kalau
sudah sampai di sini, SELAMAT !!! Blog baru sobat sekarang sudah dibuat .... :)</span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: 0in;">
<span style="font-size: small;"><br /></span></div>
<div align="center" class="MsoNormal" style="line-height: normal; margin-bottom: 0in; text-align: center;">
<span style="font-family: "Times New Roman","serif"; font-size: small;">****</span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: 0in;">
<span style="font-size: small;"><br /></span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: 0in;">
<span style="font-family: "Times New Roman","serif"; font-size: small;">Setelah Sobat berhasil membuat blog
di Blogger, langkah selanjutnya adalah membuat settingan untuk blog.
Lihat gambar agar lebih jelas.</span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: 0in;">
<span style="font-size: small;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-size: small;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhE-bPypQCze3_fRHsrHcVUjXi0EHSSfeTbQ5ky6cQr0XaTYP4yx25ThM4k2ifnpxLRD6DerLBRtkFAh2jpE0NqyznfP7_QsFJxmmFhHUBAJOygvf9NFe_SzZZbnZpARyrv84lLVAEzq3k/s1600/Cara+Membuat+Blog+Gratis+di+Blogspot3.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhE-bPypQCze3_fRHsrHcVUjXi0EHSSfeTbQ5ky6cQr0XaTYP4yx25ThM4k2ifnpxLRD6DerLBRtkFAh2jpE0NqyznfP7_QsFJxmmFhHUBAJOygvf9NFe_SzZZbnZpARyrv84lLVAEzq3k/s1600/Cara+Membuat+Blog+Gratis+di+Blogspot3.jpg" height="221" width="400" /></a></span></div>
<div align="center" class="MsoNormal" style="line-height: normal; margin-bottom: 0in; text-align: center;">
<span style="font-size: small;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJ9xgLyc2fXg5RDR3wyCvyEyuhC7TPKrfmJ5SywEx99_VtzygKjTU_a0MZrBA9zeXLAFVgx2saWsGFCEqw0ADGhFs6_emLyob8Xi7X34Ut1s4_yhuZQqVhg4Wa9J6t4O29m-YbB17YEH75/s1600/Cara+Membuat+Blog+Gratis+di+Blogspot.jpg"><span style="color: windowtext; font-family: "Times New Roman","serif"; text-decoration: none;"><br /></span></a></span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: 0in;">
<span style="font-size: small;"><br /></span></div>
<ul type="disc">
<li class="MsoNormal" style="line-height: normal;"><span style="font-size: small;"><b><span style="font-family: "Times New Roman","serif";">Ikhtisar</span></b><span style="font-family: "Times New Roman","serif";">:
adalah Data statistik tentang blog Sobat, seperti jumlah postingan
(tulisan) yang telat dipublikasikan di blog sobat.</span></span></li>
<li class="MsoNormal" style="line-height: normal;"><span style="font-size: small;"><b><span style="font-family: "Times New Roman","serif";">Pos</span></b><span style="font-family: "Times New Roman","serif";">:
Daftar artikel yang sudah ditulis, sudah diterbitkan, dan artikel yang
masih dalam bentuk draft.</span></span></li>
<li class="MsoNormal" style="line-height: normal;"><span style="font-size: small;"><b><span style="font-family: "Times New Roman","serif";">Laman:</span></b><span style="font-family: "Times New Roman","serif";">
Halaman statis. Sering digunakan untuk halaman Tentang Saya, Daftar Isi,
dan sebagainya..</span></span></li>
<li class="MsoNormal" style="line-height: normal;"><span style="font-size: small;"><b><span style="font-family: "Times New Roman","serif";">Komentar</span></b><span style="font-family: "Times New Roman","serif";">:
Pada halaman komentar ini, sobat dapat melihat komentar yang masuk dari
pengunjung. Komentar tersebut bisa diedit atau dihapus.</span></span></li>
<li class="MsoNormal" style="line-height: normal;"><span style="font-size: small;"><b><span style="font-family: "Times New Roman","serif";">Google+</span></b><span style="font-family: "Times New Roman","serif";">:merupakan
adalah akun jejaring sosial milik Google yang bisa dihubungkan dengan blog
sobat. </span></span></li>
<li class="MsoNormal" style="line-height: normal;"><span style="font-size: small;"><b><span style="font-family: "Times New Roman","serif";">Statistik</span></b><span style="font-family: "Times New Roman","serif";">:
Data lebih detail tentang trafik pengunjung blog.</span></span></li>
<li class="MsoNormal" style="line-height: normal;"><span style="font-size: small;"><b><span style="font-family: "Times New Roman","serif";">Tata Letak</span></b><span style="font-family: "Times New Roman","serif";">:
Pada halaman ini kita bisa mengatur layout blog, menambahkan atau mengatur
posisi Template: Pada halaman ini kita bisa mengganti
template yang sesuai dengan keinginan.</span></span></li>
<li class="MsoNormal" style="line-height: normal;"><span style="font-size: small;"><b><span style="font-family: "Times New Roman","serif";">Setelan</span></b><span style="font-family: "Times New Roman","serif";">:
Halaman ini digunakan untuk mengatur setelan blog, pengaturan berapa
artikel yang akan ditampilkan di halaman utama (homepage), pengaturan
bahasa, komentar dimoderasi apa tidak, dan lain-lain.</span></span></li>
</ul>
<div class="MsoNormal" style="line-height: normal;">
<span style="font-size: small;"><b><span style="font-family: "Times New Roman","serif";">Nah,
Sekarang Bagaimana Cara Membuat Postingan atau Mempublikasi Tulisan di Blogger</span></b></span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: 0in;">
<span style="font-family: "Times New Roman","serif"; font-size: small;">Ini adalah langkah-langkah yang
perlu diketahui di dalam dashboard blogger.com:</span></div>
<ul type="disc">
<li class="MsoNormal" style="line-height: normal;"><span style="font-size: small;"><b><span style="font-family: "Times New Roman","serif";">Buat judul konten</span></b><span style="font-family: "Times New Roman","serif";">:
buat judul yang Anda inginkan, tetapi diusahakan jangan terlalu panjang,
karena blogger membatasi jumlah karakter untuk judul postingan. Tapi itu
tidak begitu masalah, jika Anda memang merasa ingin bebas.</span></span></li>
<li class="MsoNormal" style="line-height: normal;"><span style="font-family: "Times New Roman","serif"; font-size: small;">Setelah itu masukkan artikel di tempat yang disediakan
oleh blogger. Sobat dapat memasukkan tulisan beserta gambar atau video.</span></li>
<li class="MsoNormal" style="line-height: normal;"><span style="font-family: "Times New Roman","serif"; font-size: small;">Di tulisan tersebut juga bisa memasukkan link,
mengganti format text, dan lain-lain, dengan bantuan menu formating yang
ada di bawah judul konten.</span></li>
<li class="MsoNormal" style="line-height: normal;"><span style="font-family: "Times New Roman","serif"; font-size: small;">Isi label/ kategori yang sesuai dengan konten yang kita
buat, lalu klik tombol "Selesai" dibagian bawah kolom label.</span></li>
<li class="MsoNormal" style="line-height: normal;"><span style="font-family: "Times New Roman","serif"; font-size: small;">Sobat juga dapat menjadwalkan waktu pulikasi tulisan
tersebut sesuai dengan keinginan, membuat tautan permanen, menambahkan
lokasi, bahkan menambahkan pilihan lainnya sesuai dengan kebutuhan.</span></li>
<li class="MsoNormal" style="line-height: normal;"><span style="font-family: "Times New Roman","serif"; font-size: small;">Jika sudah yakin dengan tulisan tersebut, silahkan klik
tombol "Publikasikan".</span></li>
</ul>
<div class="MsoNormal" style="line-height: normal; margin-bottom: 0in;">
<span style="font-size: small;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="font-size: small;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4HFvyh6uPGkXdhBDBny5lVwStBfp9-6X7l-HZ_SeVuNo2OpN8QWxv94ByzwfW1a209gAkNTTl4L6_FOyex6adQBGql7chbCHvfRj3Cjs249c88tehB5yTsEwLRN5ZGXStfQsAdFfw4vQ/s1600/Cara+Membuat+Blog+Gratis+di+Google4.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4HFvyh6uPGkXdhBDBny5lVwStBfp9-6X7l-HZ_SeVuNo2OpN8QWxv94ByzwfW1a209gAkNTTl4L6_FOyex6adQBGql7chbCHvfRj3Cjs249c88tehB5yTsEwLRN5ZGXStfQsAdFfw4vQ/s1600/Cara+Membuat+Blog+Gratis+di+Google4.jpg" height="205" width="400" /></a></span></div>
<div align="center" class="MsoNormal" style="line-height: normal; margin-bottom: 0in; text-align: center;">
<span style="font-size: small;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSmFY8szFkUdH0g8Xq01Z99KzuvNyROgt2uV059VVGsTgyVEXjxsZVxSuI9XfO4-yf9-Wo0pdc_Z2Fk5CPrskr50bKXNUIMCeuAajivu7M9NTVkWF9xEFmQqrtTc85P8Lmk8tBA5rwyoVk/s1600/Cara+Membuat+Blog+Gratis+di+Google.jpg"><span style="color: windowtext; font-family: "Times New Roman","serif"; text-decoration: none;"><br /></span></a></span></div>
<div class="MsoNormal">
<span style="font-size: small;">Langkah posting lebih lanjut klik artikel berikut</span><a href="http://abiycomp.blogspot.com/2014/06/cara-membuat-post-dan-fungsi-tool-di.html"> Cara Membuat Post dan Fungsi Tool di Blog</a>
<br />
</div>
Anonymoushttp://www.blogger.com/profile/14577257437828874087noreply@blogger.com1tag:blogger.com,1999:blog-8895414789514203927.post-8949417374046482382012-10-31T18:16:00.001-07:002012-10-31T18:16:15.179-07:00Membuat Baju atau Kemeja<div style="font-family: Arial,Helvetica,sans-serif;">
<span style="font-size: x-small;">Latihan kali ini saya akan mencoba untuk </span>
<span style="font-size: x-small;"><b><a class="seven" href="http://www.ilmugrafis.com/coreldraw_free.php?page=membuat-baju-atau-kemeja-part1" title="merancang kemeja">merancang kemeja</a> menggunakan Corel Draw</b>. Dan <a class="seven" href="http://www.ilmugrafis.com/tutorial.php" title="tutorial">Tutorial</a> kali ini saya menggunakan <b>Corel Draw X3</b>, ga apa-apa kan sekali-kali jadi <b>perancang / desainer baju</b>.
anda ingin membuat desain kemeja kelompok/group band, atau perkumpulan
suatu organisasi, atau sebagai seragam apapun....tentu saja!, dengan
mengikuti latihan kali ini saya jamin anda pasti bisa membuat rancangan
baju/kemeja dengan berbagai bentuk dan mode yang lainnya. Selamat
mencoba.<br /><br />
Berikut langkah - langkah pembuatan baju seragam atau kemejanya,
</span><span style="font-size: x-small;"><br /><br />
1. Buatlah garis menyerupai gambar di bawah ini dengan menggunakan
</span><span style="font-size: x-small;"><b> Freehand Tool </b>(F5)<br /><img alt="coreldraw desain baju" hspace="2" src="http://www.ilmugrafis.info/coreldraw/c_drawing_24/24cd1.png" vspace="2" />
</span><span style="font-size: x-small;"><br /><br />
2. Buat objek baru pada lengan dengan menggunakan </span>
<span style="font-size: x-small;"><b>Freehand Tool </b>(F5)<br /><img alt="coreldraw desain baju" hspace="2" src="http://www.ilmugrafis.info/coreldraw/c_drawing_24/24cd2.png" vspace="2" />
</span><span style="font-size: x-small;"><br /><br />
3. Duplikat objek lengan, caranya : </span>
<span style="font-size: x-small;"><b>Tahan Tombol Ctrl</b> kemudian <b>Klik tahan, </b>lalu <b>geser objek</b> disembarang tempat, <b>klik kanan</b>, kemudian lepaskan (<a class="four" href="http://www.ilmugrafis.com/coreldraw_dasar.php?page=tips-trik-mengcopy-object-dengan-cepat" target="_blank" title="teknik duplikat object di coreldraw">teknik duplikat</a>)<br /><img alt="coreldraw desain baju" hspace="2" src="http://www.ilmugrafis.info/coreldraw/c_drawing_24/24cd3.png" vspace="2" />
</span><span style="font-size: x-small;"><br /><br />
4. Klik 2x objek yang baru lalu klik kanan kemudian klik </span>
<span style="font-size: x-small;"><b>To Curve </b>ubah garis objek tersebut, hingga menyerupai bentuk sebelah kiri kerah<br /><img alt="coreldraw desain baju" hspace="2" src="http://www.ilmugrafis.info/coreldraw/c_drawing_24/24cd4.png" vspace="2" />
</span><span style="font-size: x-small;"><br /><br />
5. Setelah itu posisikan kerah seperti gambar dibawah ini
</span><span style="font-size: x-small;"><br /><img alt="coreldraw desain baju" hspace="2" src="http://www.ilmugrafis.info/coreldraw/c_drawing_24/24cd5.png" vspace="2" />
</span><span style="font-size: x-small;"><br /><br />
6. Buat objek baru untuk saku menggunakan </span>
<span style="font-size: x-small;"><b>Rectangle Tool, </b>seperti pada gambar di bawah ini<br /><img alt="coreldraw desain baju" hspace="2" src="http://www.ilmugrafis.info/coreldraw/c_drawing_24/24cd6.png" vspace="2" />
</span><span style="font-size: x-small;"><br /><br />
7. Pilih keseluruan objek kemudian pertebal garisnya dengan cara masuk pada </span>
<span style="font-size: x-small;"><b>Outline Tool, </b>pilih <b>2 Point Outline (Thin), </b>maka garis akan menjadi tebal seperti gambar dibawah ini<br /><img alt="coreldraw desain baju" hspace="2" src="http://www.ilmugrafis.info/coreldraw/c_drawing_24/24cd7.png" vspace="2" />
</span><span style="font-size: x-small;"><br /><br />
8. Posisikan letak saku seperti pada gambar dibawah ini
</span><span style="font-size: x-small;"><br /><img alt="coreldraw desain baju" hspace="2" src="http://www.ilmugrafis.info/coreldraw/c_drawing_24/24cd8.png" vspace="2" />
</span><span style="font-size: x-small;"><br /><br />
9. Pilih keseluruan objek lalu </span>
<span style="font-size: x-small;"><b>Tahan tombol Ctrl</b> kemudian <b>Klik tahan</b> kotak tengah sebelah kiri <i>(gambar kiri)</i>, lalu geser kekanan, lalu lepaskan tombol <i>mouse</i><br /><img alt="coreldraw desain baju" hspace="2" src="http://www.ilmugrafis.info/coreldraw/c_drawing_24/24cd9.png" vspace="2" />
</span><span style="font-size: x-small;"><br /><br />
10. Maka objek akan duplikat seperti pada gambar dibawah ini
</span><span style="font-size: x-small;"><br /><img alt="coreldraw desain baju" hspace="2" src="http://www.ilmugrafis.info/coreldraw/c_drawing_24/24cd10.png" vspace="2" />
</span><span style="font-size: x-small;"><br /><br />
11. Untuk menyempurnakan bentuk objek kerah buat lagi objek menggunakan </span>
<span style="font-size: x-small;"><b>Freehand Tool, </b>seperti pada gambar dibawah ini<br /><img alt="coreldraw desain baju" hspace="2" src="http://www.ilmugrafis.info/coreldraw/c_drawing_24/24cd11.png" vspace="2" />
</span><span style="font-size: x-small;"><br /><br />
12. Klik 2x objek baru, klik kanan lalu kurvakan gatis bagian atas
</span><span style="font-size: x-small;"><br /><img alt="coreldraw desain baju" hspace="2" src="http://www.ilmugrafis.info/coreldraw/c_drawing_24/24cd12.png" vspace="2" />
</span><span style="font-size: x-small;"><br /><br />
13. Lalu kurvakan, kurang lebih gambarnya seperti dibawah ini
</span><span style="font-size: x-small;"><br /><img alt="coreldraw desain baju" hspace="2" src="http://www.ilmugrafis.info/coreldraw/c_drawing_24/24cd13.png" vspace="2" />
</span><span style="font-size: x-small;"><br /><br />
14. Kerah masih belum rapi, untuk merapikan kerah, </span>
<span style="font-size: x-small;"><b>klik kerah sebelah kiri </b>lalu <b>tahan sombol shift, klik kerah bagian atas</b><br /><img alt="coreldraw desain baju" hspace="2" src="http://www.ilmugrafis.info/coreldraw/c_drawing_24/24cd14.png" vspace="2" />
</span><span style="font-size: x-small;"><br /><br />
15. Klik </span>
<span style="font-size: x-small;"><b>Trim</b> , jika anda belum mengetahui apa itu trim, klik disini <a class="four" href="http://www.ilmugrafis.com/coreldraw_dasar.php?page=memotong-gambar-dengan-coreldraw" title="Memotong Gambar dengan Coreldraw">Memotong Gambar dengan Coreldraw</a><br />
Maka kerah sebelah kiri sudah terlihat rapi, lakukan hal serupa pada bagian kerah kanan.<br /><img alt="coreldraw desain baju" hspace="2" src="http://www.ilmugrafis.info/coreldraw/c_drawing_24/24cd15.png" vspace="2" />
</span><span style="font-size: x-small;"><br /><br />
16. Agar kerah terlihat sempurna, ulangi </span>
<span style="font-size: x-small;"><b>Langkah 12 dan 13</b> untuk merapikan kerah atas bagian bawahnya<br /><img alt="coreldraw desain baju" hspace="2" src="http://www.ilmugrafis.info/coreldraw/c_drawing_24/24cd16.png" vspace="2" />
</span><span style="font-size: x-small;"><br /><br />
17. Kini bagian atas sudah rapi, desain kemeja sudah terlihat sempurna
</span><span style="font-size: x-small;"><br /><img alt="coreldraw desain baju" hspace="2" src="http://www.ilmugrafis.info/coreldraw/c_drawing_24/24cd17.png" vspace="2" />
</span><span style="font-size: x-small;"><br /><br />
18. Buat tempat untuk kancing baju menggunakan </span>
<span style="font-size: x-small;"><b>Rectangle Tool, </b>sesuaikan lebarnya (<i>gambar kiri</i>), beri warna putih maka akan terlihat seperti gambar dibawah ini(<i>gambar kanan</i>).<br /><img alt="coreldraw desain baju" hspace="2" src="http://www.ilmugrafis.info/coreldraw/c_drawing_24/24cd18.png" vspace="2" />
</span><span style="font-size: x-small;"><br /><br />
19. Buat objek bulat untuk kancing. Menggunakan </span>
<span style="font-size: x-small;"><b>Ellipse Tool.</b><br />
Ukuran objek sesuaikan dengan lebar tempat kancing. Atur hingga posisi kancing seperti pada gambar dibawah ini.<br /><img alt="coreldraw desain baju" hspace="2" src="http://www.ilmugrafis.info/coreldraw/c_drawing_24/24cd19.png" vspace="2" />
</span><span style="font-size: x-small;"><br /><br />
20. Setelah selesai kini tinggal memberi warna pada desain kemeja yang telah Anda buat. Kemudian
pilih </span>
<span style="font-size: x-small;"><b>Polet lengan kiri + Polet lengan kanan + kerah bagian
kiri + kerah bagian kanan + kerah bagian atas + tempat kancing + saku
bagian kiri + saku bagian kanan</b>, Lalu beri warnah terserah anda! Kalau warna kesukaan saya <b>biru & putih</b><br /><br />
21. Klik baju sebelah kiri + baju sebelah kanan
</span><span style="font-size: x-small;"><br /><img alt="coreldraw desain baju" hspace="2" src="http://www.ilmugrafis.info/coreldraw/c_drawing_24/24cd20.png" vspace="2" />
</span><span style="font-size: x-small;"><br /><br />
25. terserah anda mau beri warna apa. Tapi saya memeri warna hitam
</span><span style="font-size: x-small;"><br />
Hasilnya:<br /><img alt="contoh baju" hspace="2" src="http://www.ilmugrafis.info/coreldraw/c_drawing_24/24cd21.png" vspace="2" />
</span><span style="font-size: x-small;"><br /><a class="seven" href="http://www.ilmugrafis.com/coreldraw_free.php?page=membuat-baju-atau-kemeja-part1" title="disain baju kemeja">Disain baju kemeja</a>
</span><span style="font-size: x-small;"> kita telah selesai. Di tutorial ini kan kita membuat bagian depan (tampak depan) maka di <a class="four" href="http://www.ilmugrafis.com/coreldraw_free.php?page=membuat-baju-atau-kemeja-tampak-belakang" title="bagian belakang baju">tutorial part2</a> berikutnya kita akan belajar cara mendesain bagian belakang baju. dengan kemampuan desain grafis sekali-kali jadi <b>perancang / desainer baju</b>. Anda juga bisa membuat desain kemeja kelompok/group band, atau perkumpulan suatu organisasi, atau sebagai seragam.</span></div>
<div style="font-family: Arial,Helvetica,sans-serif;">
</div>
<div style="font-family: Arial,Helvetica,sans-serif;">
<span style="font-size: x-small;">Sumber http://www.ilmugrafis.com/coreldraw_free.php?page=membuat-baju-atau-kemeja-part1</span></div>
<a name='more'></a><span id="goog_135436482" style="font-size: x-small;"></span><span id="goog_135436483" style="font-size: x-small;"></span>Anonymoushttp://www.blogger.com/profile/14577257437828874087noreply@blogger.com0tag:blogger.com,1999:blog-8895414789514203927.post-37988815883728855002012-10-30T17:34:00.003-07:002012-10-30T17:34:31.155-07:00Tips HTML-Javascript: Bagaimana Cara Me-Redirect ke Halaman Lain<div style="font-family: Arial,Helvetica,sans-serif;">
<span style="font-size: x-small;">Redirect ke halaman lain maksudnya adalah membuka halaman lain (url
lain) dengan seketika atau dalam waktu tertentu saat membuka sebuah
halaman web. Kita bisa melakukannya baik dengan sintaks HTML atau pun
menggunakan Javascript. Redirect ini biasa digunakan bila website anda
atau halaman tertentu di dalam website telah pindah ke website atau
halaman lain. Sehingga dengan menggunakan redirect maka pengunjung saat
membuka halaman tersebut akan langsung pindah ke halaman target <a href="http://www.blogger.com/blogger.g?blogID=8895414789514203927" id="Y6891382S4" style="color: #3c6bff; text-decoration: underline;">yang</a> dituju. Caranya sebagai berikut:<br /><span style="font-weight: bold;"></span></span>
<span style="font-size: x-small;"><br /><a href="http://www.blogger.com/blogger.g?blogID=8895414789514203927" name="more"></a></span>
<span style="font-size: x-small;"><span style="font-weight: bold;"><a href="http://www.blogger.com/blogger.g?blogID=8895414789514203927" id="Y6891382S9" style="color: #3c6bff; text-decoration: underline;">Cara</a> Pertama</span><br /><br />
Gunakan listing kode berikut ini, bisa ditempatkan di antara tag <HEAD> dan </HEAD> di dalam kode HTML anda.</span>
<span style="font-size: x-small;"><br /></span>
</div>
<table border="0" cellpadding="5" style="background-color: #e0e0e0; border: 1px solid rgb(153, 153, 153); font-family: Arial,Helvetica,sans-serif;"><tbody>
<tr> <td nowrap="true"><span style="font-size: x-small;"><code><span style="color: black;"><META HTTP-EQUIV="REFRESH" </span></code><br /><code><span style="color: black;">CONTENT="<span style="color: red; font-weight: bold;">0</span>; URL='<span style="color: red; font-weight: bold;">http://tipsdaninfoku.blogspot.com</span>'"></span><br />
</code></span>
</td> </tr>
</tbody> </table>
<span style="font-family: Arial,Helvetica,sans-serif; font-size: x-small;"><br />
Kode HTML di atas akan me-redirect ke halaman lain dengan seketika. Kode Content="0; di atas menyatakan interval waktu (dalam <a href="http://www.blogger.com/blogger.g?blogID=8895414789514203927" id="Y6891382S3" style="color: #3c6bff; text-decoration: underline;">detik</a>)
sebelum dilakukan redirect. Sedangkan URL menyatakan alamat halaman web
yang akan dibuka (redirect). Ubahlah URL-nya sesuai dengan alamat URL
yang akan anda jadikan target.<br /><br /><span style="font-weight: bold;">Cara Kedua</span></span><span style="font-family: Arial,Helvetica,sans-serif;">
</span><span style="font-family: Arial,Helvetica,sans-serif; font-size: x-small;"><br /><br />
Cara lain membuka halaman lain seketika saat loading adalah menggunakan
Javascript. Kode ini diletakkan di dalam tag <BODY. Kodenya nantinya
akan jadi seperti ini:</span><span style="font-family: Arial,Helvetica,sans-serif;">
</span><span style="font-family: Arial,Helvetica,sans-serif; font-size: x-small;"><br /></span>
<table border="0" cellpadding="5" style="background-color: #e0e0e0; border: 1px solid rgb(153, 153, 153); font-family: Arial,Helvetica,sans-serif;"><tbody>
<tr> <td><span style="font-size: x-small;"><code><span style="color: black;"><BODY ONLOAD="Javascript:window.location.href='</span></code><code style="color: red;"><span style="font-weight: bold;"> </span></code><br /><code style="color: red;"><span style="font-weight: bold;">http://tipsdaninfoku.blogspot.com</span></code></span>
<span style="font-size: x-small;"><code><span style="color: black;">'"></span><br />
</code></span></td> </tr>
</tbody> </table>
<span style="font-family: Arial,Helvetica,sans-serif; font-size: x-small;"><br />
Anda tinggal mengubah alamat URL yang berwarna merah di atas dengan URL yang dituju. <br /><br />
Atau bisa juga menggunakan kode berikut ini, bisa ditempatkan di bagian manapun di dalam kode HTML.</span><span style="font-family: Arial,Helvetica,sans-serif;">
</span><span style="font-family: Arial,Helvetica,sans-serif; font-size: x-small;"><br /></span>
<table border="0" cellpadding="5" style="background-color: #e0e0e0; border: 1px solid rgb(153, 153, 153); font-family: Arial,Helvetica,sans-serif;"><tbody>
<tr> <td style="white-space: nowrap;"><span style="font-size: x-small;"><code><span style="color: black;"><script language="javascript"><br />
window.location.href="</span></code><code><span style="color: black;"></span></code><code style="color: red;"><span style="font-weight: bold;">http://tipsdaninfoku.blogspot.com</span></code><code><span style="color: black;"></span></code><code><span style="color: black;">";<br />
</script></span></code><code><span style="color: black;"></span><br />
</code></span></td> </tr>
</tbody> </table>
Anonymoushttp://www.blogger.com/profile/14577257437828874087noreply@blogger.com0tag:blogger.com,1999:blog-8895414789514203927.post-13976962992807444912012-10-30T17:31:00.002-07:002012-10-30T17:31:04.197-07:00Tips Photoshop Pemula - Membuat Efek Polaroid Pada Foto<div style="font-family: Arial,Helvetica,sans-serif;">
<span style="font-size: x-small;"><br /></span>
</div>
<div style="font-family: Arial,Helvetica,sans-serif; text-align: center;">
<span style="font-size: x-small;"><img alt="photoshop-polaroid" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgESYXJOsCDUJBhYfGEocgQuwQTfSSFouTvgGzla9t73Bvhl2jgf-WRatJnAk-RmWxq5Uwip-K4QgBbtST7lMlBwPC_zX7En3qWXiANDwag7XL6_0WYAyfSWPlmQTuvk1dYmnheeZtOGpon/s320/Photoshop-Polaroid01.jpg" style="height: 289px; width: 200px;" /></span></div>
<span style="font-family: Arial,Helvetica,sans-serif; font-size: x-small;"><br />
Tips photoshop dengan efek polaroid ini cukup populer, banyak <a href="http://www.blogger.com/blogger.g?blogID=8895414789514203927" id="Y9029939S5" style="color: #3c6bff; text-decoration: underline;">artikel</a> di
internet membahas tutorial tentang efek ini. Dalam postingan ini, saya
juga akan mencoba membuat efek polaroid ini sekaligus menjadi bahan
latihan/tutorial bagi teman-teman <a href="http://www.blogger.com/blogger.g?blogID=8895414789514203927" id="Y9029939S4" style="color: #3c6bff; text-decoration: underline;">yang</a> ingin mencobanya.<br /><a href="http://www.blogger.com/blogger.g?blogID=8895414789514203927" name="more"></a></span><span style="font-size: x-small;"><span style="font-family: Arial,Helvetica,sans-serif;">
</span></span><span style="font-family: Arial,Helvetica,sans-serif; font-size: x-small;"><br />
Oke.. gambar yang akan saya gunakan adalah gambar menara eiffel Paris,
gambar ini bisa anda dapatkan di situs www.phototravels.net. Berikut ini
gambarnya:<br /></span>
<div style="font-family: Arial,Helvetica,sans-serif; text-align: center;">
<span style="font-size: x-small;"><img alt="menara eiffel paris" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieqFA8tjxF2oZtdWFuX-eDnj2SLFwWWIA2U7j6GtPB5AoOW9-aApiWxkU59Mzvm_FLdeCOQvC1y9NTKprb1tkGDyBiG9X4MvhBKhxbIBNIAkLQ0nybZsaHuvcG1AVmaq5I0RfVC_Nu2tYf/s640/Photoshop-Polaroid02.jpg" style="height: 406px; width: 281px;" /></span></div>
<span style="font-family: Arial,Helvetica,sans-serif; font-size: x-small;"><br />
Langkah-langkahnya sebagai berikut:<br /><br />
1. Pertama, jalankan Photoshop dan buka file di atas. Sebaiknya dicopy
dulu file tersebut untuk membandingkan hasil dengan yang aslinya.</span><span style="font-size: x-small;"><span style="font-family: Arial,Helvetica,sans-serif;">
</span></span><span style="font-family: Arial,Helvetica,sans-serif; font-size: x-small;"><br /><br />
2. Pada palette </span><span style="font-size: x-small;"><span style="font-family: Arial,Helvetica,sans-serif;">
</span></span><span style="font-family: Arial,Helvetica,sans-serif; font-size: x-small;"><a href="http://www.blogger.com/blogger.g?blogID=8895414789514203927" id="Y9029939S9" style="color: #3c6bff; text-decoration: underline;">Layers</a> terlihat sebuah layer yaitu <span style="font-weight: bold;">Background</span>. Tekan <span style="font-weight: bold;">CTRL+J</span> untuk menduplikat layer tersebut. Hasilnya nanti terlihat seperti ini:<br /></span>
<div style="font-family: Arial,Helvetica,sans-serif; text-align: center;">
<span style="font-size: x-small;"><img alt="layer" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfVRuQS5c0llZePkkpONE5yenMl_zPtTIrTY13oX-qykExSnvmb_doftCEHXPg2kmom7LxGD3aTKLM49wvGDKDKBXEfOEN9gtZStotBl_dd2YOREnrKn_in7vq12iinUBgelwZOPJcIs1N/s320/Photoshop-Polaroid03.jpg" style="height: 200px; width: 155px;" /></span></div>
<span style="font-family: Arial,Helvetica,sans-serif; font-size: x-small;"><br />
3. Masih pada palette Layers, klik layer <span style="font-weight: bold;">Background</span>, lalu klik ikon <span style="font-weight: bold;">Create a new layer</span> 3 <a href="http://www.blogger.com/blogger.g?blogID=8895414789514203927" id="Y9029939S0" style="color: #3c6bff; text-decoration: underline;">kali</a> pada bagian bawah palette Layers untuk membuat 3 buah layer baru.<br /></span>
<div style="font-family: Arial,Helvetica,sans-serif; text-align: center;">
<span style="font-size: x-small;"><img alt="layer" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoa8-pU2ehc-k_H4R6cti4-b28JReB3iELc5qPT9LYTJhV4dQ3QXl28UL9kDIrg9QBDzUQQwA3JiATKCn2ie8quNcg1UrDbyruafkf5ggk5vJK8lRtu1LLkwkW5iIcxS6Rq-vh9a-EH9cC/s640/Photoshop-Polaroid04.jpg" style="height: 285px; width: 479px;" /></span></div>
<span style="font-family: Arial,Helvetica,sans-serif; font-size: x-small;"><br />
4. Klik/aktifkan <span style="font-weight: bold;">Layer 2</span>, lalu tekan huruf <span style="font-weight: bold;">D</span> pada keyboard (untuk menyetel warna foreground dan background ke defaultnya, yaitu hitam dan putih). Kemudian tekan <span style="font-weight: bold;">ALT+BACKSPACE</span> untuk mengisi layer dengan warna hitam. Pada palette layers akan terlihat seperti ini:<br /></span>
<div style="font-family: Arial,Helvetica,sans-serif; text-align: center;">
<span style="font-size: x-small;"><img alt="layer" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTbKa-cU3WtzvFGeK9uE7gkbGkPLNuggv5XQ-za3NCizWPbp8sH_obtiA3TsFmgRwkuKJRxiXOeb_QgwZg6ZKKDDnbshZ-N3c4J2FlSBo73uvQB_fESE0coYX589Eq2F1xJGCo_xJeFLeE/s320/Photoshop-Polaroid05.jpg" style="height: 200px; width: 155px;" /></span></div>
<span style="font-family: Arial,Helvetica,sans-serif; font-size: x-small;"><br />
5. Klik/aktifkan <span style="font-weight: bold;">Layer 4</span>, lalu pada bidang gambar, buat seleksi seperti pada gambar ini: (gunakan Rectangular Marquee Tool)<br /></span>
<div style="font-family: Arial,Helvetica,sans-serif; text-align: center;">
<span style="font-size: x-small;"><img alt="seleksi" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqWkjApDs4BjdUDZwUEPcnwtl_iZcAz_3mhDcvj7xQ1TZ4-wJtva8DBKFwKmodGuV6v9blo9OfRqI66eEX7oeV7n1etij8JtYaAL2by-t3GYG_Z5HapUE68Q5OQY6tWXRnZ5LBw_9eF2TT/s320/Photoshop-Polaroid06.jpg" style="height: 200px; width: 138px;" /></span></div>
<span style="font-family: Arial,Helvetica,sans-serif; font-size: x-small;"><br />
6. Tekan <span style="font-weight: bold;">CTRL+BACKSPACE</span> untuk mengisi layer dengan warna putih.Selanjutnya klik/aktifkan <span style="font-weight: bold;">Layer 1</span> pada palette Layers, lalu klik menu <span style="font-weight: bold;">Layer > Create Clipping Mask</span>. Kemudian tekan <span style="font-weight: bold;">CTRL+D</span> untuk menghilangkan seleksi. Hasilnya akan terlihat kurang lebih seperti ini:<br /></span>
<div style="font-family: Arial,Helvetica,sans-serif; text-align: center;">
<span style="font-size: x-small;"><img alt="clipping mask" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnb2mYRValSSBMGFGFrgOHLTPqtGulqst6RJy9xZNiWarYGlOuI5-B7T9rbLW4gd4W47CNoc4f_JfWxvloVZdeZx0GCEnzMEmus2f-UuGtq6h0KQCB7yRjHfW782PzPXbk_WKL_EeuqemB/s320/Photoshop-Polaroid07.jpg" style="height: 250px; width: 174px;" /></span></div>
<span style="font-family: Arial,Helvetica,sans-serif; font-size: x-small;"><br />
7. Lanjut, klik/aktifkan <span style="font-weight: bold;">Layer 3</span> pada palette Layers, kemudian buat seleksi seperti ini:<br /></span>
<div style="font-family: Arial,Helvetica,sans-serif; text-align: center;">
<span style="font-size: x-small;"><img alt="seleksi" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3FKkvVVZgnkizg1d5Grh3PYJT7aAAG_xt-HLiVU3AVOPAtBD1u1aRNEcCOLdhzZUx8Z_Sw5NH5vLP_H9bfzaXYl_tevllLluxIHUrbPgRNifvWNj79hzC3fU8JfQWbQn94oVb0LfMho9x/s320/Photoshop-Polaroid08.jpg" style="height: 250px; width: 174px;" /></span></div>
<span style="font-family: Arial,Helvetica,sans-serif; font-size: x-small;"><br />
8. Tekan <span style="font-weight: bold;">CTRL+BACKSPACE</span> untuk mengisi warna putih. Lalu <span style="font-weight: bold;">CTRL+D</span>. Hasilnya:<br /></span>
<div style="font-family: Arial,Helvetica,sans-serif; text-align: center;">
<span style="font-size: x-small;"><img alt="polaroid" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiq3krjDNsEzjRwNgHjb68S0Tk5gPgEi2eans7qqW5_DqF4BMFiB-rNqzvVI6V_ATuY1W7ZXir4ItCRJoOg3JnD5nuHJD65VnQ-Cv9YfToCVUL2jZQv4k5m6baBoHmqdagzVbPjPHyF-Oq9/s320/Photoshop-Polaroid09.jpg" style="height: 231px; width: 250px;" /></span></div>
<span style="font-family: Arial,Helvetica,sans-serif; font-size: x-small;"><br />
9. Kemudian kita beri bayangan, klik menu <span style="font-weight: bold;">Layer > Layer Style > Drop Shadow</span>. Pada kotak dialog, langsung klik tombol OK.<br /><br />
10. Selanjutnya fokus ke paletter Layers, pilih </span><span style="font-size: x-small;"><span style="font-family: Arial,Helvetica,sans-serif;">
</span></span><span style="font-family: Arial,Helvetica,sans-serif; font-size: x-small;"><span style="font-weight: bold;">Layer 4</span> dan <span style="font-weight: bold;">Layer 3</span> secara bersamaan (seleksi multi-layer). Caranya klik dulu <span style="font-weight: bold;">Layer 4</span>, lalu sambil menekan <span style="font-weight: bold;">SHIFT</span>, klik <span style="font-weight: bold;">Layer 3</span>. (<span style="font-style: italic;">Perhatian</span>:
tidak semua versi photoshop mendukung seleksi multi-layer ini, mungkin
hanya photoshop versi terbaru saja yang bisa. Jika photoshop yang kalian
gunakan tidak bisa seleksi multi-layer, gunakan ImageReady, caranya
klik menu <span style="font-weight: bold;">File > Edit in ImageReady</span>.
Program ImageReady akan muncul, lalu lakukan kembali langkah tadi.
Langkah-langkah selanjutnya di bawah ini tetap akan dilakukan di program
ImageReady).<br /><br />
11. Klik-kanan pada gambar, lalu pilih </span><span style="font-size: x-small;"><span style="font-family: Arial,Helvetica,sans-serif;">
</span></span><span style="font-family: Arial,Helvetica,sans-serif; font-size: x-small;"><span style="font-weight: bold;">Free Transform</span>. Buatlah putaran sehingga kurang lebih seperti gambar ini: (Setelah buat putaran, dobel-klik gambar untuk menerapkan hasilnya)<br /></span>
<div style="font-family: Arial,Helvetica,sans-serif; text-align: center;">
<span style="font-size: x-small;"><img alt="gambar" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYoG77VqtCxwU8RZzhBdO5x9YY-BDxNyrRy5YLup4jqT_IJ-z-rC9bUT2DK9HhQIJY_CgJyyD7bH_3QimTWlVdLp3WaxEbgAobMjr7aqe6IXGp8A9woV6ZqeQ1iMZQW6lrV1wG44Rw2LTb/s320/Photoshop-Polaroid10.jpg" style="height: 204px; width: 195px;" /></span></div>
<span style="font-family: Arial,Helvetica,sans-serif; font-size: x-small;"><br />
12. Sekarang, aktifkan <span style="font-weight: bold;">Layer 1</span>, <span style="font-weight: bold;">Layer 4</span>, dan <span style="font-weight: bold;">Layer 3</span> secara bersamaan (Gunakan tombol <span style="font-weight: bold;">SHIFT</span>). Lalu tekan <span style="font-weight: bold;">CTRL+G</span>
untuk membuat group. Pada paletter layers, tutup group tersebut dengan
meng-kllik panah di sampingnya. Tampilannya seperti ini:<br /></span>
<div style="font-family: Arial,Helvetica,sans-serif; text-align: center;">
<span style="font-size: x-small;"><img alt="palette layers" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiL1ixJ9Z8IqMjhIZ8VY_6M97gxlwAjnu-cnCDwqttncKZnS2us6waEfXaXgUeazKplDGJ4xccmSdRq8dIMssZinjhfTHKhfbtq_3vpOqhu5QBghGPuBfE5eh4HOp87_sX_ZV5e8aa8ro4u/s320/Photoshop-Polaroid11.jpg" style="height: 200px; width: 193px;" /></span></div>
<span style="font-family: Arial,Helvetica,sans-serif; font-size: x-small;"><br />
13. Drag <span style="font-weight: bold;">Group 1</span> pada palette Layers ke atas ikon <span style="font-weight: bold;">Create a new layer</span>. Hasilnya akan terbentuk duplikat dari Group 1.<br /></span>
<div style="font-family: Arial,Helvetica,sans-serif; text-align: center;">
<span style="font-size: x-small;"><img alt="layer" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6wbuaNmZm0wpJLdbYADKgo0gnuY5dKS1_dYG48CiR5OriwItFd4SNmGjc4IKTw5pdH_waaybswA4o8onQr8K2M101-iOqM2KX0gJV06CZ-FF4qSlMfoooIetNoVDQbKjTWdJFpspdqAkZ/s640/Photoshop-Polaroid12.jpg" style="height: 207px; width: 465px;" /></span></div>
<span style="font-family: Arial,Helvetica,sans-serif; font-size: x-small;"><br />
14. Selanjutnya, untuk duplikat Group 1 yang telah muncul, ulangi
langkah 10 sampai langkah 13 di atas pada layer-layer yang ada di dalam
group hasil duplikat dari Group 1 tadi. Untuk langkah 11, buat putaran
yang berbeda dengan sebelumnya. Posisinya juga bisa dipindahkan sesuai
selera. Kalau saya, hasilnya seperti ini: (Hasil milik anda tidak mesti
sama dengan ini).<br /></span>
<div style="font-family: Arial,Helvetica,sans-serif; text-align: center;">
<span style="font-size: x-small;"><img alt="hasil sementara" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPkj05C2WyKAjZXWo5C6tExYZzbd-2XPh2gfNlpqYP5EggpgGaZPSzP_JXDZgacCqtWK8dEntqishfySRBUiRhgZsAFZMMCyDsvuBaITQ3qeZnjoXhkPbmYkVu2g1M-uU2orcUst8WH4m9/s320/Photoshop-Polaroid13.jpg" style="height: 284px; width: 233px;" /></span></div>
<span style="font-family: Arial,Helvetica,sans-serif; font-size: x-small;"><br />
15. Ulangi langkah 14 di atas beberapa kali sampai anda merasa hasilnya
cukup memuaskan dan menarik. Untuk saya, setelah beberapa kali
mengulangi langkah 14 di atas, hasil akhir yang saya peroleh adalah
sebagai berikut:<br /></span>
<div style="font-family: Arial,Helvetica,sans-serif; text-align: center;">
<span style="font-size: x-small;"><img alt="hasil akhir" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDmQr-WwVxAOBzTsRSSvaLMOEMsJcThNGSZRYhkjFs8qXAhevnyJrbkEK8_SfUB0v05GeUEgi16cFLk0IgBjnGHSP0aIGKnZ4jJf9mlowuCGptAbNux8LBMEID8SNlQsBGx6BSh5iQA-Gk/s640/Photoshop-Polaroid14.jpg" style="height: 406px; width: 281px;" /></span></div>
<span style="font-family: Arial,Helvetica,sans-serif; font-size: x-small;"><br />
Selesai ... selamat mencoba !
</span>Anonymoushttp://www.blogger.com/profile/14577257437828874087noreply@blogger.com0tag:blogger.com,1999:blog-8895414789514203927.post-84822775442175350932012-10-12T22:13:00.000-07:002012-10-12T22:13:16.784-07:00Animasi Spiderman di Blog Animasi spiderman di blog :<br />
<br />
1. login ke blogger dulu.<br />
2. klik layout/tata letak dah bhsa indonesianya<br />
3. klik tambah gadget/add gadget<br />
4. lalu cari ke bawah bagian HTML/Java Script.<br />
5. Copas dah script di bawah ini..<br />
<br />
<div style="position: fixed; top: -10px; left: 50px;"><embed
src="http://www.widgipedia.com/widgets/orido/RedSpidey-5671-8192_134217728.widget"
swliveconnect="true" quality="best" loop="true" menu="false"
wmode="transparent" allowscriptaccess="sameDomain"
type="application/x-shockwave-flash"
pluginspage="http://www.adobe.com/go/getflashplayer" width="200"
height="350"></embed> </div> <br />
<br />
6. gk usah kasih judul.. lagsung simpan aja..<br />
7. lalu lihat blog...<br />
<br />Anonymoushttp://www.blogger.com/profile/14577257437828874087noreply@blogger.com0tag:blogger.com,1999:blog-8895414789514203927.post-35558244621548903332012-10-12T17:31:00.003-07:002012-10-12T17:31:46.749-07:00Animasi Shine - Mobil Mengkilap Bercahaya<div style="font-family: Arial,Helvetica,sans-serif;">
<span style="font-size: x-small;"><strong><u>Flash</u></strong>
</span><span style="font-size: x-small;"> merupakan program untuk membuat animasi yang handal, <a class="seven" href="http://www.ilmugrafis.com/flash.php"><strong>Tutorial Flash</strong></a> kali ini adalah membuat <a class="seven" href="http://www.ilmugrafis.com/flash.php?page=animasi-shine-mobil-mengkilap-bercahaya"><strong>efek animasi mengkilat (shine)</strong></a> dan <strong>membuat mobil tampak mengkilap bercahaya</strong>.
Para Pembaca yang budiman, belum punya mobil yang mengkilap tapi ingin membuat mobil anda jadi <strong>mengkilap tanpa biaya</strong> nah cuma di ilmugrafis <a class="seven" href="http://www.ilmugrafis.com/flash.php"><strong>kumpulan tutorial flash bahasa Indonesia</strong></a> dengan tema <a class="seven" href="http://www.ilmugrafis.com/flash.php?page=animasi-shine-mobil-mengkilap-bercahaya"><strong>mobil bercahaya mengkilap</strong></a>.<br /><br />
Langkah - Langkahnya:
</span><span style="font-size: x-small;"><br /><br />
1. Masukkan (import) gambar ke dalam stage
</span><span style="font-size: x-small;"><br /><img alt="import gambar" border="1" src="http://www.ilmugrafis.info/flash/flash4/3flash4.jpg" />
</span><span style="font-size: x-small;"><br /><br />
misalnya gambar mobil seperti gambar di bawah ini
</span><span style="font-size: x-small;"><br /><img alt="gambar mobil" border="1" src="http://www.ilmugrafis.info/flash/flash4/4flash4.jpg" />
</span><span style="font-size: x-small;"><br /><br /><br />
2. Setelah gambar berada pada stage, atur besarnya stage sesuai dengan
ukuran gambar yang telah di import tadi misalnya 500 px (width) dan 315
px (height)
</span><span style="font-size: x-small;"><br /><img alt="setting" border="1" src="http://www.ilmugrafis.info/flash/flash4/5flash4.jpg" />
</span><span style="font-size: x-small;"><br /><br /><br />
3. Ganti nama layer1 menjadi
</span><span style="font-size: x-small;"><strong>mobil</strong><br /><img alt="layer 1 setting" border="1" src="http://www.ilmugrafis.info/flash/flash4/6flash4.jpg" />
</span><span style="font-size: x-small;"><br /><br />
4. Tambahkan satu layer baru, kemudian ganti layer tersebut dengan nama
</span><span style="font-size: x-small;"><strong>efek</strong>.<br /><img alt="efek" src="http://www.ilmugrafis.info/flash/flash4/7flash4.jpg" />
</span><span style="font-size: x-small;"><br /><br />
5. Klik icon
</span><span style="font-size: x-small;"><strong>rectangle tool ( </strong>tekan huruf <strong><em>R </em></strong><em>di keyboard <strong>), </strong></em>kemudian gambar persegi panjang melebihi gambar mobil, seperti gambar di bawah ini.<br /><img alt="mobil" border="1" src="http://www.ilmugrafis.info/flash/flash4/1flash4.jpg" />
</span><span style="font-size: x-small;"><br /><br /><br />
6. Klik gambar persegi panjang yang telah dibuat tadi
</span><span style="font-size: x-small;"><strong><em>, </em></strong>kemudian ubah warna persegi panjang seperti gambar di bawah ini<br /><img alt="setting" border="1" src="http://www.ilmugrafis.info/flash/flash4/8flash4.jpg" />
</span><span style="font-size: x-small;"><br /><br />
7. Kemudian untuk mendapatkan efek cahaya yang mengkilap, lakukan pengaturan warna persegi panjang seperti gambar di bawah ini
</span><span style="font-size: x-small;"><br /><img alt="setting 3" border="1" src="http://www.ilmugrafis.info/flash/flash4/2flash4.jpg" />
</span><span style="font-size: x-small;"><br /><br />
8. Efek mengkilap telah selesai dibuat, kemudian langkah selanjutnya, tambahkan satu layer lagi, kemudian ganti nama
</span><span style="font-size: x-small;"><strong><em>layer</em></strong> tersebut dengan <strong><em>animasi</em></strong><br /><img alt="setting" border="1" src="http://www.ilmugrafis.info/flash/flash4/9flash4.jpg" />
</span><span style="font-size: x-small;"><br /><br /><br />
9. Masih di layer
</span><span style="font-size: x-small;"><strong>animasi </strong>kill icon <strong>Pen tool</strong><br /><img alt="tool flash" border="1" src="http://www.ilmugrafis.info/flash/flash4/10flash4.jpg" />
</span><span style="font-size: x-small;"><br /><br />
10. Kemudian buatlah bagian yang akan dianimasikan misalnya seperti gambar di bawah ini.
</span><span style="font-size: x-small;"><br /><img border="1" src="http://www.ilmugrafis.info/flash/flash4/11flash4.jpg" />
</span><span style="font-size: x-small;"><br /><br /><br />
11. Setelah area yang dianimasikan selesai dibuat, maka langkah selanjutnya yaitu klik kanan pada layer
</span><span style="font-size: x-small;"><strong>animasi </strong>pilih menu <strong><em>mask</em></strong><br /><img border="1" src="http://www.ilmugrafis.info/flash/flash4/12flash4.jpg" />
</span><span style="font-size: x-small;"><br /><br /><img border="1" src="http://www.ilmugrafis.info/flash/flash4/13flash4.jpg" />
</span><span style="font-size: x-small;"><br /><br />
12. Klik frame 30 pada setiap layer, kemudian tekan
</span><span style="font-size: x-small;"><strong>F6 </strong>untuk memberikan <strong>insert keyframe</strong><br /><img border="1" src="http://www.ilmugrafis.info/flash/flash4/14flash4.jpg" />
</span><span style="font-size: x-small;"><br /><br /><br />
13. Klik kanan antara frame 1 – 30 pada layer
</span><span style="font-size: x-small;"><strong>efek</strong>, kemudian pilih menu <strong>create motion tween</strong><br /><img src="http://www.ilmugrafis.info/flash/flash4/15flash4.jpg" />
</span><span style="font-size: x-small;"><br /><br /><img src="http://www.ilmugrafis.info/flash/flash4/16flash4.jpg" />
</span><span style="font-size: x-small;"><br /><br /><br />
14. Klik frame
</span><span style="font-size: x-small;"><strong>30</strong> pada layer <strong>efek</strong>, kemudian pindahkan gambar persegi panjang ke sebelah kanan dari gambar mobil, seperti gambar di bawah ini<br /><img src="http://www.ilmugrafis.info/flash/flash4/17flash4.jpg" />
</span><span style="font-size: x-small;"><br /><br />
15. Tekan
</span><span style="font-size: x-small;"><strong>ctrl + enter </strong>untuk melihat hasilnya…<br />
Preview in image mode <br /><img src="http://www.ilmugrafis.info/flash/flash4/18flash4.jpg" />
</span><span style="font-size: x-small;"><br /><br />
Preview in Animation Mode
</span><span style="font-size: x-small;"><br /></span>
</div>
Anonymoushttp://www.blogger.com/profile/14577257437828874087noreply@blogger.com0tag:blogger.com,1999:blog-8895414789514203927.post-969427758345308082012-10-12T17:29:00.004-07:002012-10-12T17:29:35.260-07:00Membuat Animasi Ombak<div style="font-family: Arial,Helvetica,sans-serif;">
<span style="font-size: x-small;"><a class="seven" href="http://www.ilmugrafis.com/tutorial.php"><strong>Tutorial</strong></a> kali ini adalah <a class="seven" href="http://www.ilmugrafis.com/flash.php?page=membuat-animasi-ombak">Tutorial <strong>Membuat ombak di flash</strong></a>, disini saya menggunakan Macromedia Flash 8. Kalo kita berbicara tentang <strong>debur ombak</strong> penulis jadi ingat <strong>Pantai Indonesia</strong> yang Indah nih.<br /><br />
1. Buka program flash 8</span>
<span style="font-size: x-small;"><br />
Ubah ukuran stage menjadi 768 x 576 pixels.<br />
Ganti warna bacground menjadi warna hitam<br /><br /><br />
2. Ganti warna fill color menjadi </span>
<span style="font-size: x-small;"><strong>#336699</strong> <img alt="tutorial flash" src="http://www.ilmugrafis.info/flash/flash6/flash_6_clip_image002.jpg" /> dan warna stroke dijadikan none <img alt="tutorial flash" src="http://www.ilmugrafis.info/flash/flash6/flash_6_clip_image002_0000.jpg" /><br /><br />
3. Klik rectangle tool </span>
<span style="font-size: x-small;"><img alt="tutorial flash" src="http://www.ilmugrafis.info/flash/flash6/flash_6_clip_image002_0001.jpg" /> untuk membuat airnya dengan mendragnya ke stage seperti gambar dibawah ini.<br /><img alt="tutorial flash" src="http://www.ilmugrafis.info/flash/flash6/flash_6_clip_image002_0002.jpg" /></span>
<span style="font-size: x-small;"><br /><br /><br />
4.
Klik kanan di frame 15 lalu</span>
<span style="font-size: x-small;"><strong> </strong> klik insert keyframe, Ubah gambar airnya dengan cara tarik ke atas menggunakan selection tool yang sebelah kiri <img alt="tutorial flash" src="http://www.ilmugrafis.info/flash/flash6/flash_6_clip_image002_0003.jpg" /><br /><strong>Gambarnya :</strong></span>
<span style="font-size: x-small;"><br /><img alt="tutorial flash" src="http://www.ilmugrafis.info/flash/flash6/flash_6_clip_image002_0004.jpg" /></span>
<span style="font-size: x-small;"><br /><br /><br />
7. Klik di frame 1 lalu pilih tween shape</span>
<span style="font-size: x-small;"><br /><img alt="tutorial flash" src="http://www.ilmugrafis.info/flash/flash6/flash_6_clip_image002_0005.jpg" /></span>
<span style="font-size: x-small;"><br />
gambarnya<br /><img alt="tutorial flash" src="http://www.ilmugrafis.info/flash/flash6/flash_6_clip_image002_0006.jpg" /></span>
<span style="font-size: x-small;"><br /><br />
Di frame 35 klik kanan insert keyframe, Ubah gambarnya seperti ini>></span>
<span style="font-size: x-small;"><br /><img alt="tutorial flash" src="http://www.ilmugrafis.info/flash/flash6/flash_6_clip_image002_0007.jpg" /></span>
<span style="font-size: x-small;"><br /><br /><br />
8. Klik Di frame 15 pilih tween shape</span>
<span style="font-size: x-small;"><br /><br /><br />
9. Lalu copy frame 1</span>
<span style="font-size: x-small;"><br />
caranya : klik kanan pada frame 1 dan pilih <strong>Copy Frames</strong> <br />
kemudian Pastekan di frame 60<br /><br /><br />
10. Klik Di frame 35 pilih tween </span>
<span style="font-size: x-small;"><strong>shape</strong><br />
Seperti gambar dibawah ini:<br /><img alt="tutorial flash" src="http://www.ilmugrafis.info/flash/flash6/flash_6_clip_image002_0008.jpg" /></span>
<span style="font-size: x-small;"><br /><strong>Selamat mencoba...(@_@)</strong></span>
<span style="font-size: x-small;"><br /><br />
Jika semua sudah selesai tinggal kita menekan ctrl + enter dan nikmati hasilnya</span>
<span style="font-size: x-small;"><br /><br />
animasi ombak</span>
<span style="font-size: x-small;"><br /><br /><a class="seven" href="http://www.ilmugrafis.com/flash.php?page=animasi-sederhana-motion-tweening"></a></span>
</div>
Anonymoushttp://www.blogger.com/profile/14577257437828874087noreply@blogger.com0tag:blogger.com,1999:blog-8895414789514203927.post-45776741433503742582012-10-12T17:25:00.001-07:002012-10-12T17:25:14.078-07:00Tutorial HTML: Mengenal Lists<div id="fb_share_1" style="float: right; font-family: Arial,Helvetica,sans-serif; margin-left: 10px;">
<div class="fb-share-button fb_iframe_widget" data-href="http://www.klik-kanan.com/mengenal-lists.htm" data-type="box_count">
<span style="font-size: x-small;"><span style="height: 59px; width: 66px;"></span></span></div>
</div>
<div align="left" style="font-family: Arial,Helvetica,sans-serif;">
<span style="font-size: x-small;">Terdapat tiga tipe list yang dapat digunakan, yaitu : </span></div>
<div align="left" style="font-family: Arial,Helvetica,sans-serif;">
<br /></div>
<div align="left" style="font-family: Arial,Helvetica,sans-serif;">
</div>
<div align="left" style="font-family: Arial,Helvetica,sans-serif;">
<span style="font-size: x-small;"><strong>Unordered Lists: <UL></strong>
Untuk membuat daftar item dengan tanda
bullet. List entries didefinisikan
dengan tag <LI>. </span></div>
<div align="left" style="font-family: Arial,Helvetica,sans-serif;">
<span style="font-size: x-small;"> Contoh :</span></div>
<div style="font-family: Arial,Helvetica,sans-serif;">
<span style="font-size: x-small;"><span style="color: #3300cc;"><UL><br />
<LI> Item nomer 1<br />
<LI> Item nomer 2<br />
<LI> Item nomer 3<br />
</UL></span></span></div>
<div align="left" style="font-family: Arial,Helvetica,sans-serif;">
<span style="font-size: x-small;"> Hasil dari kode di atas adalah: </span></div>
<div style="font-family: Arial,Helvetica,sans-serif;">
<ul>
<li><span style="font-size: x-small;">Item nomer 1<br />
</span></li>
<li><span style="font-size: x-small;">Item nomer 2<br />
</span></li>
<li><span style="font-size: x-small;">Item nomer 3<br />
</span></li>
</ul>
</div>
<div align="left" style="font-family: Arial,Helvetica,sans-serif;">
<span style="font-size: x-small;"> Dengan atribut TYPE Anda dapat mendefinisikan bentuk disc, circle atau square bullet point. </span></div>
<div align="left" style="font-family: Arial,Helvetica,sans-serif;">
<span style="font-size: x-small;"> Contoh :</span></div>
<div style="font-family: Arial,Helvetica,sans-serif;">
<span style="font-size: x-small;"><span style="color: #3300cc;"><UL COMPACT TYPE=square> �</span></span></div>
<div style="font-family: Arial,Helvetica,sans-serif;">
<br /></div>
<div align="left" style="font-family: Arial,Helvetica,sans-serif;">
</div>
<div align="left" style="font-family: Arial,Helvetica,sans-serif;">
<span style="font-size: x-small;"><strong>Ordered Lists: <OL></strong>
Juga digunakan untuk membuat daftar
item, dengan tiap item dapat menggunakan
angka arab atau romawi. List entries juga didefinisikan
dengan <LI> tag. </span></div>
<div align="left" style="font-family: Arial,Helvetica,sans-serif;">
<span style="font-size: x-small;"> Contoh :</span></div>
<div style="font-family: Arial,Helvetica,sans-serif;">
<span style="font-size: x-small;"><span style="color: #3300cc;"><OL TYPE=I><br />
<LI> Item nomer 1<br />
<LI> Item nomer 2<br />
<LI> Item nomer 3<br />
</OL></span></span></div>
<div align="left" style="font-family: Arial,Helvetica,sans-serif;">
<span style="font-size: x-small;"> Hasil dari kode di atas adalah : </span></div>
<div style="font-family: Arial,Helvetica,sans-serif;">
<ol>
<li><span style="font-size: x-small;">Item nomer 1<br />
</span></li>
<li><span style="font-size: x-small;">Item nomerr 2<br />
</span></li>
<li><span style="font-size: x-small;">Item nomerr 3<br />
</span></li>
</ol>
</div>
<div align="left" style="font-family: Arial,Helvetica,sans-serif;">
<span style="font-size: x-small;"> Untuk TYPE Anda dapat juga menggunakan :</span></div>
<div style="font-family: Arial,Helvetica,sans-serif;">
<span style="font-size: x-small;">1- Default numbers, 1, 2, 3, etc.<br />
A- Huruf besar. A, B, C, etc.<br />
a- Huruf kecil. a, b, c, etc.<br />
I- Romawi huruf besar. I, II, III, etc.<br />
i- Romawi huruf kecil , i, ii, iii, etc.</span></div>
<div align="left" style="font-family: Arial,Helvetica,sans-serif;">
</div>
<div align="left" style="font-family: Arial,Helvetica,sans-serif;">
<br /></div>
<div align="left" style="font-family: Arial,Helvetica,sans-serif;">
<span style="font-size: x-small;"><strong>Definition Lists: <DL></strong></span></div>
<div align="left" style="font-family: Arial,Helvetica,sans-serif;">
<span style="font-size: x-small;"> Contoh :</span></div>
<div style="font-family: Arial,Helvetica,sans-serif;">
<span style="font-size: x-small;"><span style="color: #3300cc;"><DL><br />
<DT> Item pertama.<br />
<DD> Penjelasan tentang item pertama.<br />
<DT> Item kedua.<br />
<DD> Penjelasan tentang item kedua<br />
</DL></span></span></div>
<div align="left" style="font-family: Arial,Helvetica,sans-serif;">
<span style="font-size: x-small;"> Hasil dari kode di atas adalah :</span></div>
<dl style="font-family: Arial,Helvetica,sans-serif;">
<dt><span style="font-size: x-small;"> Item pertama. </span> </dt>
<dd><span style="font-size: x-small;"> Penjelasan tentang item pertama. </span> </dd>
<dt><span style="font-size: x-small;"> Item kedua. </span> </dt>
<dd><span style="font-size: x-small;"> Penjelasan tentang item kedua</span></dd></dl>
Anonymoushttp://www.blogger.com/profile/14577257437828874087noreply@blogger.com0tag:blogger.com,1999:blog-8895414789514203927.post-23692032574135295852012-10-12T17:23:00.002-07:002012-10-12T17:23:25.141-07:00Tutorial HTML: Tabel<h1 style="font-family: Arial,Helvetica,sans-serif;">
<span style="font-size: x-small;"><span>Tabel
sangat penting artinya dalam desain
web. Karena dengan menggunakan tag
table Anda dapat membuat halaman web
“terbagi” pada beberapa kolom atau
baris. Contohnya seperti pada halaman
web yang sedang Anda baca ini.</span></span></h1>
<div align="left" style="font-family: Arial,Helvetica,sans-serif;">
<span style="font-size: x-small;"><span>Terdapat
tiga tag atau elemen utama yang
digunakan dalam pembuatan table :
<TABLE>, <TR>, dan
<TD>. Yang perlu diingat adalah bahwa tab
<TR> dan <TD> harus terletak di antara
tag <TABLE> dan </TABLE></span></span></div>
<div align="left" style="font-family: Arial,Helvetica,sans-serif;">
<span style="font-size: x-small;"><span><strong><TABLE></strong> </span><span><br />
Terdiri dari atribut :</span></span></div>
<div style="font-family: Arial,Helvetica,sans-serif;">
<ul>
<li><span style="font-size: x-small;"><span><strong>align</strong> – perataan : rata kiri (left), tengah (center) atau kanan (right). </span></span></li>
<li><span style="font-size: x-small;"><span><strong>bgcolor</strong> – warna latar belakang (background) dari tabel. </span></span></li>
<li><span style="font-size: x-small;"><span><strong>border</strong> – ukuran lebar border tabel (dalam pixel). </span></span></li>
<li><span style="font-size: x-small;"><span><strong>cellpadding</strong> – jarak antara isi cell dengan batas cell (dalam pixel).</span></span></li>
<li><span style="font-size: x-small;"><span><strong>cellspacing</strong> – jarak antar cell (dalam pixel). </span></span></li>
<li><span style="font-size: x-small;"><span><strong>width</strong> – ukuran tabel dalam pixel atau percent.</span></span></li>
</ul>
<span style="font-size: x-small;"><span>Contoh :</span></span><br />
<span style="font-size: x-small;"><span style="color: #3300cc;"><TABLE
align=”center” bgcolor=”#0000FF”
border=”2″ cellpadding=”5″
cellspacing=”2″ width=”90%”> </span></span></div>
<div align="left" style="font-family: Arial,Helvetica,sans-serif;">
<span style="font-size: x-small;"><span><strong><TR> </strong></span><span style="color: #0000a0;"><strong><br />
</strong></span><span>Tag
ini digunakan untuk membuat baris baru
(pada tabel). Terdiri dari atribut:</span></span></div>
<div style="font-family: Arial,Helvetica,sans-serif;">
<ul>
<li><span style="font-size: x-small;"><span><strong>align</strong> – perataan : rata kiri (left), tengah (center) atau kanan (right).</span></span></li>
<li><span style="font-size: x-small;"><span><strong>bgcolor</strong> – warna latar belakang dari baris. </span></span></li>
<li><span style="font-size: x-small;"><span><strong>valign</strong> – perataan vertikal : top, middle atau bottom.</span></span></li>
</ul>
<span style="font-size: x-small;"><span>Contoh :</span></span><br />
<span style="font-size: x-small;"><span style="color: #3300cc;"><TR align=”right” bgcolor=”#0000FF” valign=top> </span></span></div>
<div align="left" style="font-family: Arial,Helvetica,sans-serif;">
<span style="font-size: x-small;"><span><strong><TD> </strong></span><span style="color: #0000a0;"><strong><br />
</strong></span><span>Tag ini digunakan untuk membuat kolom baru pada tabel.</span></span></div>
<div style="font-family: Arial,Helvetica,sans-serif;">
<ul>
<li><span style="font-size: x-small;"><span><strong>align</strong> – perataan</span></span></li>
<li><span style="font-size: x-small;"><span><strong>background</strong> – image yang digunakan sebagai latar belakang dari kolom.</span></span></li>
<li><span style="font-size: x-small;"><span><strong>bgcolor</strong> – warna latar belakang</span></span></li>
<li><span style="font-size: x-small;"><span><strong>colspan</strong> – lihat gambar contoh</span></span></li>
<li><span style="font-size: x-small;"><span><strong>height</strong> – ukuran tinggi cell dalam pixels. </span></span></li>
<li><span style="font-size: x-small;"><span><strong>nowrap</strong> – membuat supaya isi dari kolom tetap berada pada satu baris.</span></span></li>
<li><span style="font-size: x-small;"><span><strong>rowspan</strong> – lihat gambar contoh</span></span></li>
<li><span style="font-size: x-small;"><span><strong>valign</strong> – perataan vertikal :top, middle atau bottom. </span></span></li>
<li><span style="font-size: x-small;"><span><strong>width</strong> – ukuran kolom dalam pixel atau percen.</span></span></li>
</ul>
<span style="font-size: x-small;"><span>Contoh :</span></span><br />
<span style="font-size: x-small;"><span style="color: #3300cc;"><TD
align=”right” background=”back.gif”
bgcolor=”#0000FF” colspan=”3″
height=”200″ nowrap rowspan=”2″ valign=”bottom”
width=”300″> </span></span></div>
<table border="0" style="font-family: Arial,Helvetica,sans-serif;"><tbody>
<tr valign="top">
<td height="176">
<table border="1" cellpadding="2" cellspacing="2" style="width: 100px;">
<tbody>
<tr>
<td bgcolor="#0000ff"><span style="font-size: x-small;"><br /></span></td>
<td bgcolor="#ffff66"><span style="font-size: x-small;"><br /></span></td>
<td bgcolor="#ff3366" rowspan="2"><span style="font-size: x-small;"><br /></span></td>
</tr>
<tr>
<td bgcolor="#33cc66" colspan="2"><span style="font-size: x-small;"><br /></span></td>
</tr>
<tr>
<td bgcolor="#ffcc99" colspan="3"><span style="font-size: x-small;"><br /></span></td>
</tr>
</tbody>
</table>
</td>
<td bgcolor="#f0f0f0"><span style="font-size: x-small;"><span style="color: #0000a0;"> <table width=”100″ <span style="color: #ff0033;">border=”1″ cellspacing=”2″ cellpadding=”2″</span>><br />
<tr><br />
<td bgcolor=”#0000FF”> &nbsp;</td><br />
<td bgcolor=”#FFFF66″>&nbsp;</td><br />
<td rowspan=”2″ bgcolor=”#FF3366″>&nbsp;</td><br />
</tr><br />
<tr><br />
<td colspan=”2″ bgcolor=”#33CC66″>&nbsp;</td><br />
</tr><br />
<tr><br />
<td colspan=”3″ bgcolor=”#FFCC99″>&nbsp;</td><br />
</tr><br />
</table> </span></span></td>
</tr>
<tr valign="top">
<td height="132">
<table border="0" cellpadding="0" cellspacing="0" style="width: 100px;">
<tbody>
<tr>
<td bgcolor="#0000ff"><span style="font-size: x-small;"><br /></span></td>
<td bgcolor="#ffff66"><span style="font-size: x-small;"><br /></span></td>
<td bgcolor="#ff3366" rowspan="2"><span style="font-size: x-small;"><br /></span></td>
</tr>
<tr>
<td bgcolor="#33cc66" colspan="2"><span style="font-size: x-small;"><br /></span></td>
</tr>
<tr>
<td bgcolor="#ffcc99" colspan="3"><span style="font-size: x-small;"><br /></span></td>
</tr>
</tbody>
</table>
</td>
<td bgcolor="#f0f0f0"><span style="font-size: x-small;"><span style="color: #0000a0;"> <span><table width=”100″ <span style="color: #ff0066;">border=”0″ cellspacing=”0″ cellpadding=”0″</span>><br />
<tr><br />
<td bgcolor=”#0000FF”>&nbsp; </td><br />
<td bgcolor=”#FFFF66″>&nbsp;</td><br />
<td rowspan=”2″ bgcolor=”#FF3366″>&nbsp;</td><br />
</tr><br />
<tr><br />
<td colspan=”2″ bgcolor=”#33CC66″>&nbsp;</td><br />
</tr><br />
<tr><br />
<td colspan=”3″ bgcolor=”#FFCC99″>&nbsp;</td><br />
</tr><br />
</table></span></span></span></td></tr>
</tbody></table>
Anonymoushttp://www.blogger.com/profile/14577257437828874087noreply@blogger.com0tag:blogger.com,1999:blog-8895414789514203927.post-58612385412619819482012-10-12T17:15:00.003-07:002012-10-12T17:15:35.433-07:00Animasi Menendang bola<div style="font-family: Arial,Helvetica,sans-serif;">
</div>
<span style="font-size: x-small;"><span style="font-family: Arial,Helvetica,sans-serif;">Pada
kesempatan kali ini saya coba mengambar animasi orang yang sedang
menendang bola. Dalam proses pembuatannya pun tidaklah terlalu sulit.
Berikut cara pembuatannya :</span></span>
<div class="separator" style="clear: both; font-family: Arial,Helvetica,sans-serif; text-align: left;">
<span style="font-size: x-small;"><br /></span>
</div>
<span style="font-size: x-small;"><span style="font-family: Arial,Helvetica,sans-serif;">pertama buat pemain dan gawang</span><br style="font-family: Arial,Helvetica,sans-serif;" /></span>
<div class="separator" style="clear: both; font-family: Arial,Helvetica,sans-serif; text-align: center;">
<span style="font-size: x-small;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4LVKIWnlbFzMGWJ6AdpOJUsghVYlvBL_BSgOjBuLlao9SXCCdwvTM2hnhNTWjaXHrPyh1c4OeaCDB0EbRxLKJfpr01KKwNtHCQ42Pa7cS5KLop91yNxsWCCxqmgTCeks5n-1OyWbf9gg/s1600-h/nendang1.JPG" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4LVKIWnlbFzMGWJ6AdpOJUsghVYlvBL_BSgOjBuLlao9SXCCdwvTM2hnhNTWjaXHrPyh1c4OeaCDB0EbRxLKJfpr01KKwNtHCQ42Pa7cS5KLop91yNxsWCCxqmgTCeks5n-1OyWbf9gg/s320/nendang1.JPG" /></a></span>
</div>
<span style="font-size: x-small;"><span style="font-family: Arial,Helvetica,sans-serif;">buat layer baru(layer 2), lalu buat lingkaran(bola) pada frame 1</span><br style="font-family: Arial,Helvetica,sans-serif;" /></span>
<div class="separator" style="clear: both; font-family: Arial,Helvetica,sans-serif; text-align: center;">
<span style="font-size: x-small;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiG_TLAZfc7e7RaarH7J2lk5aWlOuIJ9ywCMwUnEvxieMIJUdZE7qoDv73KGtF-43y30gwsHiVxEdUlHi18Jj_CC3RsysoS8Md3Az8ZqnJHy2HmqrUjEPNk02TXgtuBCLxVT8NL-nEb95k/s1600-h/nendang2.JPG" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiG_TLAZfc7e7RaarH7J2lk5aWlOuIJ9ywCMwUnEvxieMIJUdZE7qoDv73KGtF-43y30gwsHiVxEdUlHi18Jj_CC3RsysoS8Md3Az8ZqnJHy2HmqrUjEPNk02TXgtuBCLxVT8NL-nEb95k/s320/nendang2.JPG" /></a></span>
</div>
<div class="separator" style="clear: both; font-family: Arial,Helvetica,sans-serif; text-align: center;">
<span style="font-size: x-small;"><br /></span>
</div>
<div class="separator" style="clear: both; font-family: Arial,Helvetica,sans-serif; text-align: center;">
<span style="font-size: x-small;"><br /></span>
</div>
<span style="font-size: x-small;"><br style="font-family: Arial,Helvetica,sans-serif;" /><a href="http://www.blogger.com/blogger.g?blogID=8895414789514203927" name="more" style="font-family: Arial,Helvetica,sans-serif;"></a></span>
<span style="font-size: x-small;"><span style="font-family: Arial,Helvetica,sans-serif;">setelah itu klik kanan pilih insert keyframe pada
frame 5 di layer 1, seleksi salah satu kaki pemain dengaan menggunkan
arrow tool,ubah posisi kaki dengan menggunakan free transform tool.</span><br style="font-family: Arial,Helvetica,sans-serif;" /></span>
<div class="separator" style="clear: both; font-family: Arial,Helvetica,sans-serif; text-align: center;">
<span style="font-size: x-small;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFDGs9qi3ddidQB-oLEVXyna9ozVh_aoJbir1IC9DxR6cStzBs9jy7XDsPYdKY-Y07N4o8SFjUHSSeTeyTpWpGBfhthyexTqw3usCuI2tTOlfV2wN_5BAID0xxU5yQrWKCSh2cN3P_eXI/s1600-h/nendang3.JPG" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFDGs9qi3ddidQB-oLEVXyna9ozVh_aoJbir1IC9DxR6cStzBs9jy7XDsPYdKY-Y07N4o8SFjUHSSeTeyTpWpGBfhthyexTqw3usCuI2tTOlfV2wN_5BAID0xxU5yQrWKCSh2cN3P_eXI/s320/nendang3.JPG" /></a></span>
</div>
<div class="separator" style="clear: both; font-family: Arial,Helvetica,sans-serif; text-align: left;">
<span style="font-size: x-small;">pada frame 5 layer 2, insert keyframe lalu pada frame 20 layer 2 kita insert keyframe dan pindahkan posisi bola ke frame 20</span>
</div>
<div class="separator" style="clear: both; font-family: Arial,Helvetica,sans-serif; text-align: left;">
<span style="font-size: x-small;"><br /></span>
</div>
<div style="font-family: Arial,Helvetica,sans-serif; text-align: center;">
<span style="font-size: x-small;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixv1LiNc65Sii4G5poRHGsD1UGX-3gVLdkan11o8_UhzyK8nZ6vme0g5_Q3FJeUGwAF8JFnok3Gf08rFRwInmzizhsONfyLuRgKBHcUC6hQhu5e9Qu5TzCTkkLdd35IKZbz8ZWUi_mC2Q/s1600-h/nendang4.JPG" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixv1LiNc65Sii4G5poRHGsD1UGX-3gVLdkan11o8_UhzyK8nZ6vme0g5_Q3FJeUGwAF8JFnok3Gf08rFRwInmzizhsONfyLuRgKBHcUC6hQhu5e9Qu5TzCTkkLdd35IKZbz8ZWUi_mC2Q/s320/nendang4.JPG" /></a></span>
</div>
<span style="font-size: x-small;"><br style="font-family: Arial,Helvetica,sans-serif;" /><span style="font-family: Arial,Helvetica,sans-serif;">
Insert frame pada layer 1 frame 20, lalu pada layer 2 pilih sembarang
frame misal frame 15 klik kanan pilih create motion tween, hingga muncul
tanda panah ke aarah kanan seperti gambar dibawah ini</span><br style="font-family: Arial,Helvetica,sans-serif;" /></span>
<div class="separator" style="clear: both; font-family: Arial,Helvetica,sans-serif; text-align: center;">
<span style="font-size: x-small;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3qn6k6Cl5GmGmGOa1DV9n3Zgt7o6g8NFKzgGOWnDuzySkiU7BrWvQFFBm3nbDXHQmo1Kpu5ued9uBgfKQdw1-iPLYGeehZGImTkSjbxn9yLkqyKV2GlO_hQv82PwAVc9_4HNVn4NJ-70/s1600-h/nendang6.JPG" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3qn6k6Cl5GmGmGOa1DV9n3Zgt7o6g8NFKzgGOWnDuzySkiU7BrWvQFFBm3nbDXHQmo1Kpu5ued9uBgfKQdw1-iPLYGeehZGImTkSjbxn9yLkqyKV2GlO_hQv82PwAVc9_4HNVn4NJ-70/s320/nendang6.JPG" /></a></span>
</div>
<div class="separator" style="clear: both; font-family: Arial,Helvetica,sans-serif; text-align: center;">
<span style="font-size: x-small;"><br /></span>
</div>
<div class="separator" style="clear: both; font-family: Arial,Helvetica,sans-serif; text-align: left;">
<span style="font-size: x-small;">pada
layer 2 frame 11, bola kita rubah posisinya ke atas agar nampak
melambung ketika ditendang. dan pada frame 21 layer 2 kita insert
keyframe dan buat tulisan goal!!, pada kolom layer tukar posisi layer 1
dengan layer 2</span>
</div>
<div style="font-family: Arial,Helvetica,sans-serif; text-align: center;">
<span style="font-size: x-small;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMFcuF84_nWT4UAMb7WnxRl_SHr6YKMOOy0ek8e-GZ8RpkvXs4gRp_9MyQK9idxeROknzSzgPJOGrq75qBVxJYEwUb_HcJhC-Cq4movP6Y8NYQICWKlvo54NVp6HHGYA32rOCqhB_1mV0/s1600-h/nendang7.JPG" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMFcuF84_nWT4UAMb7WnxRl_SHr6YKMOOy0ek8e-GZ8RpkvXs4gRp_9MyQK9idxeROknzSzgPJOGrq75qBVxJYEwUb_HcJhC-Cq4movP6Y8NYQICWKlvo54NVp6HHGYA32rOCqhB_1mV0/s320/nendang7.JPG" /></a></span>
</div>
<span style="font-size: x-small;"><br style="font-family: Arial,Helvetica,sans-serif;" /></span>
<div class="separator" style="clear: both; font-family: Arial,Helvetica,sans-serif; text-align: center;">
<span style="font-size: x-small;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg01xgbZ-5C0K7iM8xVyTvkVXMvV95bAX4Kr7DONKto4up9hm1etvmORZtIKW9lPhS43Pfv52jjZi974b1qE7xKJf9ZPx7Qdt1XeZifJELJl24CRr7OwbUrgK3tLy1FH9PXx-1MESumHvk/s1600-h/nendang8.JPG" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg01xgbZ-5C0K7iM8xVyTvkVXMvV95bAX4Kr7DONKto4up9hm1etvmORZtIKW9lPhS43Pfv52jjZi974b1qE7xKJf9ZPx7Qdt1XeZifJELJl24CRr7OwbUrgK3tLy1FH9PXx-1MESumHvk/s320/nendang8.JPG" /></a></span>
</div>
<span style="font-size: x-small;"><br style="font-family: Arial,Helvetica,sans-serif;" /><span style="font-family: Arial,Helvetica,sans-serif;">
hasil akhir dapat anda lihat </span><span style="font-family: Arial,Helvetica,sans-serif;"><b><a href="http://img502.imageshack.us/img502/3691/mainbola.swf">disini</a></b></span></span>Anonymoushttp://www.blogger.com/profile/14577257437828874087noreply@blogger.com0tag:blogger.com,1999:blog-8895414789514203927.post-64005425586709074922012-10-12T17:12:00.003-07:002012-10-12T17:12:24.149-07:00Membuat Jam Digital Menggunakan Flash 8
<div class="postdate" style="font-family: Arial,Helvetica,sans-serif;">
</div>
<div style="font-family: Arial,Helvetica,sans-serif;">
<span style="font-size: x-small;">
Tutorial Flash lagi nih,,, kali ini saya akan mencoba membuat Jam
Digital menggunakan Flash 8. Caranya tidaklah sulit, cukup menambahkan
beberapa script pada layer. Untuk lebih jelasnya, mari kita praktekan.<br /></span>
</div>
<div style="font-family: Arial,Helvetica,sans-serif; text-align: left;">
<span style="font-size: x-small;">Buat dokumen baru dan masukan 3 buah layer. Kemudian rename ketiga layer tersebut hingga menjadi seperti ini :</span></div>
<div style="font-family: Arial,Helvetica,sans-serif; text-align: center;">
<span style="font-size: x-small;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDoE0cjkfzNa-BZAbsoGZ58BJyO3HLFeJ2sWvkpUbdSNIABLvn8foDvsH8LnoiJB4OrHOgPjgGbz0n7ov_JbWD2d_joHwD9l4yRjD3iIBcSVjnR-lhf1VHdfSg1bZfntzKZhcXfGPci_M/s1600-h/aulia1.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDoE0cjkfzNa-BZAbsoGZ58BJyO3HLFeJ2sWvkpUbdSNIABLvn8foDvsH8LnoiJB4OrHOgPjgGbz0n7ov_JbWD2d_joHwD9l4yRjD3iIBcSVjnR-lhf1VHdfSg1bZfntzKZhcXfGPci_M/s320/aulia1.png" /></a></span></div>
<span style="font-family: Arial,Helvetica,sans-serif; font-size: x-small;"><br />
Ubah dokumen properti seperti gambar ini (ini hanya optional saja, kawan bisa ubah sesuka kawan), setelah itu OK.</span>
<div class="separator" style="clear: both; font-family: Arial,Helvetica,sans-serif; text-align: center;">
<span style="font-size: x-small;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEju-2UZhfyVXpPQLe1xJB9yijmKRYOblhm_azeMvta3NG8Y7lZ7hjk1z3nUmxp939kPvOnVKPlwN6NUKjY4Bg8OaRRpigzIuw2HFsTqk5OewK_FhvGq97ZEOzrHIIGUWiob2co2Lnqsj-s/s1600-h/aulia2.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEju-2UZhfyVXpPQLe1xJB9yijmKRYOblhm_azeMvta3NG8Y7lZ7hjk1z3nUmxp939kPvOnVKPlwN6NUKjY4Bg8OaRRpigzIuw2HFsTqk5OewK_FhvGq97ZEOzrHIIGUWiob2co2Lnqsj-s/s320/aulia2.png" /></a></span></div>
<span style="font-family: Arial,Helvetica,sans-serif; font-size: x-small;"><br />
Lalu pilih frame 1 pada layer Background, kemudian buat backgrond
(disini saya menggunakan rectangle Tool untuk membuat backgrondnya)
sesuaikan ukurannya.</span>
<div class="separator" style="clear: both; font-family: Arial,Helvetica,sans-serif; text-align: center;">
<span style="font-size: x-small;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgixs-G5xNZt8Bvn1ayrcA0EWlCeUzXpjf_1Pa1T4uPCFPCI7D_KrDl9CN5RSGRF06M4CxKXa7ISaBGFdjz40zkIVeMu2iWKPa3ZPBHDFbV5yC8XMJY-IsK0C1aEEOkUnB-uj0_DCxNhjI/s1600-h/aulia3.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgixs-G5xNZt8Bvn1ayrcA0EWlCeUzXpjf_1Pa1T4uPCFPCI7D_KrDl9CN5RSGRF06M4CxKXa7ISaBGFdjz40zkIVeMu2iWKPa3ZPBHDFbV5yC8XMJY-IsK0C1aEEOkUnB-uj0_DCxNhjI/s320/aulia3.png" /></a></span></div>
<span style="font-family: Arial,Helvetica,sans-serif; font-size: x-small;">Tekan F6 pada frame 2 layer Background.<br /><br />
Selanjutnya pada frame 1 layer Jam masukan text dengan Text Tool
(kosongkan saja, tidak perlu ditulis sesuatu) sesuaikan dengan ukuran
background. Hingga tampak seperti ini</span><span style="font-family: Arial,Helvetica,sans-serif;">
</span><span style="font-family: Arial,Helvetica,sans-serif; font-size: x-small;"><br /></span>
<div class="separator" style="clear: both; font-family: Arial,Helvetica,sans-serif; text-align: center;">
<span style="font-size: x-small;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTLQ9SzKvU8jUJYyn3OETzBRq3fYqSCf6n24NKSLtyK3NoWzpNPj9CtfG6lSSnkF21UZ6XLATiPsLSXXIpCeI7k3F6kPzpIA_sPU9AI6mEPrtJxbc9N6_ruPNINcyz5Tzrmsx5hvyAy-s/s1600-h/aulia4.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTLQ9SzKvU8jUJYyn3OETzBRq3fYqSCf6n24NKSLtyK3NoWzpNPj9CtfG6lSSnkF21UZ6XLATiPsLSXXIpCeI7k3F6kPzpIA_sPU9AI6mEPrtJxbc9N6_ruPNINcyz5Tzrmsx5hvyAy-s/s320/aulia4.png" /></a></span></div>
<span style="font-family: Arial,Helvetica,sans-serif; font-size: x-small;"><br />
Untuk memasukkan nama ke Dynamic text, klik pada dynamic text pada
daerah kerja,kemudian pilih property inspector . Klik pada area kerja
dan letakkan sesuai keinginan, area Dynamic text tersebut akan
memunculkan jam digital. Untuk nama dari Dynamic text field instance
adalah "jam_text"</span>
<div class="separator" style="clear: both; font-family: Arial,Helvetica,sans-serif; text-align: center;">
<span style="font-size: x-small;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0RBS6qoZYHEztbjJ15th2jeYdObdvDVkNMdTc66zsV_R4joR4p8WsvUnCNcIXojcx1jEyWjpGE9cob9Y5fisonGwaDXga81-b80jrbkosMTP7PADIA8HORwSNQJJeONSZyozb30Png_g/s1600-h/aulia5.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0RBS6qoZYHEztbjJ15th2jeYdObdvDVkNMdTc66zsV_R4joR4p8WsvUnCNcIXojcx1jEyWjpGE9cob9Y5fisonGwaDXga81-b80jrbkosMTP7PADIA8HORwSNQJJeONSZyozb30Png_g/s320/aulia5.png" /></a></span></div>
<span style="font-family: Arial,Helvetica,sans-serif; font-size: x-small;">Klik frame 2 layer Jam tekan F6.<br /><br />
Klik frame 1 layer action lalu tekan F9, hingga muncul kolom seperti ini</span><span style="font-family: Arial,Helvetica,sans-serif;">
</span><span style="font-family: Arial,Helvetica,sans-serif; font-size: x-small;"><br /></span>
<div class="separator" style="clear: both; font-family: Arial,Helvetica,sans-serif; text-align: center;">
<span style="font-size: x-small;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjV3-sxP95ZLTf4SvmcdzqwCgORfA9P4B88-vO0FxN6fOBtu5oWiqo4lwaFSIWgv5Th8sHmBima1UxTNjBUbcTKXCfDxJj_iYdNlokKE9acXx7W_ulopGHEnD_lklkjESKw-LBqyXcRq1g/s1600-h/aulia6.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjV3-sxP95ZLTf4SvmcdzqwCgORfA9P4B88-vO0FxN6fOBtu5oWiqo4lwaFSIWgv5Th8sHmBima1UxTNjBUbcTKXCfDxJj_iYdNlokKE9acXx7W_ulopGHEnD_lklkjESKw-LBqyXcRq1g/s320/aulia6.png" /></a></span></div>
<span style="font-family: Arial,Helvetica,sans-serif; font-size: x-small;"><br />
Copy script dibawah ini kemudian paste-kan ke kolom tersebut.<br /><b>time=new Date(); // time object</b></span><span style="font-family: Arial,Helvetica,sans-serif;">
</span><span style="font-family: Arial,Helvetica,sans-serif; font-size: x-small;"><br /><b>var seconds = time.getSeconds()</b></span><span style="font-family: Arial,Helvetica,sans-serif;">
</span><span style="font-family: Arial,Helvetica,sans-serif; font-size: x-small;"><br /><b>var minutes = time.getMinutes()</b></span><span style="font-family: Arial,Helvetica,sans-serif;">
</span><span style="font-family: Arial,Helvetica,sans-serif; font-size: x-small;"><br /><b>var hours = time.getHours()</b></span><span style="font-family: Arial,Helvetica,sans-serif;">
</span><span style="font-family: Arial,Helvetica,sans-serif; font-size: x-small;"><br /><b>if (hours<12) {</b></span><span style="font-family: Arial,Helvetica,sans-serif;">
</span><span style="font-family: Arial,Helvetica,sans-serif; font-size: x-small;"><br /><b>ampm = "AM";</b></span><span style="font-family: Arial,Helvetica,sans-serif;">
</span><span style="font-family: Arial,Helvetica,sans-serif; font-size: x-small;"><br /><b>}</b></span><span style="font-family: Arial,Helvetica,sans-serif;">
</span><span style="font-family: Arial,Helvetica,sans-serif; font-size: x-small;"><br /><b>else{</b></span><span style="font-family: Arial,Helvetica,sans-serif;">
</span><span style="font-family: Arial,Helvetica,sans-serif; font-size: x-small;"><br /><b>ampm = "PM";</b></span><span style="font-family: Arial,Helvetica,sans-serif;">
</span><span style="font-family: Arial,Helvetica,sans-serif; font-size: x-small;"><br /><b>}</b></span><span style="font-family: Arial,Helvetica,sans-serif;">
</span><span style="font-family: Arial,Helvetica,sans-serif; font-size: x-small;"><br /><b>while(hours >12){</b></span><span style="font-family: Arial,Helvetica,sans-serif;">
</span><span style="font-family: Arial,Helvetica,sans-serif; font-size: x-small;"><br /><b>hours = hours - 12;</b></span><span style="font-family: Arial,Helvetica,sans-serif;">
</span><span style="font-family: Arial,Helvetica,sans-serif; font-size: x-small;"><br /><b>}</b></span><span style="font-family: Arial,Helvetica,sans-serif;">
</span><span style="font-family: Arial,Helvetica,sans-serif; font-size: x-small;"><br /><b>if(hours<10)</b></span><span style="font-family: Arial,Helvetica,sans-serif;">
</span><span style="font-family: Arial,Helvetica,sans-serif; font-size: x-small;"><br /><b>{</b></span><span style="font-family: Arial,Helvetica,sans-serif;">
</span><span style="font-family: Arial,Helvetica,sans-serif; font-size: x-small;"><br /><b>hours = "0" + hours;</b></span><span style="font-family: Arial,Helvetica,sans-serif;">
</span><span style="font-family: Arial,Helvetica,sans-serif; font-size: x-small;"><br /><b>}</b></span><span style="font-family: Arial,Helvetica,sans-serif;">
</span><span style="font-family: Arial,Helvetica,sans-serif; font-size: x-small;"><br /><b>if(minutes<10)</b></span><span style="font-family: Arial,Helvetica,sans-serif;">
</span><span style="font-family: Arial,Helvetica,sans-serif; font-size: x-small;"><br /><b>{</b></span><span style="font-family: Arial,Helvetica,sans-serif;">
</span><span style="font-family: Arial,Helvetica,sans-serif; font-size: x-small;"><br /><b>minutes = "0" + minutes;</b></span><span style="font-family: Arial,Helvetica,sans-serif;">
</span><span style="font-family: Arial,Helvetica,sans-serif; font-size: x-small;"><br /><b>}</b></span><span style="font-family: Arial,Helvetica,sans-serif;">
</span><span style="font-family: Arial,Helvetica,sans-serif; font-size: x-small;"><br /><b>if(seconds<10)</b></span><span style="font-family: Arial,Helvetica,sans-serif;">
</span><span style="font-family: Arial,Helvetica,sans-serif; font-size: x-small;"><br /><b>{</b></span><span style="font-family: Arial,Helvetica,sans-serif;">
</span><span style="font-family: Arial,Helvetica,sans-serif; font-size: x-small;"><br /><b>seconds = "0" + seconds;</b></span><span style="font-family: Arial,Helvetica,sans-serif;">
</span><span style="font-family: Arial,Helvetica,sans-serif; font-size: x-small;"><br /><b>}</b></span><span style="font-family: Arial,Helvetica,sans-serif;">
</span><span style="font-family: Arial,Helvetica,sans-serif; font-size: x-small;"><br /><b>Jam_text.text = hours + " : " + minutes + " : " + seconds +" "+ ampm;</b></span><span style="font-family: Arial,Helvetica,sans-serif;">
</span><span style="font-family: Arial,Helvetica,sans-serif; font-size: x-small;"><br /><br />
Klik frame 2 layer action, tekan F6 dan tekan F9 (untuk memunculkan action panel) masukan script ini :</span><span style="font-family: Arial,Helvetica,sans-serif;">
</span><span style="font-family: Arial,Helvetica,sans-serif; font-size: x-small;"><br /><br /><b>gotoAndPlay(1);</b></span><span style="font-family: Arial,Helvetica,sans-serif;">
</span><span style="font-family: Arial,Helvetica,sans-serif; font-size: x-small;"><br /><br />
dan,,, Jam Digital kita-pun selesai dibuat, untuk melihat jam kita bkerja tekan </span><span style="font-family: Arial,Helvetica,sans-serif;">
</span><span style="font-family: Arial,Helvetica,sans-serif; font-size: x-small;"><b>Ctrl + Enter</b></span>
Anonymoushttp://www.blogger.com/profile/14577257437828874087noreply@blogger.com0tag:blogger.com,1999:blog-8895414789514203927.post-90514002923701725732012-10-10T17:33:00.002-07:002012-10-10T17:43:39.439-07:00Belajar Layer Masking di Photoshop <div class="entrytitle">
Dulu waktu pertama kali kenalan dengan <a href="http://www.photoshop.com/" target="_blank">Photoshop</a>,
hobiku memotong foto dan menempelkannya dengan foto-foto yang lain
untuk dijadikan satu. Lumayan capek juga karena harus memotong dengan <i>Polygonal Lasso Tool</i>
di pinggiran fotonya lalu ditempelkan di foto yang lain. Ternyata ada
satu cara mudah untuk melakukannya dengan jauh lebih cepat, yaitu
memanfaatkan fitur <i><b>Masking Layer</b></i>.
</div>
Persiapkan dua atau lebih foto dengan pencahayaan yang sama. Sebaiknya latar belakang/<i>background</i>nya juga sama agar lebih mudah melakukan <i>masking</i>. Dalam contoh ini, aku mempergunakan 3 foto yang memiliki pencahayaan serta background yang sama:<br />
<a href="http://kaffah4829.files.wordpress.com/2011/11/11.jpg"><img alt="" class="size-full wp-image-1597 alignnone" height="225" src="http://kaffah4829.files.wordpress.com/2011/11/11.jpg?w=480&h=225" title="1" width="480" /></a><br />
Buka ketiga foto itu semua di <b>Photoshop</b>. Kita tentukan foto di sebelah kiri masternya, sehingga nanti dua foto lainnya akan kita tempatkan di situ.<br />
<span id="more-1594"></span>Berikutnya, kita klik foto kedua sehingga layer yang aktif ada di foto kedua. Pilih dan tekan layer <i>background</i> pada foto kedua dan seret/<i>drag</i> ke foto pertama:<br />
<a href="http://kaffah4829.files.wordpress.com/2011/11/2.jpg"><img alt="" class="alignnone size-full wp-image-1599" height="187" src="http://kaffah4829.files.wordpress.com/2011/11/2.jpg?w=480&h=187" title="2" width="480" /></a><br />
Sehingga di foto pertama akan ada dua layer, yaitu <i><b>Layer 1 dan Background</b></i>:<br />
<a href="http://kaffah4829.files.wordpress.com/2011/11/3-merge.jpg"><img alt="" class="alignnone size-full wp-image-1600" height="204" src="http://kaffah4829.files.wordpress.com/2011/11/3-merge.jpg?w=480&h=204" title="3-merge" width="480" /></a><br />
Terlihat di foto sebelah kiri, foto kedua telah menutupi foto aslinya. Dengan posisi Layer 1 aktif, tekan tombol <i><b>Add Layer Mask</b></i> di bagian bawah window layer:<br />
<a href="http://kaffah4829.files.wordpress.com/2011/11/4-addlayermask.jpg"><img alt="" class="alignnone size-full wp-image-1602" height="247" src="http://kaffah4829.files.wordpress.com/2011/11/4-addlayermask.jpg?w=480&h=247" title="4-addLayerMask" width="480" /></a><br />
Bila sudah, maka akan ada kotak putih di baris Layer 1 seperti ini:<br />
<img alt="" class="alignnone size-full wp-image-1603" src="http://kaffah4829.files.wordpress.com/2011/11/5-layermaskindicator.jpg?w=480" title="5-layerMaskIndicator" /><br />
Kotak putih itu menandakan Layer 1 telah siap dalam modus ‘<i>masking</i>‘.<br />
Berikutnya, tekan <i><b>Brush Tool (B)</b></i>, pilih <i>brush</i> yang memiliki ukuran cukup besar dengan menggeser <i>slider</i> <i>brush</i> ke kanan dan pilih yang memiliki pinggiran yang halus. Tekan <b>tombol D</b> pada <i>keyboard</i> untuk mengeset warna <i>foreground</i> dan <i>background</i> ke modus warna <i>default</i>/hitam dan putih. Bila foreground berwarna hitam, <i>brush</i> akan menghapus foto dan sebaliknya warna putih akan menampilkan foto. Kita dapat dengan mudah membalikkan warna <i>foreground</i> dan <i>background</i> ini dengan menekan <i><b>icon switch color</b></i> atau menekan <b>tombol X</b> pada <i>keyboard</i>.<br />
<a href="http://kaffah4829.files.wordpress.com/2011/11/5-settingbrush.jpg"><img alt="" class="alignnone size-full wp-image-1604" height="259" src="http://kaffah4829.files.wordpress.com/2011/11/5-settingbrush.jpg?w=480&h=259" title="5-settingBrush" width="480" /></a><br />
Bila semua telah siap, silakan memulai menggosok-gosokkan <i>brush</i> di layer 1 hingga muncul foto pertama tadi. Lakukan dengan perlahan agar tidak menabrak foto kedua:<br />
<a href="http://kaffah4829.files.wordpress.com/2011/11/6-brushalign.jpg"><img alt="" class="alignnone size-full wp-image-1607" height="338" src="http://kaffah4829.files.wordpress.com/2011/11/6-brushalign.jpg?w=480&h=338" title="6-brushAlign" width="480" /></a><br />
Bila <i>background</i> foto di belakang ternyata tidak lurus/rata dengan <i>background</i> foto di depannya (lihat lingkaran di foto di atas), kita bisa tunda sejenak <i>brushing</i>nya dan tekan tombol <i><b>move tool</b></i>/menekan <b>tombol V</b> pada keyboard lalu menggeser perlahan-lahan dengan menggunakan <b>tombol panah kiri atau kanan di keyboard</b> hingga <i>background</i> foto pertama menyatu dengan foto kedua:<br />
<a href="http://kaffah4829.files.wordpress.com/2011/11/6-brushalign2.jpg"><img alt="" class="alignnone size-full wp-image-1608" height="338" src="http://kaffah4829.files.wordpress.com/2011/11/6-brushalign2.jpg?w=480&h=338" title="6-brushAlign2" width="480" /></a><br />
Terlihat di foto di atas, <i>background</i> pun telah menyatu dengan sempurna. Kita bisa lanjutkan <i>brushing</i> lagi dengan menggunakan <i><b>brush tool</b></i> kembali hingga semua obyek foto yang hendak kita tampilkan telah terlihat semua.<br />
Ada kalanya, <i>brushing</i> memerlukan penyapuan yang teliti.
Dalam foto di bawah ini terlihat kaki di foto pertama berdempetan dengan
kaki di foto kedua sehingga terjadi penumpukan:<br />
<a href="http://kaffah4829.files.wordpress.com/2011/11/7-detail.jpg"><img alt="" class="alignnone size-full wp-image-1611" height="309" src="http://kaffah4829.files.wordpress.com/2011/11/7-detail.jpg?w=480&h=309" title="7-detail" width="480" /></a><br />
Kita bisa memperbaikinya dengan menggunakan <i>brush</i>/kuas yang
lebih kecil ukurannya dan menyapu kuas di masing-masing layer dengan
teliti. Jangan takut bila terhapus karena sesungguhnya yang hilang
adalah maskingnya saja. Kita bisa menampilkannya kembali dengan menekan
tombol <i><b>switch color</b></i> tadi dan dicoba menyapu kembali perlahan-lahan hingga hasilnya cukup sempurna:<br />
<a href="http://kaffah4829.files.wordpress.com/2011/11/7-detai2l.jpg"><img alt="" class="alignnone size-full wp-image-1612" height="309" src="http://kaffah4829.files.wordpress.com/2011/11/7-detai2l.jpg?w=480&h=309" title="7-detai2l" width="480" /></a><br />
Permasalahan di atas tentu tidak akan terjadi bila obyek foto yang
hendak kita gabungkan tidak bertumpukan seperti foto di atas. Untuk
permulaan, mungkin bisa dicoba dari foto yang terpisah jauh
obyeknya/tidak berdekatan.<br />
Demikian trik untuk membuat montase foto dengan mempergunakan<i><b> layer masking</b></i>. Kita bisa menambahkan foto berikutnya dengan urutan proses yang sama seperti di atas:<br />
<a href="http://kaffah4829.files.wordpress.com/2011/11/8-insert3.jpg"><img alt="" class="alignnone size-full wp-image-1615" height="256" src="http://kaffah4829.files.wordpress.com/2011/11/8-insert3.jpg?w=480&h=256" title="8-insert3" width="480" /></a><br />
Lakukan dengan sabar dan perlahan-lahan, insyaAllah hasilnya cukup
mengesankan. Hasil akhir proyek ini adalah seperti foto di bawah ini:<br />
<a href="http://kaffah4829.files.wordpress.com/2011/11/9-finish.jpg"><img alt="" class="alignnone size-full wp-image-1616" height="346" src="http://kaffah4829.files.wordpress.com/2011/11/9-finish.jpg?w=480&h=346" title="9-finish" width="480" /></a><br />
<i></i>Anonymoushttp://www.blogger.com/profile/14577257437828874087noreply@blogger.com0tag:blogger.com,1999:blog-8895414789514203927.post-72927364750642575242012-10-09T20:07:00.001-07:002012-10-09T20:07:04.837-07:00Apakah Keyframe itu ?<div class="wp-caption aligncenter" id="attachment_27" style="font-family: Arial,Helvetica,sans-serif; width: 209px;">
<span style="font-size: x-small;"><img alt="keyframe beserta frame" class="size-full wp-image-27" height="103" src="http://flashindonesia.com/wp-content/uploads/2010/02/keyframe.jpg" title="keyframe beserta frame" width="199" /></span><div class="wp-caption-text">
<span style="font-size: x-small;">keyframe beserta frame</span></div>
</div>
<div style="font-family: Arial,Helvetica,sans-serif;">
<span style="font-size: x-small;">Keyframe merupakan suatu tempat yang digunakan untuk menaruh objek.
Keyframe boleh kosong. Keyframe bisa disebut juga kepala frame karena
memiliki titik, dan bila keyframe dihapus, maka frame
juga ikut menghilang.</span></div>
<div style="font-family: Arial,Helvetica,sans-serif;">
<br /></div>
<div style="font-family: Arial,Helvetica,sans-serif;">
<br /></div>
<div style="font-family: Arial,Helvetica,sans-serif;">
<span style="font-size: x-small;">Jika kita ingin menggunakan animasi frame by frame, maka kita butuh memasukkan keyframe di setiap angka <a href="http://flashindonesia.com/2010/02/apakah-timeline-itu/">timeline</a>.</span></div>
Anonymoushttp://www.blogger.com/profile/14577257437828874087noreply@blogger.com0tag:blogger.com,1999:blog-8895414789514203927.post-87236065028575076652012-10-09T20:05:00.004-07:002012-10-09T20:05:43.548-07:00Shape Tween<div style="font-family: Arial,Helvetica,sans-serif;">
<span style="font-size: x-small;">Kalian tau kan tentang morphing ? Morphing itu disebut sebagai suatu transisi dari suatu bentuk objek ke
bentuk objek yang lain, misal gambar manusia menjadi gambar monyet. <img alt=":P" class="wp-smiley" src="http://flashindonesia.com/wp-includes/images/smilies/icon_razz.gif" /></span> </div>
<div style="font-family: Arial,Helvetica,sans-serif;">
<br /></div>
<div style="font-family: Arial,Helvetica,sans-serif;">
<br /></div>
<div style="font-family: Arial,Helvetica,sans-serif;">
<span style="font-size: x-small;">Di flash ada yang namanya Shape tween, yaitu perubahan suatu shape
menjadi shape yang lain. Langsung aja deh dicoba bagi yang belum tau <img alt=":wink:" class="wp-smiley" src="http://flashindonesia.com/wp-includes/images/smilies/icon_wink.gif" /></span> </div>
<ul style="font-family: Arial,Helvetica,sans-serif;">
<li><span style="font-size: x-small;">Seperti biasa siapkan dokumen flash.</span></li>
<li><span style="font-size: x-small;">Buat sebuah gambar, misalkan gambar kotak.
</span><div class="wp-caption aligncenter" id="attachment_392" style="width: 313px;">
<span style="font-size: x-small;"><img alt="kotak" class="size-full wp-image-392" height="207" src="http://flashindonesia.com/wp-content/uploads/2010/03/shape-kotak.png" title="kotak" width="303" /></span><div class="wp-caption-text">
<span style="font-size: x-small;">kotak</span></div>
</div>
</li>
<li><span style="font-size: x-small;">Kemudian klik pada frame 20 dan tambahkan blank keyframe baru.
</span><div class="wp-caption aligncenter" id="attachment_393" style="width: 237px;">
<span style="font-size: x-small;"><img alt="insert blank keyframe" class="size-full wp-image-393" height="250" src="http://flashindonesia.com/wp-content/uploads/2010/03/shapeinsertblank.png" title="insert blank keyframe" width="227" /></span><div class="wp-caption-text">
<span style="font-size: x-small;">insert blank keyframe</span></div>
</div>
</li>
<li><span style="font-size: x-small;">Pada frame tersebut, gambar sebuah lingkaran.
</span><div class="wp-caption aligncenter" id="attachment_394" style="width: 240px;">
<span style="font-size: x-small;"><img alt="lingkaran" class="size-full wp-image-394" height="234" src="http://flashindonesia.com/wp-content/uploads/2010/03/lingkaran.png" title="lingkaran" width="230" /></span><div class="wp-caption-text">
<span style="font-size: x-small;">lingkaran</span></div>
</div>
</li>
<li><span style="font-size: x-small;">Lalu seleksi semua frame, kemudian buka panel properties dan pilih tween menjadi <strong>Shape</strong>.
</span><div class="wp-caption aligncenter" id="attachment_395" style="width: 355px;">
<span style="font-size: x-small;"><img alt="shape" class="size-full wp-image-395" height="131" src="http://flashindonesia.com/wp-content/uploads/2010/03/shape.png" title="shape" width="345" /></span><div class="wp-caption-text">
<span style="font-size: x-small;">shape</span></div>
</div>
</li>
<li><span style="font-size: x-small;">Jika benar, maka hasilnya akan seperti ini :
</span><div class="wp-caption aligncenter" id="attachment_396" style="width: 355px;">
<span style="font-size: x-small;"><img alt="timeline" class="size-full wp-image-396" height="131" src="http://flashindonesia.com/wp-content/uploads/2010/03/timeline.png" title="timeline" width="345" /></span><div class="wp-caption-text">
<span style="font-size: x-small;">timeline</span></div>
</div>
</li>
<li><span style="font-size: x-small;">Nah, sekarang kita test movienya.. Di situ akan ada perubahan dari kotak menjadi Lingkaran.
</span>
</li>
</ul>
Anonymoushttp://www.blogger.com/profile/14577257437828874087noreply@blogger.com0tag:blogger.com,1999:blog-8895414789514203927.post-71870159353568363682012-10-09T20:02:00.004-07:002012-10-09T20:02:44.125-07:00Animasi Kumbang mengikuti mouseKali ini kita akan membuat sebuah objek yang bergerak seakan-akan mengikuti mouse. Yang ini beda sama yang <a href="http://flashindonesia.com/2010/02/mengganti-kursor-pada-flash/">mengganti kursor</a> lho. Kalo bingung, langsung aja deh lanjut….. <img alt="8)" class="wp-smiley" src="http://flashindonesia.com/wp-includes/images/smilies/icon_cool.gif" /> <br />
<ul>
<li>Seperti biasa, kita buat sebuah <a href="http://flashindonesia.com/2010/02/menyiapkan-dokumen-flash/">dokumen baru</a>. <img alt=":wink:" class="wp-smiley" src="http://flashindonesia.com/wp-includes/images/smilies/icon_wink.gif" /> </li>
<li>Sekarang yang mengikuti kursor adalah kepik, atau kumbang, gambar yang bagus ya.. <img alt=":p" src="http://flashindonesia.com/wp-content/plugins/kaskus-emoticons/emoticons/6.gif" style="background: none; border: none;" />
<div class="wp-caption aligncenter" id="attachment_90" style="width: 221px;">
<a href="http://flashindonesia.com/wp-content/uploads/2010/02/kumbang.png"><img alt="kumbang" class="size-full wp-image-90" height="257" src="http://flashindonesia.com/wp-content/uploads/2010/02/kumbang.png" title="kumbang" width="211" /></a><div class="wp-caption-text">
kumbang</div>
</div>
</li>
<li>Setelah kita gambar kumbang yang bagus, kemudian seleksi kumbang tersebut atau tekan <strong>Ctrl + A (Seleksi semua)</strong>.<span id="more-89"></span></li>
<li>Kemudian kita klik kanan pada kumbang tersebut dan pilih <strong>Convert To Symbol</strong>, lalu pilih MovieClip (Setting seperti di gambar ya <img alt=":wink:" class="wp-smiley" src="http://flashindonesia.com/wp-includes/images/smilies/icon_wink.gif" /> ).
<div class="wp-caption aligncenter" id="attachment_91" style="width: 426px;">
<a href="http://flashindonesia.com/wp-content/uploads/2010/02/convert-to-symbol3.png"><img alt="convert to symbol " class="size-full wp-image-91" height="225" src="http://flashindonesia.com/wp-content/uploads/2010/02/convert-to-symbol3.png" title="convert to symbol " width="416" /></a><div class="wp-caption-text">
convert to symbol </div>
</div>
</li>
<li>Oke, sekarang Kumbang kita jadi sebuah MovieClip. <img alt=":)" src="http://flashindonesia.com/wp-content/plugins/kaskus-emoticons/emoticons/15.gif" style="background: none; border: none;" /></li>
<li>Terlebih dahulu kita klik kumbangnya dulu terus kita pergi ke panel properties (caranya tekan <strong>Ctrl + F3</strong>) dan ubah <strong>instance name-</strong>nya menjadi <strong><em>kumbang_mc<span style="font-weight: normal;">.
<div class="wp-caption aligncenter" id="attachment_92" style="width: 334px;">
<a href="http://flashindonesia.com/wp-content/uploads/2010/02/propertieskumbang.png"><img alt="properties kumbang" class="size-full wp-image-92" height="119" src="http://flashindonesia.com/wp-content/uploads/2010/02/propertieskumbang.png" title="properties kumbang" width="324" /></a><div class="wp-caption-text">
properties kumbang</div>
</div>
</span></em></strong><strong><em></em></strong></li>
<li>Sekarang kita beralih ke Actionscript nih, siap2 ya.. :lol:</li>
<li>Buka Panel <strong>Actions</strong> dengan menekan <strong>F9</strong> pada keyboard, jika yang muncul adalah Panel <strong>Actions – MovieClip</strong>, berarti kita harus meng-klik Layer 1 frame 1 agar Panelnya menjadi <strong>Actions – Frame</strong>.
<div class="wp-caption aligncenter" id="attachment_93" style="width: 287px;">
<img alt="actions - frame" class="size-full wp-image-93" height="68" src="http://flashindonesia.com/wp-content/uploads/2010/02/actionsframe.png" title="actions - frame" width="277" /><div class="wp-caption-text">
actions - frame</div>
</div>
</li>
<li>Kemudian ketikkan script berikut :
<div class="syntaxhighlighter " id="highlighter_697625">
<div class="lines">
<div class="line alt1">
<table><tbody>
<tr><td class="number"><code>01</code></td><td class="content"><code class="plain">_root.onEnterFrame=function(){</code></td></tr>
</tbody></table>
</div>
<div class="line alt2">
<table><tbody>
<tr><td class="number"><code>02</code></td><td class="content"><code class="comments">//mencari selisih dari koordinat</code></td></tr>
</tbody></table>
</div>
<div class="line alt1">
<table><tbody>
<tr><td class="number"><code>03</code></td><td class="content"><code class="plain">var deltaX = _xmouse - kumbang_mc._x;</code></td></tr>
</tbody></table>
</div>
<div class="line alt2">
<table><tbody>
<tr><td class="number"><code>04</code></td><td class="content"><code class="plain">var deltaY = _ymouse - kumbang_mc._y;</code></td></tr>
</tbody></table>
</div>
<div class="line alt1">
<table><tbody>
<tr><td class="number"><code>05</code></td><td class="content"><code class="comments">//menggerakkan kumbang ke kursor sebesar 1/10 dari jarak ke kursor</code></td></tr>
</tbody></table>
</div>
<div class="line alt2">
<table><tbody>
<tr><td class="number"><code>06</code></td><td class="content"><code class="plain">kumbang_mc._x += deltaX / </code><code class="value">10</code><code class="plain">;</code></td></tr>
</tbody></table>
</div>
<div class="line alt1">
<table><tbody>
<tr><td class="number"><code>07</code></td><td class="content"><code class="plain">kumbang_mc._y += deltaY / </code><code class="value">10</code><code class="plain">;</code></td></tr>
</tbody></table>
</div>
<div class="line alt2">
<table><tbody>
<tr><td class="number"><code>08</code></td><td class="content"><code class="comments">//kumbang menghadap ke mouse</code></td></tr>
</tbody></table>
</div>
<div class="line alt1">
<table><tbody>
<tr><td class="number"><code>09</code></td><td class="content"><code class="plain">kumbang_mc._rotation = -Math.atan2(-deltaX,-deltaY)*</code><code class="value">180</code><code class="plain">/Math.PI;</code></td></tr>
</tbody></table>
</div>
<div class="line alt2">
<table><tbody>
<tr><td class="number"><code>10</code></td><td class="content"><code class="plain">}</code></td></tr>
</tbody></table>
</div>
</div>
</div>
</li>
<li>Kita tes movienya :D
</li>
</ul>
Download source : <a href="http://www.ziddu.com/download/8662751/animasikumbang.zip.html">SINI</a>Anonymoushttp://www.blogger.com/profile/14577257437828874087noreply@blogger.com1tag:blogger.com,1999:blog-8895414789514203927.post-52179701284589024722012-10-09T20:01:00.000-07:002012-10-09T20:01:02.943-07:00cara pembuatan animasi awan sederhana.<div style="font-family: Arial,Helvetica,sans-serif;">
<span style="font-size: x-small;"> cara pembuatan animasi awan sederhana. <img alt=":lapar" src="http://flashindonesia.com/wp-content/plugins/kaskus-emoticons/emoticons/tambahan-kaskuser/lapar.gif" style="background: none repeat scroll 0% 0% transparent; border: medium none;" /> Biasanya animasi-animasi sederhana seperti ini sering sekali digunakan.</span>
</div>
<div style="font-family: Arial,Helvetica,sans-serif;">
<span style="font-size: x-small;">Oke, sekarang kita mulai membuat animasi ini. <img alt=":)" src="http://flashindonesia.com/wp-content/plugins/kaskus-emoticons/emoticons/15.gif" style="background: none repeat scroll 0% 0% transparent; border: medium none;" /></span></div>
<ul style="font-family: Arial,Helvetica,sans-serif;">
<li><span style="font-size: x-small;">Seperti biasa buka Adobe Flash kamu, dan buat sebuah dokumen baru.</span></li>
<li><span style="font-size: x-small;">Ganti warna stage kamu dengan warna RGB :<strong> #4A93FF</strong></span>
<div class="wp-caption aligncenter" id="attachment_942" style="width: 157px;">
<span style="font-size: x-small;"><img alt="Background" class="size-full wp-image-942" height="65" src="http://flashindonesia.com/wp-content/uploads/2012/01/awan1.png" title="Background" width="147" /></span><div class="wp-caption-text">
<span style="font-size: x-small;">Background</span></div>
</div>
</li>
<li><span style="font-size: x-small;"><span id="more-941"></span>Sekarang kita akan menggambar awan, namun kita tidak memiliki shape awan. Bukan masalah. Jadi kita gunakan <strong>Oval Tool </strong>untuk membuat lingkaran, shortcut yang digunakan adalah huruf O. Gambarlah seperti di bawah ini.
</span><div class="wp-caption aligncenter" id="attachment_943" style="width: 590px;">
<span style="font-size: x-small;"><img alt="Menggambar :3" class="size-full wp-image-943" height="414" src="http://flashindonesia.com/wp-content/uploads/2012/01/awan2.png" title="Menggambar :3" width="580" /></span><div class="wp-caption-text">
<span style="font-size: x-small;">Menggambar :3</span></div>
</div>
</li>
<li><span style="font-size: x-small;">Klik pada stage, kemudian<strong><em> dobel klik</em></strong> pada garis untuk menseleksi semua garis, lalu tekan tombol <strong>Del</strong>.
</span><span style="font-size: x-small;"><img alt="Nice :)" class="size-full wp-image-944" height="414" src="http://flashindonesia.com/wp-content/uploads/2012/01/awan3.png" title="Nice :)" width="580" /></span></li>
<li><span style="font-size: x-small;">Kemudian ubah bentuk awan ini menjadi movieclip <img alt=":)" src="http://flashindonesia.com/wp-content/plugins/kaskus-emoticons/emoticons/15.gif" style="background: none repeat scroll 0% 0% transparent; border: medium none;" />. Mengenai mengubah menjadi movieclip dijelaskan di <a href="http://flashindonesia.com/2010/02/cara-membuat-movieclip/" title="Cara membuat MovieClip">sini</a>.
</span><div class="wp-caption aligncenter" id="attachment_945" style="width: 261px;">
<span style="font-size: x-small;"><img alt="Ubah ke Movieclip" class="size-full wp-image-945" height="170" src="http://flashindonesia.com/wp-content/uploads/2012/01/awan4.png" title="Ubah ke Movieclip" width="251" /></span><div class="wp-caption-text">
<span style="font-size: x-small;">Ubah ke Movieclip</span></div>
</div>
</li>
<li><span style="font-size: x-small;">Klik pada frame 50, tambahkan keyframe baru. Caranya klik kanan, pilih Insert Keyframe.
</span><div class="wp-caption aligncenter" id="attachment_946" style="width: 631px;">
<span style="font-size: x-small;"><img alt="Keyframe" class="size-full wp-image-946" height="67" src="http://flashindonesia.com/wp-content/uploads/2012/01/awan5.png" title="Keyframe" width="621" /></span><div class="wp-caption-text">
<span style="font-size: x-small;">Keyframe</span></div>
</div>
</li>
<li><span style="font-size: x-small;">Klik pada frame 25, tambahkan juga keyframe baru. <img alt=":)" src="http://flashindonesia.com/wp-content/plugins/kaskus-emoticons/emoticons/15.gif" style="background: none repeat scroll 0% 0% transparent; border: medium none;" /></span>
<div class="wp-caption aligncenter" id="attachment_947" style="width: 631px;">
<span style="font-size: x-small;"><img alt="Keyframe" class="size-full wp-image-947" height="67" src="http://flashindonesia.com/wp-content/uploads/2012/01/awan6.png" title="Keyframe" width="621" /></span><div class="wp-caption-text">
<span style="font-size: x-small;">Keyframe</span></div>
</div>
</li>
<li><span style="font-size: x-small;">Seleksi semua frame, kemudian klik kanan pilih <strong>Create Classic Tween </strong>(untuk Flash 8 menggunakan Create Motion Tween).
</span><div class="wp-caption aligncenter" id="attachment_948" style="width: 631px;">
<span style="font-size: x-small;"><img alt="Tween" class="size-full wp-image-948" height="67" src="http://flashindonesia.com/wp-content/uploads/2012/01/awan7.png" title="Tween" width="621" /></span><div class="wp-caption-text">
<span style="font-size: x-small;">Tween</span></div>
</div>
</li>
<li><span style="font-size: x-small;">Klik pada frame 25, lalu pindahkan awan tadi ke kanan.</span></li>
<li><span style="font-size: x-small;">Kita tes movie <img alt=":)" src="http://flashindonesia.com/wp-content/plugins/kaskus-emoticons/emoticons/15.gif" style="background: none repeat scroll 0% 0% transparent; border: medium none;" /></span>
</li>
</ul>
<div style="font-family: Arial,Helvetica,sans-serif;">
<span style="font-size: x-small;">Selamat menikmati <img alt=":)" src="http://flashindonesia.com/wp-content/plugins/kaskus-emoticons/emoticons/15.gif" style="background: none repeat scroll 0% 0% transparent; border: medium none;" /></span></div>
Anonymoushttp://www.blogger.com/profile/14577257437828874087noreply@blogger.com0tag:blogger.com,1999:blog-8895414789514203927.post-30003735619013143242012-10-09T19:55:00.000-07:002012-10-09T20:13:22.070-07:00Membuat Desain Kaos dengan CorelDraw<img alt="Membuat Desain Kaos dengan CorelDraw" class="size-full wp-image-4901 alignleft" height="320" src="http://www.ahlidesain.com/wp-content/uploads/2010/10/Membuat-Desain-Kaos-dengan-CorelDraw.png" style="margin: 0px 15px 15px 0px;" title="Membuat Desain Kaos dengan CorelDraw" width="320" /><br />
Bikin Desain <a href="http://adf.ly/255019/http://goo.gl/0J1sT" rel="nofollow" target="_blank" title="Kaos">Kaos</a><a href="http://adf.ly/255019/http://goo.gl/0J1sT" rel="nofollow" target="_blank" title=" TShirt"> TShirt</a> dengan<a href="http://adf.ly/255019/http://goo.gl/Rlgqe" rel="nofollow" target="_blank" title=" Corel Draw"> Corel Draw</a> sendiri , T-Shirt <a href="http://www.ahlidesain.com/tag/template" rel="nofollow" target="_blank" title="Template">Template</a>, TShirt, Baju Team Distro, <a href="http://adf.ly/255019/http://goo.gl/0J1sT" title="Kaos">Kaos</a>.cdr serta<a href="http://adf.ly/255019/http://goo.gl/7wqiX" rel="nofollow" target="_blank" title=" tutorial desain grafis"> tutorial desain grafis</a> tee company atau distro dirancang untuk mengetahui bentuk dasar dari<a href="http://adf.ly/255019/http://www.ahlidesain.com/membuat-desain-kaos-dengan-coreldraw.html" rel="nofollow" target="_blank" title=" baju"> baju</a> dan <a href="http://adf.ly/255019/http://goo.gl/0J1sT" rel="nofollow" target="_blank" title="kaos">kaos</a>
distro. Selain bentuk bajunya, seringkali orang mendesain gambar yang
akan ditampilkan sebagai hiasannya. Kadang gambar kartun, gambar<a href="http://adf.ly/255019/http://goo.gl/hVT9r" rel="nofollow" target="_blank" title=" bitmap"> bitmap</a>, gambar lucu dan gambar lainnya.
<br />
<div style="text-align: justify;">
Banyak jenis dan hasil karya desain yang digunakan sebagai produk<a href="http://adf.ly/255019/http://goo.gl/0J1sT" rel="nofollow" target="_blank" title=" tee"> tee</a> company atau distro. Seperti <a href="http://adf.ly/255019/http://www.ahlidesain.com/jumper-template-coreldraw.html" rel="nofollow" target="_blank" title="jumper">jumper</a>,
Tshirt, Jacket, Jeans, Kaos, Baju, Seragam, sepatu, topi dan banyak
lagi lainnya. Kesemua bentuk dari produk tersebut menggunakan
bahan-bahan yang berbeda dengan desain yang berbeda pula. Desain berbeda
dapat diartikan bahwa <a href="http://www.ahlidesain.com/tag/teknik" rel="nofollow" target="_blank" title="teknik">teknik</a> pembuatan spesial pada produk tertentu saja. Dalam hal ini kita membahas tentang membuat<a href="http://adf.ly/255019/http://www.ahlidesain.com/membuat-desain-kaos-dengan-coreldraw.html" title=" desain kaos"> desain kaos</a> menggunakan<a href="http://adf.ly/255019/http://goo.gl/Rlgqe" rel="nofollow" target="_blank" title=" coreldraw"> coreldraw</a>.</div>
<div style="text-align: justify;">
Sebelum Anda melangkah lebih jauh
sebaiknya Anda membaca artikel dibawah untuk memudahkan proses
pembuatan, terutama bagi Anda pemula yang baru<a href="http://adf.ly/255019/http://goo.gl/Rlgqe" rel="nofollow" target="_blank" title=" belajar CorelDraw"> belajar CorelDraw</a>. Untuk yang sudah mahir silakan lanjut saja.</div>
<ol>
<li><a href="http://www.ahlidesain.com/tips-coreldraw-pengaturan-penting-sebelum-mendesain-dengan-corel.html" target="_self" title="Tutorial CorelDraw Pengaturan Penting sebelum Mendesain">Pengaturan Penting Mendesain Dengan CorelDraw</a></li>
<li><a href="http://www.ahlidesain.com/tutorial-coreldraw-menggunakan-bezier-tool.html" target="_self" title="Tutorial CorelDraw Menggunakan Bezier Tool">Tutorial CorelDraw Menggunakan Bezier Tool</a></li>
<li><a href="http://www.ahlidesain.com/tutorial-coreldraw-menggunakan-shape-tool.html" target="_self" title="Tutorial CorelDraw Menggunakan Shape Tool">Tutorial CorelDraw Menggunakan Shape Tool</a></li>
<li><a href="http://www.ahlidesain.com/mewarnai-objek-dan-garis-pada-coreldraw.html" target="_self" title="Tutorial CorelDraw Mewarna Garis dan Objek">Tutorial Coreldraw Mewarna Objek dan Garis</a></li>
<li><a href="http://www.ahlidesain.com/moving-scaling-rotating-pada-coreldraw.html" target="_self" title="Tutorial CorelDraw Moving, Scaling dan Rotating">Moving, Scaling dan Rotating Objek Pada CorelDraw</a></li>
<li><a href="http://www.ahlidesain.com/tutorial-coreldraw-fungsi-snap-to.html" target="_self" title="Tutorial CorelDraw Fungsi Snap To">Tutorial CorelDraw Fungsi Snap To</a></li>
</ol>
<h3>
<a href="http://www.ahlidesain.com/tag/templates-blank-t-shirt-distro" target="_blank" title="Download Template Kaos dan T-Shirt Vector">Download Template Kaos dan T-Shirt Vector</a></h3>
<ol>
<li><a href="http://www.ahlidesain.com/template-contoh-design-kaos-coreldraw.html" target="_blank" title="Template Kaos dan T-Shirt CorelDraw Versi 1">Template Kaos dan T-Shirt CorelDraw Versi 1</a></li>
<li><a href="http://www.ahlidesain.com/template-contoh-kaos-coreldraw.html" target="_blank" title="Template Kaos dan T-Shirt CorelDraw Versi 2">Template Kaos dan T-Shirt CorelDraw Versi 2</a></li>
<li><a href="http://www.ahlidesain.com/template-master-design-kaos-coreldraw.html" target="_blank" title="Template Kaos dan T-Shirt CorelDraw Versi 3">Template Kaos dan T-Shirt CorelDraw Versi 3</a></li>
<li><a href="http://www.ahlidesain.com/jumper-template-coreldraw.html" target="_blank" title="Template Kaos dan T-Shirt CorelDraw Versi 4">Template Kaos dan T-Shirt CorelDraw Versi 4</a></li>
<li><a href="http://www.ahlidesain.com/template-kaos-coreldraw.html" target="_blank" title="Template Kaos dan T-Shirt CorelDraw Versi 5">Template Kaos dan T-Shirt CorelDraw Versi 5</a></li>
</ol>
<div style="text-align: justify;">
Pada<a href="http://adf.ly/255019/http://www.ahlidesain.com" rel="nofollow" target="_blank" title=" tutorial"> tutorial</a> ini kita akan membuat Blank<a href="http://adf.ly/255019/http://www.ahlidesain.com/membuat-desain-kaos-dengan-coreldraw.html" rel="nofollow" target="_blank" title=" T-Shirt"> T-Shirt</a>
yang nantinya akan digunakan sebagai simulasi dan presentasi desain
yang melekat pada kaosnya. Secara mudah kita akan mendesain bentuk
kaosnya. Untuk mendesain<a href="http://adf.ly/255019/http://www.ahlidesain.com/membuat-desain-kaos-dengan-coreldraw.html" rel="nofollow" target="_blank" title=" kaos"> kaos</a>, ikuti langkah-langkah berikut :</div>
<h2>
Membuat Desain Kaos dengan CorelDraw</h2>
<div style="text-align: justify;">
<b>Langkah 1</b></div>
<div style="text-align: justify;">
Klik <a href="http://www.ahlidesain.com/tutorial-coreldraw-menggunakan-bezier-tool.html" rel="nofollow" target="_blank" title="Tutorial CorelDraw Menggunakan Bezier Tool">bezier tool</a>, dan buat objek kurva seperti gambar di bawah. Pertama buatlah garis yang saling berhubungan berbentuk<a href="http://adf.ly/255019/http://www.ahlidesain.com/membuat-desain-kaos-dengan-coreldraw.html" title=" kaos"> kaos</a> ( bentuk dasar, mirip kaos saja dulu ) menggunakan <a href="http://www.ahlidesain.com/tips-coreldraw-pengaturan-penting-sebelum-mendesain-dengan-corel.html" target="_self" title="Tutorial CorelDraw Menggunakan Bezier Tool">bezier tool</a>. Buat melangkung seperti kurva bagian-bagian kaos dengan <a href="http://www.ahlidesain.com/tutorial-coreldraw-menggunakan-shape-tool.html" target="_self" title="Tutorial CorelDraw Menggunakan Shape Tool">Shape tool</a>.
Klik shape tool pada toolbox, lalu klik di bagian yang akan
dilengkungkan misalnya bagian lengan kaos, klik kanan dan pilih convert
line to curve. Klik dan geser tanda panah ( handle curve ) yang muncul
sehingga mendapatkan lengkungan yang diinginkan.</div>
<div style="text-align: justify;">
<img alt="Membuat Desain Kaos dengan CorelDraw" class="aligncenter size-full wp-image-4889" height="300" src="http://lh3.googleusercontent.com/-lltWDUwvDx8/TzZVaXePSGI/AAAAAAAACFc/PmKWfAns_JI/s0/Membuat-Desain-Kaos-dengan-CorelDraw-1.png" title="Membuat Desain Kaos dengan CorelDraw" width="500" /><b>Langkah 2</b></div>
<div style="text-align: justify;">
Sekarang bagian kerah dan lengan bawah
kaos yang kita lengkungkan dengan tool dan cara yang sama. Gunakan make
node smooth untuk menghaluskan sambungan di lengan baju.</div>
<div style="text-align: justify;">
<img alt="Membuat Desain Kaos dengan CorelDraw" class="aligncenter size-full wp-image-4890" height="300" src="http://lh4.googleusercontent.com/-9RF9EKu6brw/TzZVdKbhTLI/AAAAAAAACFc/gGWENjiyYSY/s0/Membuat-Desain-Kaos-dengan-CorelDraw-2.png" title="Membuat Desain Kaos dengan CorelDraw" width="500" /><b>Langkah 3</b></div>
<div style="text-align: justify;">
Buat lekukan bagian bawah kaos, samping
kanan dan kiri. Sebelumnya tambahkan dulu 2 node sebelah kiri dan 1 node
sebelah kanan kaos. Lalu lekukan dengan cara yang sama menggunakan
convert line to curve. Beri <a href="http://www.ahlidesain.com/tag/warna" title="warna">warna</a> sesuai keinginan sobat.</div>
<div style="text-align: justify;">
<img alt="Membuat Desain Kaos dengan CorelDraw" class="aligncenter size-full wp-image-4891" height="300" src="http://lh4.googleusercontent.com/-IAR2di8NYqI/TzZVexTyGqI/AAAAAAAACFc/pEsPTv1urDc/s0/Membuat-Desain-Kaos-dengan-CorelDraw-3.png" title="Membuat Desain Kaos dengan CorelDraw" width="500" /><b>Langkah 4</b></div>
<div style="text-align: justify;">
Selanjutnya kita buat kurva untuk
dijadikan sebagai lipatan kaos agar lebih menarik dan hidup. buat
sembarang kurva seperti gambar di bawah, lalu lekukan bagian-bagian
kurva dengan cara yang sama pula dengan langkah sebelumnya.<img alt="Membuat Desain Kaos dengan CorelDraw" class="aligncenter size-full wp-image-4892" height="300" src="http://lh3.googleusercontent.com/-NCq0IzKQ7Oo/TzZVe8klHII/AAAAAAAACFc/G2P3gDmjXU4/s0/Membuat-Desain-Kaos-dengan-CorelDraw-4.png" title="Membuat Desain Kaos dengan CorelDraw" width="500" /></div>
<div style="text-align: justify;">
<b>Langkah 5</b></div>
<div style="text-align: justify;">
Jika seluruh kurva sudah membentuk lengkungan yang diinginkan, beri <a href="http://www.ahlidesain.com/tag/warna" title="warna">warna</a> kurva dengan <a href="http://www.ahlidesain.com/tag/warna" title="warna">warna</a> yang lebih tua dari <a href="http://www.ahlidesain.com/tag/warna" title="warna">warna</a> kaos dan hilangkan garis pada kurva, klik line tool pada toolbox–>klik tanda silang.<img alt="Membuat Desain Kaos dengan CorelDraw" class="aligncenter size-full wp-image-4893" height="300" src="http://lh6.googleusercontent.com/-V3rgPlYm0p0/TzZVgs-pHRI/AAAAAAAACFc/SPKkETp4w70/s0/Membuat-Desain-Kaos-dengan-CorelDraw-5.png" title="Membuat Desain Kaos dengan CorelDraw" width="500" /></div>
<div style="text-align: justify;">
<b>Langkah 6</b></div>
<div style="text-align: justify;">
Letakan kurva tersebut di lengan kanan
sebagai lipatan kaos. Agar objek bayangan ini yang berada diluar garis
kaos hilang atau sesuai dengan bentuk kaos, gunakan<b><i> <a href="http://www.ahlidesain.com/memotong-menggabung-dan-operasi-objek-pada-coreldraw.html" target="_self" title="Tutorial CorelDraw Memotong Menggabung Objek">instersect</a></i></b> dan hapus aslinya.</div>
<div style="text-align: justify;">
<img alt="Membuat Desain Kaos dengan CorelDraw" class="aligncenter size-full wp-image-4894" height="300" src="http://lh4.googleusercontent.com/-B6ehXpCz4xQ/TzZVjyWe_6I/AAAAAAAACFc/JrTp2zeEhnY/s0/Membuat-Desain-Kaos-dengan-CorelDraw-6.png" title="Membuat Desain Kaos dengan CorelDraw" width="500" /><b>Langkah 7</b></div>
<div style="text-align: justify;">
Buat lagi lipatan kaos, tangan sebelah kiri dengan cara seperti tadi <i>pada langkah 2 </i>dan<i> langkah 5</i>.</div>
<div style="text-align: justify;">
<img alt="Membuat Desain Kaos dengan CorelDraw" class="aligncenter size-full wp-image-4895" height="300" src="http://lh4.googleusercontent.com/-rAHr3GNZs-g/TzZVjE7daGI/AAAAAAAACFc/fagom7LR1qo/s0/Membuat-Desain-Kaos-dengan-CorelDraw-7.png" title="Membuat Desain Kaos dengan CorelDraw" width="500" /></div>
<div style="text-align: justify;">
<b>Langkah 8</b></div>
<div style="text-align: justify;">
Buat 5 buah kurva berbentuk seperti daun bambu, letakkan kurva-kurva tersebut seperti ini:</div>
<div style="text-align: justify;">
<img alt="Membuat Desain Kaos dengan CorelDraw" class="aligncenter size-full wp-image-4896" height="300" src="http://lh5.googleusercontent.com/-g4b4HZUt_bQ/TzZVjGP-AvI/AAAAAAAACFc/MMv2kl5lB5I/s0/Membuat-Desain-Kaos-dengan-CorelDraw-8.png" title="Membuat Desain Kaos dengan CorelDraw" width="500" /><b>Langkah 9</b></div>
<div style="text-align: justify;">
Buat dua persegi panjang yang saling menimpa menggunakan <a href="http://www.ahlidesain.com/tutorial-coreldraw-menggunakan-bezier-tool.html" target="_self" title="Tutorial CorelDraw Menggunakan Bezier Tool">bezier tool</a> kemudian lengkungkan dengan<i> convert line to curve</i>.
Sesuaikan dengan lengkungan kaos bagian leher seperti gambar di bawah,
sekali lagi jika ada objek ini ada yang berada di luar garis kaos
gunakan<b><i> <a href="http://www.ahlidesain.com/memotong-menggabung-dan-operasi-objek-pada-coreldraw.html" target="_self" title="Tutorial CorelDraw Memotong Menggabung Objek">intersect</a></i></b> dan hapus aslinya. Beri <a href="http://www.ahlidesain.com/tag/warna" title="warna">warna</a> yang lebih muda dari warna kaos seperti ini:</div>
<div style="text-align: justify;">
<img alt="Membuat Desain Kaos dengan CorelDraw" class="aligncenter size-full wp-image-4897" height="300" src="http://lh3.googleusercontent.com/-G2FiQu1z_Yg/TzZVlRuHHgI/AAAAAAAACFc/61c6XAequPM/s0/Membuat-Desain-Kaos-dengan-CorelDraw-9.png" title="Membuat Desain Kaos dengan CorelDraw" width="500" /><b>Langkah 10</b></div>
<div style="text-align: justify;">
Terakhir pasang desain yang Anda buat
atau desain yang sudah ada seperti vertor floral desain yang telah saya
berikan di sini. Misalnya desainnya seperti ini:</div>
<div style="text-align: justify;">
<img alt="Membuat Desain Kaos dengan CorelDraw" class="aligncenter size-full wp-image-4898" height="300" src="http://lh5.googleusercontent.com/-ZCIZJtwYmHY/TzZVbj34n8I/AAAAAAAACFc/91l4XiMzPBw/s0/Membuat-Desain-Kaos-dengan-CorelDraw-10.png" title="Membuat Desain Kaos dengan CorelDraw" width="500" /><b>Langkah 11</b></div>
<div style="text-align: justify;">
Letakkan di mana saja sobat mau,
misalnya diletakkan di tengah. Perkecil ukuran atau sesuaikan dengan
desain kaos selanjutnya pindahkan sesuai dengan letak yang Anda mau
menggunakan <b><i><a href="http://www.ahlidesain.com/moving-scaling-rotating-pada-coreldraw.html" target="_self" title="Tutorial CorelDraw Moving, Scaling dan Rotating">pick tool</a></i></b>.</div>
<div style="text-align: justify;">
<img alt="Membuat Desain Kaos dengan CorelDraw" class="aligncenter size-full wp-image-4899" height="300" src="http://lh5.googleusercontent.com/-tUTqJLx723M/TzZVbd0ZEDI/AAAAAAAACFc/NGUNh166VRM/s0/Membuat-Desain-Kaos-dengan-CorelDraw-11.png" title="Membuat Desain Kaos dengan CorelDraw" width="500" /></div>
<div style="text-align: justify;">
Jika Anda tertarik untuk membuat desain kaos dengan <a href="http://adf.ly/255019/http://goo.gl/XUbuh" rel="nofollow" target="_blank" title="photoshop">photoshop</a> silakan masuk ke artikel <a href="http://www.ahlidesain.com/membuat-desain-t-shirt-kaos-dengan-photoshop.html" rel="bookmark" title="Membuat Desain T-Shirt Kaos dengan Photoshop">Membuat Desain T-Shirt Kaos dengan Photoshop</a> dan sekaligus menampilakan desain dalam bentuk preview mockups agar terlihat lebih menarik silakan pelajari di artikel <a href="http://www.ahlidesain.com/how-to-create-t-shirt-design-in-photoshop.html" target="_blank">video tutorial mockups t-shirt dengan photoshop</a> .</div>
<div style="text-align: justify;">
Saya mengikutkan source cdr untuk kebutuhan pembelajaran.</div>
<div class="download" style="text-align: center;">
<b>Downloads</b><br />
<a href="http://www.ziddu.com/download/14610229/Tutorial-Coreldraw.part1.rar.html" rel="nofollow" target="_blank" title="Downloads Kaos.cdr Corel"><b>Downloads kaos.cdr.part1.rar</b></a><br />
<a href="http://www.ziddu.com/download/14610228/Tutorial-Coreldraw.part2.rar.html" rel="nofollow" target="_blank" title="Downloads Kaos.cdr Corel"><b>Downloads kaos.cdr.part2.rar</b></a><br />
<a href="http://www.ziddu.com/download/14610227/Tutorial-Coreldraw.part3.rar.html" rel="nofollow" target="_blank" title="Downloads Kaos.cdr Corel"><b>Downloads kaos.cdr.part3.rar</b></a></div>
Anonymoushttp://www.blogger.com/profile/14577257437828874087noreply@blogger.com0tag:blogger.com,1999:blog-8895414789514203927.post-63344307548276202062012-10-09T19:53:00.000-07:002012-10-09T19:53:01.265-07:00Membuat Efek Mirror di Corel Draw<div style="font-family: Arial,Helvetica,sans-serif; text-align: justify;">
<span style="font-size: x-small;"><img alt="Membuat Efek Cermin dengan CorelDraw" class="alignleft size-full wp-image-3029" height="125" src="http://www.ahlidesain.com/wp-content/uploads/2010/07/Membuat-Efek-Cermin-dengan-CorelDraw.png" style="margin-left: 0px; margin-right: 15px;" title="Membuat Efek Cermin dengan CorelDraw" width="125" />Cara Membuat Teks Efek Mirror dengan<a href="http://adf.ly/255019/http://goo.gl/Rlgqe" rel="nofollow" target="_blank" title=" Corel Draw"> Corel Draw</a> Efek Cermin dengan<a href="http://adf.ly/255019/http://goo.gl/Rlgqe" rel="nofollow" target="_blank" title=" Corel Draw"> Corel Draw</a> juga biasa disebut Cara buat efek bayangan cid<a href="http://adf.ly/255019/http://goo.gl/Rlgqe" rel="nofollow" target="_blank" title=" Corel Draw"> Corel Draw</a> dengan cepat dan mudah. Saat ini masih cukup trend membuat <a href="http://www.ahlidesain.com/tag/logo" rel="nofollow" target="_blank" title="logo">logo</a>
atau gambar dengan memberikan bayangan dibawahnya, seolah-olah objek
tersebut berada diatas kaca. Efek ini sudah saya buat sebelumnya untuk
tips <a href="http://adf.ly/255019/http://goo.gl/XUbuh" title="photoshop">photoshop</a> dengan judul <a href="http://www.ahlidesain.com/cara-membuat-teks-efek-cermin-dengan-photoshop.html" target="_blank" title="Membuat Efek Teks Cermin dengan Photoshop">membuat efek teks cermin dengan photoshop</a>.</span></div>
<div style="font-family: Arial,Helvetica,sans-serif;">
<span style="font-size: x-small;"><span id="more-3648"></span></span></div>
<div style="font-family: Arial,Helvetica,sans-serif; text-align: justify;">
<span style="font-size: x-small;">Cara membuat efek bayangan atau efek cermin ini bisa digunakan untuk shape, objek, teks, gambar <a href="http://adf.ly/255019/http://goo.gl/Rlgqe" rel="nofollow" target="_blank" title="corel">corel</a> vekctor dan gambar<a href="http://adf.ly/255019/http://goo.gl/hVT9r" rel="nofollow" target="_blank" title=" bitmaps"> bitmaps</a>. Jadi bisa dibuat untuk format gambar apa saja.</span></div>
<div style="font-family: Arial,Helvetica,sans-serif; text-align: justify;">
<span style="font-size: x-small;">Untuk membuat efek bayangan ini kita
akan menggunakan tool dalam kelompok Interactive Tool Flyout yaitu
Interactive Transparency Tool yang biasa digunakan untuk membuat gambar
transparent. Agar lebih mudah, sebagai contoh akan dibuat bayangan untuk
text. Ada beberapa istilah yang nantinya perlu dipahami, misalnya
Transparency type, operation, mid point, target, fonutain transparency
angle dan edge. Pada<a href="http://adf.ly/255019/http://goo.gl/Rlgqe" rel="nofollow" target="_blank" title=" tutorial CorelDraw"> tutorial CorelDraw</a> menengah ini sebenarnya dibuat untuk user yang sudah paham dengan tool <a href="http://www.ahlidesain.com/cat/coreldraw-tutorial" title="CorelDraw">CorelDraw</a>. Sebaiknya baca Seri Artikel Corel berikut.</span></div>
<br />
<span style="font-size: x-small;">Cara Membuat Efek Cermin dengan CorelDraw</span>
<br />
<h3 style="font-family: Arial,Helvetica,sans-serif;">
<span style="font-size: x-small;">Langkah 1</span></h3>
<div style="font-family: Arial,Helvetica,sans-serif; text-align: justify;">
<span style="font-size: x-small;">Yang kita butuhkan untuk membuat gambar / teks<a href="http://adf.ly/255019/http://www.ahlidesain.com/tag/free-downloads-Font" rel="nofollow" target="_blank" title=" tulisan"> tulisan</a>
yang sepertinya terlihat sedang berdiri diatas lantai yang mengkilat
sehingga memantulkan bayang gambar itu sendiri adalah sebuah gambar /
teks<a href="http://adf.ly/255019/http://www.ahlidesain.com/tag/free-downloads-Font" rel="nofollow" target="_blank" title=" tulisan"> tulisan</a>
itu sendiri dan efek transparansi/transparen. Buat dulu dokumen baru
dengan cara klik Menu File > New atau CTRL+N (ingat bahwa shortcut
ada pada sebelah kanan tool atau perintah yang biasanya dikurung).
Karena saya akan mencontohkan sebuah teks maka sekarang kita akan
membuat sebuah<a href="http://adf.ly/255019/http://www.ahlidesain.com/tag/free-downloads-Font" rel="nofollow" target="_blank" title=" tulisan"> tulisan</a> teks dan akan kita letakkan diatas lantai yang bersih mengkilat.</span></div>
<div style="font-family: Arial,Helvetica,sans-serif; text-align: justify;">
<span style="font-size: x-small;">Klik sekali pada dokumen kerja dengan menggunakan Text Tool (F8). Kemudian tulis apa saja, saya akan mencontohkan “TUTORIAL <a href="http://www.ahlidesain.com/cat/coreldraw-tutorial" rel="nofollow" target="_blank" title="CORELDRAW">CORELDRAW</a>”. Kemudian pada <a href="http://www.ahlidesain.com/memulai-coreldraw.html" target="_blank" title="Memulai CorelDraw">property bar</a> ubah ukuran teks menjadi 24 pt dan <a href="http://adf.ly/255019/http://www.ahlidesain.com/tag/free-downloads-Font" title="font">font</a> arial black (jika ingin diganti saya menyarankan untuk mengganti dengan jenis <a href="http://www.ahlidesain.com/font-family-pada-tipografi.html" target="_blank" title="Font Family pada Tipografi">font jenis black</a>).<img alt="Membuat Efek Cermin dengan CorelDraw" class="aligncenter size-full wp-image-3021" height="300" src="http://www.ahlidesain.com/wp-content/uploads/2010/07/Membuat-Efek-Cermin-dengan-CorelDraw-1.png" title="Membuat Efek Cermin dengan CorelDraw" width="500" /></span></div>
<h3 style="font-family: Arial,Helvetica,sans-serif;">
<span style="font-size: x-small;">Langkah 2</span></h3>
<div style="font-family: Arial,Helvetica,sans-serif; text-align: justify;">
<span style="font-size: x-small;">Buat duplikat dari teks tersebut sebagai
bayangan. Caranya klik gambar tersebut, tekan Ctrl+C lalu tekan Ctrl+V.
Duplikatnya akan terletak persis diatas gambar sehingga tidak terlihat
seperti 2 gambar tapi sebenarnya itu ada 2 gambar. Sekarang klik tombol
mirror horisontal. Lihat gambar dibawah! Akan lebih cepat jika Anda
menggunakan tips berikut. Pilih pick tool, klik pada teks sampai muncul
kotak-kotak hitam mengelilingi teks. Sambil menekan tombol keyboard
CTRL, klik pada kotak tengah atas dan drag / geser ke bawah teks dan
akhiri dengan klik kanan.<img alt="Membuat Efek Cermin dengan CorelDraw" class="aligncenter size-full wp-image-3022" height="300" src="http://www.ahlidesain.com/wp-content/uploads/2010/07/Membuat-Efek-Cermin-dengan-CorelDraw-2.png" title="Membuat Efek Cermin dengan CorelDraw" width="500" /></span></div>
<h3 style="font-family: Arial,Helvetica,sans-serif;">
<span style="font-size: x-small;">Langkah 3</span></h3>
<div style="font-family: Arial,Helvetica,sans-serif; text-align: justify;">
<span style="font-size: x-small;">Turunkan teks bayangan (bawah) tersebut menggunakan tombol keyboard <em><span style="text-decoration: underline;">pad arrow</span></em> bawah beberapa akali agar ada jarak sehingga terlihat teks mengambang.</span></div>
<div style="font-family: Arial,Helvetica,sans-serif; text-align: justify;">
<span style="font-size: x-small;">4. Sekarang masuk ke sesi transparansi. Klik <em><span style="text-decoration: underline;">I</span><span style="text-decoration: underline;">nteractive Transparency Tool</span></em>
seperti gambar gelas kaca. Klik segitiga kecil untuk mengeluarkan menu
seperti gambar dibawah. Tool transparansi letaknya di ujung kanan. Klik
tool tersebut! Klik dan drag pada tengah tengah teks bayangan. Ubah
pada property bar angle menjadi -90 derajat dan edge menjadi 0 (nol).<img alt="MemMembuat Efek Cermin dengan CorelDraw" class="aligncenter size-full wp-image-3023" height="300" src="http://www.ahlidesain.com/wp-content/uploads/2010/07/Membuat-Efek-Cermin-dengan-CorelDraw-3.png" title="MemMembuat Efek Cermin dengan CorelDraw" width="500" /></span></div>
<h3 style="font-family: Arial,Helvetica,sans-serif;">
<span style="font-size: x-small;">Langkah 4</span></h3>
<div style="font-family: Arial,Helvetica,sans-serif; text-align: justify;">
<span style="font-size: x-small;">Kotak kecil berwarna putih dan hitam
(handle) dan sebuah garis yang menyatukan keduanya. Tarik kotak hitam
dan putih ke atas atau kebawah sambil menekan tombol keyboard CTRL agar
garis benar-benar lurus vertikal. Aturlah garis dan transparansi yang
Anda sukai.<img alt="Membuat Efek Cermin dengan CorelDraw" class="aligncenter size-full wp-image-3024" height="300" src="http://www.ahlidesain.com/wp-content/uploads/2010/07/Membuat-Efek-Cermin-dengan-CorelDraw-4.png" title="Membuat Efek Cermin dengan CorelDraw" width="500" /></span></div>
<div style="font-family: Arial,Helvetica,sans-serif; text-align: justify;">
<span style="font-size: x-small;">Sekarang Kita akan <strong>membuat teks / gambar menjadi glossy</strong>.</span></div>
<div style="font-family: Arial,Helvetica,sans-serif; padding-left: 30px; text-align: justify;">
<span style="font-size: x-small;">1. Buat shape ellips dengan Ellipse Tool (F7) pada toolbox. Buat besar sampai menutupi sebagian besar teks<a href="http://adf.ly/255019/http://www.ahlidesain.com" rel="nofollow" target="_blank" title=" Tutorial"> Tutorial</a> <a href="http://www.ahlidesain.com/cat/coreldraw-tutorial" rel="nofollow" target="_blank" title="Coreldraw">Coreldraw</a> bagian atas.<img alt="Membuat Efek Cermin dengan CorelDraw" class="aligncenter size-full wp-image-3025" height="300" src="http://www.ahlidesain.com/wp-content/uploads/2010/07/Membuat-Efek-Cermin-dengan-CorelDraw-5.png" title="Membuat Efek Cermin dengan CorelDraw" width="500" />2.
Pindah tool Anda menjadi pick tool, ubah posisi lingkaran menjadi
seperti gambar diatas. Jika ukuran ellips kurang besar/kecil anda bisa
klik dan drag kotak-kotak hitam yang mengelilingi lingkaran. POsisikan
seperti gambar diatas. Sambil menekan tombol keyboard Shift klik sekali
pada teks<a href="http://adf.ly/255019/http://www.ahlidesain.com" title=" Tutorial"> Tutorial</a> <a href="http://www.ahlidesain.com/cat/coreldraw-tutorial" rel="nofollow" target="_blank" title="Coreldraw">Coreldraw</a> bagian atas sehingga terpilih dua objek, yaitu objek ellips dan<a href="http://adf.ly/255019/http://www.ahlidesain.com/tag/free-downloads-Font" title=" tulisan"> tulisan</a> Tutorial <a href="http://www.ahlidesain.com/cat/coreldraw-tutorial" title="CorelDraw">CorelDraw</a>.</span></div>
<div style="font-family: Arial,Helvetica,sans-serif; padding-left: 30px; text-align: justify;">
<span style="font-size: x-small;">Klik ikon <em><span style="text-decoration: underline;">Intersect </span></em>pada <em><span style="text-decoration: underline;">property bar</span></em> kemudian pilih ellips dan hapus dengan menekan tombol keyboard <em><span style="text-decoration: underline;">Del</span></em>.<img alt="Membuat Efek Cermin dengan CorelDraw" class="aligncenter size-full wp-image-3026" height="300" src="http://www.ahlidesain.com/wp-content/uploads/2010/07/Membuat-Efek-Cermin-dengan-CorelDraw-6.png" title="Membuat Efek Cermin dengan CorelDraw" width="500" />3. Ubah <a href="http://www.ahlidesain.com/tag/warna" rel="nofollow" target="_blank" title="warna">warna</a> Teks<a href="http://adf.ly/255019/http://www.ahlidesain.com" title=" tutorial"> tutorial</a> CorelDraw yang sudah di<em><span style="text-decoration: underline;">intersect</span></em> menjadi <a href="http://www.ahlidesain.com/tag/warna" title="warna">warna</a> putih / 20% black (lawan dari <a href="http://www.ahlidesain.com/tag/warna" title="warna">warna</a>) dan buat transparent sesuai dengan cara diatas (langkah 3.) Dan lihat hasilnya.<img alt="Membuat Efek Cermin dengan CorelDraw" class="aligncenter size-full wp-image-3027" height="300" src="http://www.ahlidesain.com/wp-content/uploads/2010/07/Membuat-Efek-Cermin-dengan-CorelDraw-7.png" title="Membuat Efek Cermin dengan CorelDraw" width="500" /></span></div>
<div style="font-family: Arial,Helvetica,sans-serif; text-align: justify;">
<span style="font-size: x-small;">Dengan beberapa langkah saja Anda akan bisa membuat efek cermin seperti berikut.</span></div>
<div style="font-family: Arial,Helvetica,sans-serif; text-align: justify;">
<span style="font-size: x-small;"><img alt="Membuat Efek Cermin dengan CorelDraw" class="aligncenter size-full wp-image-3028" height="300" src="http://www.ahlidesain.com/wp-content/uploads/2010/07/Membuat-Efek-Cermin-dengan-CorelDraw-8.png" title="Membuat Efek Cermin dengan CorelDraw" width="500" /></span></div>
<div style="font-family: Arial,Helvetica,sans-serif; text-align: justify;">
<span style="font-size: x-small;">Jika anda berminat untuk mempelajari secara detail<a href="http://adf.ly/255019/http://www.ahlidesain.com" rel="nofollow" target="_blank" title=" tutorial"> t</a>saya menyertakan source File CDR pada link <a href="http://adf.ly/255019/http://www.ahlidesain.com/cat/produk-desain-grafis" title="download">download</a> berikut.</span></div>
<div style="font-family: Arial,Helvetica,sans-serif; text-align: justify;">
<span style="font-size: x-small;"><a href="http://www.ziddu.com/download/10659460/Efek-Cermin-dengan-CorelDraw.rar.html" rel="nofollow" target="_blank" title="Efek Cermin dengan Corel Draw"><img alt="btn_cdr_downloads" class="aligncenter size-full wp-image-313" height="75" src="http://www.ahlidesain.com/wp-content/uploads/2009/12/btn_cdr_downloads.jpg" title="btn_cdr_downloads" width="366" /></a></span></div>
Anonymoushttp://www.blogger.com/profile/14577257437828874087noreply@blogger.com0tag:blogger.com,1999:blog-8895414789514203927.post-86157447690877108082012-10-09T19:35:00.000-07:002012-10-09T19:35:06.650-07:00Cara Membuat Efek Kembang Api di Blog <div style="font-family: Arial,Helvetica,sans-serif;">
<span style="font-size: x-small;">Untuk kali ini kita akan membuat animasi yang manarik
dan juga bisa menjadi inspirasi buat teman-teman blogger lainnya.
Animasi yang akan kita buat yaitu<span style="font-weight: bold;"> efek kembang api </span>pada blog. Jika sobat tertarik bagaimana tampilan dari animasi ini silahkan coba langkahnya dibawah ini:<br /><br />1. Login ke blogger<br />2. Masuk ke <span style="font-weight: bold;">Rancangan -- Edit HTML</span><br />3. Carilah kode <span style="font-weight: bold;"></body></span><br />4. Paste kode dibawah ini diatas kode </body></span></div>
<blockquote style="font-family: Arial,Helvetica,sans-serif;">
<span style="font-size: x-small;"><script language="javascript" src="https://blogtrikdantips-blogspot.googlecode.com/files/fireworks1.js"></script></span></blockquote>
<span style="font-family: Arial,Helvetica,sans-serif; font-size: x-small;">5. <span style="font-weight: bold;">Simpan template</span> sobat dan lihat hasilnya<br /><br />Jika sobat ingin membuat efek kembang api yang berbeda bisa dilihat langkahnya dibawah ini:<br /><br />1. <span style="font-weight: bold;">Login</span> ke blogger<br />2. Masuk ke <span style="font-weight: bold;">Rancangan -- Elemen Laman</span><br />3. <span style="font-weight: bold;">Tambahkan Gadjet</span> lalu pilih <span style="font-weight: bold;">HTML/Javascript</span><br />4. Masukkan kode dibawah ini:</span><blockquote style="font-family: Arial,Helvetica,sans-serif;">
<span style="font-size: x-small;"><div
style="position: fixed; bottom: 0px; right: 2px;"><br
/><embed pluginspage="http://www.macromedia.com/go/getflashplayer"
width="160" height="600" title="grab this widget @
widgetindex.blogspot"
src="http://5433001315082274311-a-1802744773732722657-s-sites.googlegroups.com/site/widgetindex/fireworks.swf"
wmode="transparent" type="application/x-shockwave-flash"
quality="high"></embed></div></span></blockquote>
<span style="font-family: Arial,Helvetica,sans-serif; font-size: x-small;">5. <span style="font-weight: bold;">Simpan gadjet</span> sobat dan lihat hasilnya</span><div style="background-color: white; border: medium none; color: black; font-family: Arial,Helvetica,sans-serif; overflow: hidden; text-align: left; text-decoration: none;">
<span style="font-size: x-small;"><br />Copyright: Blog Trik dan Tips - <a href="http://blogtrikdantips.blogspot.com/2012/05/cara-membuat-efek-kembang-api-di-blog.html#ixzz1K9PrVDzw" style="color: #003399;">http://blogtrikdantips.blogspot.com/2012/05/cara-membuat-efek-kembang-api-di-blog.html#ixzz1K9PrVDzw</a>
<br />Tolong sertakan link ini jika mengkopi artikel diatas. Terima kasih </span></div>
Anonymoushttp://www.blogger.com/profile/14577257437828874087noreply@blogger.com0tag:blogger.com,1999:blog-8895414789514203927.post-66563393173491250802012-10-09T19:31:00.000-07:002012-10-09T19:31:09.944-07:00Cara Membuat Indikator Loading Page / Halaman blog
<a href="http://1.bp.blogspot.com/-l6kpGSbwlAk/T4QyAAmu78I/AAAAAAAAC8M/3JL_qrskbEs/s1600/kotak.gif"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5729759601665961922" src="http://1.bp.blogspot.com/-l6kpGSbwlAk/T4QyAAmu78I/AAAAAAAAC8M/3JL_qrskbEs/s400/kotak.gif" style="cursor: pointer; float: left; height: 34px; margin: 0pt 10px 10px 0pt; width: 132px;" /></a>Ada
beberapa blog yang pernah saya kunjungi menggunakan indikator loading
halaman. Biasanya sebuah gambar akan muncul ketika kita sedang membuka
halaman sebuah web. Gambar tersebut menunjukan halaman tersebut sedang
dalam proses loading. Blog Trik dan Tips kali ini akan memberikan
tutorial bagaimana membuat loading page atau indikator loading halaman
yang sederhana pada blog anda. Untuk membuatnya tidaklah sulit, ikuti
saja langkahnya dibawah ini:<br /><br />1. Masuk ke <span style="font-weight: bold;">Rancangan --> Edit HTML</span><br />2. Back up (upload) template anda terlebih dahulu untuk mencegah kesalahan editing<br />3. Cari kode <body><br />4. Hapus kode tersebut lalu ganti dengan kode dibawah ini:<br />
<blockquote>
<body onLoad='init()'><br /><span id='loading' style='position:absolute; text-align: center; top:10px; right: 10px;'><img border='0' src='<span style="color: #3333ff;">http://1.bp.blogspot.com/-l6kpGSbwlAk/T4QyAAmu78I/AAAAAAAAC8M/3JL_qrskbEs/s400/kotak.gif</span>'/></span><br /><script><br />var ld=(document.all);<br /><br />var ns4=document.layers;<br />var ns6=document.getElementById&amp;&amp;!document.all;<br />var ie4=document.all;<br /><br />if (ns4) ld=document.loading;<br />else if (ns6)<br />ld=document.getElementById(&quot;loading&quot;).style;<br />else if (ie4)<br />ld=document.all.loading.style;<br /><br />function init() {<br />if(ns4){ld.visibility=&quot;hidden&quot;;}<br />else if (ns6||ie4) ld.display=&quot;none&quot;;<br />}<br /></script></blockquote>
5. Ganti <span style="color: #3333ff;">kode berwarna biru</span> dengan url gambar loading page yang anda suka<br />6. <span style="font-weight: bold;">Simpan template</span> anda lalu lihat hasilnyaAnonymoushttp://www.blogger.com/profile/14577257437828874087noreply@blogger.com0tag:blogger.com,1999:blog-8895414789514203927.post-43392198544108887762012-10-09T19:26:00.004-07:002012-10-09T19:26:56.417-07:00Membuat Efek Gelembung pada Cursor
<a href="http://2.bp.blogspot.com/-JnXzxqIkXIc/T7XsMIXerSI/AAAAAAAADRw/eeXxXjOzPt0/s1600/bubble%2Bcursor.jpg"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5743756592929484066" src="http://2.bp.blogspot.com/-JnXzxqIkXIc/T7XsMIXerSI/AAAAAAAADRw/eeXxXjOzPt0/s400/bubble%2Bcursor.jpg" style="cursor: hand; cursor: pointer; float: right; height: 149px; margin: 0 0 10px 10px; width: 224px;" /></a>Jika
sobat ingin membuat cursor terlihat lebih bergaya dan menarik maka
cobalah trik yang satu ini. Kali ini blog trik dan tips akan membahas
bagaimana cara membuat efek gelembung pada cursor. Efek gelembung akan
muncul apabila cursor digerakan dihalaman blog anda. Gelembung akan
timbul lalu melayang ke atas halaman blog. Jika sobat penasaran dengan
tampilkan efek cantik ini silahkan coba langkahnya dibawah ini:<br /><br />1. <span style="font-weight: bold;">Login </span>ke blogger<br />2. Masuk ke <span style="font-weight: bold;">Rancangan -- Elemen Laman</span><br />3. <span style="font-weight: bold;">Tambahkan gadjet</span> lalu pilih<span style="font-weight: bold;"> HTML/Javascript</span><br />4. Masukkan kode berikut ini:<br /><br />
<div style="border-style: solid; border-width: 0px; height: 380px; overflow: auto; width: 500px;">
<blockquote>
<noscript></noscript><!--
--><script type="text/javascript"
src="http://blogtrikdantips-blogspot.googlecode.com/files/cursor_gelembung.js"></script><script
type="text/javascript"><br /><br />// <![CDATA[<br />var colours=new Array("<span style="color: #3333ff;">#2E9AFE</span>", "<span style="color: #3333ff;">#2E9AFE</span>", "<span style="color: #3333ff;">#2E9AFE</span>", "<span style="color: #3333ff;">#2E9AFE</span>", "<span style="color: #3333ff;">#2E9AFE</span>"); // colours for top, right, bottom and left borders and background of bubbles<br />var bubbles=100; // maximum number of bubbles on screen<br />var x=ox=400;<br />var y=oy=300;<br />var swide=800;<br />var shigh=600;<br />var sleft=sdown=0;<br />var bubb=new Array();<br />var bubbx=new Array();<br />var bubby=new Array();<br />var bubbs=new Array();<br />window.onload=function() { if (document.getElementById) {<br />var rats, div;<br />for (var i=0; i<bubbles; i++) {<br />rats=createDiv("3px", "3px");<br />rats.style.visibility="hidden";<br />div=createDiv("auto", "auto");<br />rats.appendChild(div);<br />div=div.style;<br />div.top="1px";<br />div.left="0px";<br />div.bottom="1px";<br />div.right="0px";<br />div.borderLeft="1px solid "+colours[3];<br />div.borderRight="1px solid "+colours[1];<br />div=createDiv("auto", "auto");<br />rats.appendChild(div);<br />div=div.style;<br />div.top="0px";<br />div.left="1px";<br />div.right="1px";<br />div.bottom="0px"<br />div.borderTop="1px solid "+colours[0];<br />div.borderBottom="1px solid "+colours[2];<br />div=createDiv("auto", "auto");<br />rats.appendChild(div);<br />div=div.style;<br />div.left="1px";<br />div.right="1px";<br />div.bottom="1px";<br />div.top="1px";<br />div.backgroundColor=colours[4];<br />div.opacity=0.5;<br />if (document.all) div.filter="alpha(opacity=50)";<br />document.body.appendChild(rats);<br />bubb[i]=rats.style;<br />}<br />set_scroll();<br />set_width();<br />bubble();<br />}}<br />function bubble() {<br />var c;<br />if (x!=ox || y!=oy) {<br />ox=x;<br />oy=y;<br />for (c=0; c<bubbles; c++) if (!bubby[c]) {<br />bubb[c].left=(bubbx[c]=x)+"px";<br />bubb[c].top=(bubby[c]=y)+"px";<br />bubb[c].width="3px";<br />bubb[c].height="3px"<br />bubb[c].visibility="visible";<br />bubbs[c]=3;<br />break;<br />}<br />}<br />for (c=0; c<bubbles; c++) if (bubby[c]) update_bubb(c);<br />setTimeout("bubble()", 40);<br />}<br />function update_bubb(i) {<br />if (bubby[i]) {<br />bubby[i]-=bubbs[i]/2+i%2;<br />bubbx[i]+=(i%5-2)/5;<br />if (bubby[i]>sdown && bubbx[i]>0) {<br />if (Math.random()<bubbs[i]/shigh*2 && bubbs[i]++<8) {<br />bubb[i].width=bubbs[i]+"px";<br />bubb[i].height=bubbs[i]+"px";<br />}<br />bubb[i].top=bubby[i]+"px";<br />bubb[i].left=bubbx[i]+"px";<br />}<br />else {<br />bubb[i].visibility="hidden";<br />bubby[i]=0;<br />return;<br />}<br />}<br />}<br />document.onmousemove=mouse;<br />function mouse(e) {<br />set_scroll();<br />y=(e)?e.pageY:event.y+sleft;<br />x=(e)?e.pageX:event.x+sdown; }<br />window.onresize=set_width;<br />function set_width() {<br />if (document.documentElement && document.documentElement.clientWidth) {<br />swide=document.documentElement.clientWidth;<br />shigh=document.documentElement.clientHeight;<br />}<br />else if (typeof(self.innerHeight)=="number") {<br />swide=self.innerWidth;<br />shigh=self.innerHeight;<br />}<br />else if (document.body.clientWidth) {<br />swide=document.body.clientWidth;<br />shigh=document.body.clientHeight;<br />}<br />else {<br />swide=800;<br />shigh=600;<br />}<br />}<br />window.onscroll=set_scroll;<br />function set_scroll() {<br />if (typeof(self.pageYOffset)=="number") {<br />sdown=self.pageYOffset;<br />sleft=self.pageXOffset;<br />}<br />else if (document.body.scrollTop || document.body.scrollLeft) {<br />sdown=document.body.scrollTop;<br />sleft=document.body.scrollLeft;<br />}<br />else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {<br />sleft=document.documentElement.scrollLeft;<br />sdown=document.documentElement.scrollTop;<br />}<br />else {<br />sdown=0;<br />sleft=0;<br />}<br />}<br />function createDiv(height, width) {<br />var div=document.createElement("div");<br />div.style.position="absolute";<br />div.style.height=height;<br />div.style.width=width;<br />div.style.overflow="hidden";<br />return (div);<br />}<br />// ]]><br /></script></blockquote>
</div>
<br />5. <span style="font-weight: bold;">Simpan gadjet</span> lalu lihat hasilnya<br /><br />Jika
sobat ingin mengubah warna gelembung pada cursor silahkan ganti kode
yang berwarna biru diatas kode kode warna yang anda sukai. Selamat
mencoba! Good Luck!
<div style="background-color: white; border: medium none; color: black; overflow: hidden; text-align: left; text-decoration: none;">
<br /></div>
Anonymoushttp://www.blogger.com/profile/14577257437828874087noreply@blogger.com0tag:blogger.com,1999:blog-8895414789514203927.post-87506554076784486852012-10-09T19:17:00.000-07:002012-10-09T19:17:02.480-07:00Membuat Drop down menu dengan DreamweaverDi dalam tutorial ini akan disampaikan mengenai bagaimana membuat
menu bertingkat (tree-menu) menggunakan fasilitas yang sudah tersedia
di salah satu web development software, yaitu Dreamweaver.
Langkah-langkah dalam tutorial dicoba menggunakan Macromedia
Dreamweaver 8, namun demikian dapat juga dicoba dengan versi-versi
terbaru dari Dreamweaver.
Berikut ini langkah-langkahnya<br />
1. Buka Macromedia Dreamweaver dan buatlah sebuah halaman HTML baru dengan mengakses menu File > New.<br />
2. Aktifkan window Behaviors melalui menu Window > Behaviors atau dengan shortcut Shift + F4<br />
<a href="http://infotek.web.id/wp-content/uploads/2011/05/dw1.png"><img alt="" class="aligncenter size-medium wp-image-134" height="160" src="http://infotek.web.id/wp-content/uploads/2011/05/dw1-300x160.png" title="dw1" width="410" /></a><br />
3. Buatlah sebuah link dengan text atau gambar, isi halaman tujuan
link dengan # yang menandakan bahwa link tersebut jika diklik nantinya
akan tetap di halaman yang sama. Sorot (select) link tersebut, kemudian
dari window behaviors yang telah diaktifkan di langkah sebelumnya klik
tombol Add behaviour yaitu icon dengan tanda [+]. Akan ditampilkan
beberapa pilihan behaviour dan pilih Show Pop-Up Menu.<br />
<a href="http://infotek.web.id/wp-content/uploads/2011/05/dw2.png"><img alt="show popup menu" class="aligncenter size-medium wp-image-135" height="300" src="http://infotek.web.id/wp-content/uploads/2011/05/dw2-173x300.png" title="dw2" width="216" /></a><br />
4. Selanjutnya akan ditampilkan window Show Pop-Up Menu. Buatlah menu
bertingkat sesuai rancangan menu yang diinginkan. Tersedia beberapa
tombol yang akan membantu mengatur menu yang akan dibuat. Lihat
contohnya di gambar 3. Jika ingin mengatur tampilan dari menu, dapat
membuka tab ‘Appearance’ dan jika ingin mengatur posisi dari menu bisa
mengaktifkan tab ‘Position’ silahkan di coba-coba sendiri <img alt=":)" class="wp-smiley" src="http://infotek.web.id/wp-includes/images/smilies/icon_smile.gif" /> . Klik tombol OK jika menu sudah diatur sesuai keinginan.<br />
<a href="http://infotek.web.id/wp-content/uploads/2011/05/dw3.png"><img alt="pengaturan popup menu" class="aligncenter size-medium wp-image-136" height="233" src="http://infotek.web.id/wp-content/uploads/2011/05/dw3-300x233.png" title="dw3" width="355" /></a>5.
Jika sudah Simpan halaman dan tampilkan hasilnya di browser dengan
mengakses menu File > Preview in browser… atau shortcut F12.<br />
<a href="http://infotek.web.id/wp-content/uploads/2011/05/dw4.png"><img alt="tampilan menu dropdown" class="aligncenter size-full wp-image-137" height="162" src="http://infotek.web.id/wp-content/uploads/2011/05/dw4.png" title="dw4" width="202" /></a>6. Selamat mencoba , semoga berhasil..<br />
Anonymoushttp://www.blogger.com/profile/14577257437828874087noreply@blogger.com0tag:blogger.com,1999:blog-8895414789514203927.post-80263394333634693452012-10-09T19:10:00.001-07:002012-10-09T19:10:23.393-07:00Memasukkan Animasi Flash Ke Dalam Website<div style="font-family: Arial,Helvetica,sans-serif;">
<span style="font-size: x-small;">Pada tutorial </span>
<span style="font-size: x-small;"><a class="seven" href="http://www.ilmugrafis.com/"><strong>belajar Dreamweaver</strong></a> kali ini penulis akan menjelaskan bagaimana <strong>cara <a class="seven" href="http://www.ilmugrafis.com/dreamweaver.php?page=memasukkan-animasi-flash-dalam-website">memasukkan animasi flash</a></strong> <strong>berektension *.swf ke dalam website</strong> dengan <a class="seven" href="http://www.ilmugrafis.com/dreamweaver.php">dreamweaver</a>...<br /><br />
Langkah - langkahnya:</span>
<span style="font-size: x-small;"><br /><br />
1. Buka Dreamweaver dan pilih File - New</span>
<span style="font-size: x-small;"><br />
Atau tekan CTRL + N = Untuk membuat project baru sebagai latihan<br /><br />
2. Cara I : Pada Menu Utama </span>
<span style="font-size: x-small;"><br />
<br />
Insert -
Media - Flash - atau </span></div>
<div style="font-family: Arial,Helvetica,sans-serif;">
<span style="font-size: x-small;"><br />
Cara II : tekan CTRL + ALT + F<br /><br />
Ket:</span>
<span style="font-size: x-small;"><br />
swf = adalah extensi file animasi hasil olahan flash, file ini dapat
dijalankan jika kita menginstal flash player ke dalam browser kita<br /><a href="http://www.adobe.com/go/getflashplayer" rel="NoFollow" target="_blank"><img alt="flash player icon" border="0" hspace="2" src="http://www.ilmugrafis.info/dreamweaver/d2/flashplayer_165x165.jpg" vspace="2" /></a></span>
<span style="font-size: x-small;">
Adobe Flash Player for Browser <br />
klik icon di atas untuk download adobe flash Player<br /><br />
3.
Lalu pilih file berformat *.swf yang diinginkan</span>
<span style="font-size: x-small;"><br /> </span></div>
<div style="font-family: Arial,Helvetica,sans-serif;">
<span style="font-size: x-small;">contoh:<br /><br />
butterfly.swf yang dapat di download langsung </span>
<span style="font-size: x-small;"><a class="four" href="http://www.ilmugrafis.info/dreamweaver/d2/butterfly.zip">disini</a> password: ilmugrafis<br /><br />
berbagai macam contoh animasi untuk kebutuhan website kamu:</span>
<span style="font-size: x-small;"><br /> </span></div>
<div style="font-family: Arial,Helvetica,sans-serif;">
<span style="font-size: x-small;">Langsung download aja<br /><br /><a class="four" href="http://www.ilmugrafis.info/dreamweaver/d2/bom.zip">download Bom</a></span>
<span style="font-size: x-small;"> | Password: ilmugrafis <br /><br /><a class="four" href="http://www.ilmugrafis.info/dreamweaver/d2/bendera.zip">Download Bendera Indonesia</a></span>
<span style="font-size: x-small;"> | Password: ilmugrafis <br /><br /><a class="four" href="http://www.ilmugrafis.info/dreamweaver/d2/clock.zip">Download Jam Analog<br />
</a></span><span style="font-size: x-small;"><br />
Semoga Bermanfaat
</span>
</div>
Anonymoushttp://www.blogger.com/profile/14577257437828874087noreply@blogger.com0