Tutorial Blog Unik: September 2014

Cara Membuat Efek Gambar Membesar Saat Disentuh Kursor

<div dir="ltr" style="text-align: left;" trbidi="on">
<b><span style="font-family: Arial,Helvetica,sans-serif;">Cara Membuat Gambar Membesar Bila Disentuh Kursor</span></b> - Hai sobat... Bukan berarti ada konsep baru dalam situs ini, saya mengabaikan artikel lama saya. Saya akan membuat tutorial blogger lagi nih. <a href="http://adf.ly/un2SW">(˘⌣˘)ε˘`)</a> Tutorial blogger kali ini membahas <a href="http://www.fahmifanirius.ga/2014/09/cara-membuat-gambar-membesar-bila-disentuh-kursor.html" target="_blank">Cara Membuat Efek Gambar Membesar Atau Zoom Ketika Disentuh Kursor.</a><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbQ48QgxIHJSyXvb9NVI8YeduXRe4kh5ngyoN3vnUPEgjvAuPfmPUpZB_UFyvf7KImlvcjsplnxbpEltNyWEB0147J_dCzWuRALlmvxhfenwAI_PieceT_D2-8fgL3PT30Dt_EyscQEGrM/s1600/gf.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara Membuat Efek Gambar Membesar Saat Disentuh Kursor" border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbQ48QgxIHJSyXvb9NVI8YeduXRe4kh5ngyoN3vnUPEgjvAuPfmPUpZB_UFyvf7KImlvcjsplnxbpEltNyWEB0147J_dCzWuRALlmvxhfenwAI_PieceT_D2-8fgL3PT30Dt_EyscQEGrM/s1600/gf.gif" title="Cara Membuat Efek Gambar Membesar Saat Disentuh Kursor" width="176" /></a></div>
<br />
<br />
<b>Gambar bisa membesar saat disentuh kursor?</b>  Pastinya tau dong. Kalau sobat sering browsing atau blogwalking pasti  pernah melihat <b>gambar akan membesar saat kursor / pointer / arah panah di blog</b> sobat bergerak menuju gambar tersebut.<br />
<br />
Mungkin, tujuan utam dari tutorial ini yang sering digunakan oleh para Blogger adalah, jika gambar diatur  dengan ukuran kecil, bisa dilihat jelas <b>jika kursor menyentuh gambar</b>  yang dituju. Gambar bisa lebih jelas jika diperbesar. Mungkin gambar  yang Anda upload memang berukuran kecil dan tidak bisa lagi diperbesar.  Dengan fungsi tutorial ini, mungkin sedikit akan membantu pengunjung sobat untuk melihat lebih jelas gambar tersebut.<br />
<br />
Apalagi, jika gambar pada blog sobat terlalu besar ataupun sangat besar, akan membuat loading blog sobat akan lebih lambat jika dibandingkan dengan blog yang dengan gambar berukuran lebih kecil. Oleh karena itu, sekarang saya buat tutorial <b>Cara Membuat Efek Gambar Membesar Atau Zoom Di Blog Saat Disentuh Kursor</b>.<br />
<br />
Ini adalah salah satu cara mempercepat loading blog sobat. Jadi, buat sobat yang mempunyai blog dengan gambar yang besar, bisa  dikecilin lagi. Terus, pake tutorial ini. Agar blog sobat yang mungkin lambat, bisa lebih cepet dari sebelumnya.<br />
<br />
<br />
<div style="text-align: center;">
1. Login Blogger</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
2. Klik Template</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
3. Edit HTML</div>
<br />
<br />
<div style="text-align: center;">
4. Cari kode <span style="color: cyan;"><b><span style="background-color: #073763;">]]></b:skin></span> </b><span style="color: black;">(agar memudahkan pencarian, tekan Ctrl+F pada keyboard)</span></span></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<span style="color: cyan;"><span style="color: black;">5. Setelah ketemu kode tersebut, copy kode dibawah ini, lalu letakkan / paste kode dibawah ini tepat DIATAS kode </span></span> <span style="color: cyan;"><b><span style="background-color: #073763;">]]></b:skin></span> </b></span></div>
<br />
<div style="background: #e0eff7; border: 3px dashed #0159f8; height: 300px; overflow: auto; padding: 10px; text-align: left; width: 500px;">
<blockquote class="tr_bq">
<pre><code class="css"><span class="class"><span class="Apple-style-span" style="color: cyan;"><span class="Apple-style-span" style="background-color: #0b5394;">.post</span></span></span><span class="Apple-style-span" style="color: cyan;"><span class="Apple-style-span" style="background-color: #0b5394;"> </span></span><span class="tag"><span class="Apple-style-span" style="color: cyan;"><span class="Apple-style-span" style="background-color: #0b5394;">img</span></span></span><span class="rules"><span class="Apple-style-span" style="color: cyan;"><span class="Apple-style-span" style="background-color: #0b5394;">{</span></span></span><span class="rules"><span class="Apple-style-span" style="color: cyan;"><span class="Apple-style-span" style="background-color: #0b5394;">
</span></span><span class="rule"><span class="attribute"><span class="Apple-style-span" style="color: cyan;"><span class="Apple-style-span" style="background-color: #0b5394;">-webkit-</span></span></span></span><span class="rule"><span class="attribute"><span class="Apple-style-span" style="color: cyan;"><span class="Apple-style-span" style="background-color: #0b5394;">transform</span></span></span><span class="Apple-style-span" style="color: cyan;"><span class="Apple-style-span" style="background-color: #0b5394;">:</span></span><span class="value"><span class="function"><span class="Apple-style-span" style="color: cyan;"><span class="Apple-style-span" style="background-color: #0b5394;">scale(</span></span><span class="number"><span class="Apple-style-span" style="color: cyan;"><span class="Apple-style-span" style="background-color: #0b5394;">0.8</span></span></span><span class="Apple-style-span" style="color: cyan;"><span class="Apple-style-span" style="background-color: #0b5394;">)</span></span></span><span class="Apple-style-span" style="color: cyan;"><span class="Apple-style-span" style="background-color: #0b5394;">;</span></span></span></span><span class="Apple-style-span" style="color: cyan;"><span class="Apple-style-span" style="background-color: #0b5394;">
</span></span><span class="rule"><span class="attribute"><span class="Apple-style-span" style="color: cyan;"><span class="Apple-style-span" style="background-color: #0b5394;">-moz-</span></span></span></span><span class="rule"><span class="attribute"><span class="Apple-style-span" style="color: cyan;"><span class="Apple-style-span" style="background-color: #0b5394;">transform</span></span></span><span class="Apple-style-span" style="color: cyan;"><span class="Apple-style-span" style="background-color: #0b5394;">:</span></span><span class="value"><span class="function"><span class="Apple-style-span" style="color: cyan;"><span class="Apple-style-span" style="background-color: #0b5394;">scale(</span></span><span class="number"><span class="Apple-style-span" style="color: cyan;"><span class="Apple-style-span" style="background-color: #0b5394;">0.8</span></span></span><span class="Apple-style-span" style="color: cyan;"><span class="Apple-style-span" style="background-color: #0b5394;">)</span></span></span><span class="Apple-style-span" style="color: cyan;"><span class="Apple-style-span" style="background-color: #0b5394;">;</span></span></span></span><span class="Apple-style-span" style="color: cyan;"><span class="Apple-style-span" style="background-color: #0b5394;">
</span></span><span class="rule"><span class="attribute"><span class="Apple-style-span" style="color: cyan;"><span class="Apple-style-span" style="background-color: #0b5394;">-o-</span></span></span></span><span class="rule"><span class="attribute"><span class="Apple-style-span" style="color: cyan;"><span class="Apple-style-span" style="background-color: #0b5394;">transform</span></span></span><span class="Apple-style-span" style="color: cyan;"><span class="Apple-style-span" style="background-color: #0b5394;">:</span></span><span class="value"><span class="function"><span class="Apple-style-span" style="color: cyan;"><span class="Apple-style-span" style="background-color: #0b5394;">scale(</span></span><span class="number"><span class="Apple-style-span" style="color: cyan;"><span class="Apple-style-span" style="background-color: #0b5394;">0.8</span></span></span><span class="Apple-style-span" style="color: cyan;"><span class="Apple-style-span" style="background-color: #0b5394;">)</span></span></span><span class="Apple-style-span" style="color: cyan;"><span class="Apple-style-span" style="background-color: #0b5394;">;</span></span></span></span><span class="Apple-style-span" style="color: cyan;"><span class="Apple-style-span" style="background-color: #0b5394;">
</span></span><span class="rule"><span class="attribute"><span class="Apple-style-span" style="color: cyan;"><span class="Apple-style-span" style="background-color: #0b5394;">-webkit-</span></span></span></span><span class="rule"><span class="attribute"><span class="Apple-style-span" style="color: cyan;"><span class="Apple-style-span" style="background-color: #0b5394;">transition-duration</span></span></span><span class="Apple-style-span" style="color: cyan;"><span class="Apple-style-span" style="background-color: #0b5394;">:</span></span><span class="value"><span class="Apple-style-span" style="color: cyan;"><span class="Apple-style-span" style="background-color: #0b5394;"> </span></span><span class="number"><span class="Apple-style-span" style="color: cyan;"><span class="Apple-style-span" style="background-color: #0b5394;">0.5</span></span></span><span class="Apple-style-span" style="color: cyan;"><span class="Apple-style-span" style="background-color: #0b5394;">s;</span></span></span></span><span class="Apple-style-span" style="color: cyan;"><span class="Apple-style-span" style="background-color: #0b5394;">
</span></span><span class="rule"><span class="attribute"><span class="Apple-style-span" style="color: cyan;"><span class="Apple-style-span" style="background-color: #0b5394;">-moz-</span></span></span></span><span class="rule"><span class="attribute"><span class="Apple-style-span" style="color: cyan;"><span class="Apple-style-span" style="background-color: #0b5394;">transition-duration</span></span></span><span class="Apple-style-span" style="color: cyan;"><span class="Apple-style-span" style="background-color: #0b5394;">:</span></span><span class="value"><span class="Apple-style-span" style="color: cyan;"><span class="Apple-style-span" style="background-color: #0b5394;"> </span></span><span class="number"><span class="Apple-style-span" style="color: cyan;"><span class="Apple-style-span" style="background-color: #0b5394;">0.5</span></span></span><span class="Apple-style-span" style="color: cyan;"><span class="Apple-style-span" style="background-color: #0b5394;">s;</span></span></span></span><span class="Apple-style-span" style="color: cyan;"><span class="Apple-style-span" style="background-color: #0b5394;">
</span></span><span class="rule"><span class="attribute"><span class="Apple-style-span" style="color: cyan;"><span class="Apple-style-span" style="background-color: #0b5394;">-o-</span></span></span></span><span class="rule"><span class="attribute"><span class="Apple-style-span" style="color: cyan;"><span class="Apple-style-span" style="background-color: #0b5394;">transition-duration</span></span></span><span class="Apple-style-span" style="color: cyan;"><span class="Apple-style-span" style="background-color: #0b5394;">:</span></span><span class="value"><span class="Apple-style-span" style="color: cyan;"><span class="Apple-style-span" style="background-color: #0b5394;"> </span></span><span class="number"><span class="Apple-style-span" style="color: cyan;"><span class="Apple-style-span" style="background-color: #0b5394;">0.5</span></span></span><span class="Apple-style-span" style="color: cyan;"><span class="Apple-style-span" style="background-color: #0b5394;">s;</span></span></span></span><span class="Apple-style-span" style="color: cyan;"><span class="Apple-style-span" style="background-color: #0b5394;">
</span></span><span class="rule"><span class="attribute"><span class="Apple-style-span" style="color: cyan;"><span class="Apple-style-span" style="background-color: #0b5394;">opacity</span></span></span><span class="Apple-style-span" style="color: cyan;"><span class="Apple-style-span" style="background-color: #0b5394;">:</span></span><span class="value"><span class="Apple-style-span" style="color: cyan;"><span class="Apple-style-span" style="background-color: #0b5394;"> </span></span><span class="number"><span class="Apple-style-span" style="color: cyan;"><span class="Apple-style-span" style="background-color: #0b5394;">0.7</span></span></span><span class="Apple-style-span" style="color: cyan;"><span class="Apple-style-span" style="background-color: #0b5394;">;</span></span></span></span><span class="Apple-style-span" style="color: cyan;"><span class="Apple-style-span" style="background-color: #0b5394;">
</span></span><span class="rule"><span class="attribute"><span class="Apple-style-span" style="color: cyan;"><span class="Apple-style-span" style="background-color: #0b5394;">margin</span></span></span><span class="Apple-style-span" style="color: cyan;"><span class="Apple-style-span" style="background-color: #0b5394;">:</span></span><span class="value"><span class="Apple-style-span" style="color: cyan;"><span class="Apple-style-span" style="background-color: #0b5394;"> </span></span><span class="number"><span class="Apple-style-span" style="color: cyan;"><span class="Apple-style-span" style="background-color: #0b5394;">0</span></span></span><span class="Apple-style-span" style="color: cyan;"><span class="Apple-style-span" style="background-color: #0b5394;"> </span></span><span class="number"><span class="Apple-style-span" style="color: cyan;"><span class="Apple-style-span" style="background-color: #0b5394;">2</span></span></span><span class="Apple-style-span" style="color: cyan;"><span class="Apple-style-span" style="background-color: #0b5394;">px </span></span><span class="number"><span class="Apple-style-span" style="color: cyan;"><span class="Apple-style-span" style="background-color: #0b5394;">2</span></span></span><span class="Apple-style-span" style="color: cyan;"><span class="Apple-style-span" style="background-color: #0b5394;">px </span></span><span class="number"><span class="Apple-style-span" style="color: cyan;"><span class="Apple-style-span" style="background-color: #0b5394;">0</span></span></span><span class="Apple-style-span" style="color: cyan;"><span class="Apple-style-span" style="background-color: #0b5394;">;</span></span></span></span><span class="Apple-style-span" style="color: cyan;"><span class="Apple-style-span" style="background-color: #0b5394;">
</span></span><span class="rule"><span class="Apple-style-span" style="color: cyan;"><span class="Apple-style-span" style="background-color: #0b5394;">}</span></span></span></span><span class="Apple-style-span" style="color: cyan;"><span class="Apple-style-span" style="background-color: #0b5394;">
</span></span><span class="class"><span class="Apple-style-span" style="color: cyan;"><span class="Apple-style-span" style="background-color: #0b5394;">.post</span></span></span><span class="Apple-style-span" style="color: cyan;"><span class="Apple-style-span" style="background-color: #0b5394;"> </span></span><span class="tag"><span class="Apple-style-span" style="color: cyan;"><span class="Apple-style-span" style="background-color: #0b5394;">img</span></span></span><span class="pseudo"><span class="Apple-style-span" style="color: cyan;"><span class="Apple-style-span" style="background-color: #0b5394;">:hover</span></span></span><span class="rules"><span class="Apple-style-span" style="color: cyan;"><span class="Apple-style-span" style="background-color: #0b5394;">{</span></span></span><span class="rules"><span class="Apple-style-span" style="color: cyan;"><span class="Apple-style-span" style="background-color: #0b5394;">
</span></span><span class="rule"><span class="attribute"><span class="Apple-style-span" style="color: cyan;"><span class="Apple-style-span" style="background-color: #0b5394;">-webkit-</span></span></span></span><span class="rule"><span class="attribute"><span class="Apple-style-span" style="color: cyan;"><span class="Apple-style-span" style="background-color: #0b5394;">transform</span></span></span><span class="Apple-style-span" style="color: cyan;"><span class="Apple-style-span" style="background-color: #0b5394;">:</span></span><span class="value"><span class="function"><span class="Apple-style-span" style="color: cyan;"><span class="Apple-style-span" style="background-color: #0b5394;">scale(</span></span><span class="number"><span class="Apple-style-span" style="color: cyan;"><span class="Apple-style-span" style="background-color: #0b5394;">1.1</span></span></span><span class="Apple-style-span" style="color: cyan;"><span class="Apple-style-span" style="background-color: #0b5394;">)</span></span></span><span class="Apple-style-span" style="color: cyan;"><span class="Apple-style-span" style="background-color: #0b5394;">;</span></span></span></span><span class="Apple-style-span" style="color: cyan;"><span class="Apple-style-span" style="background-color: #0b5394;">
</span></span><span class="rule"><span class="attribute"><span class="Apple-style-span" style="color: cyan;"><span class="Apple-style-span" style="background-color: #0b5394;">-moz-</span></span></span></span><span class="rule"><span class="attribute"><span class="Apple-style-span" style="color: cyan;"><span class="Apple-style-span" style="background-color: #0b5394;">transform</span></span></span><span class="Apple-style-span" style="color: cyan;"><span class="Apple-style-span" style="background-color: #0b5394;">:</span></span><span class="value"><span class="function"><span class="Apple-style-span" style="color: cyan;"><span class="Apple-style-span" style="background-color: #0b5394;">scale(</span></span><span class="number"><span class="Apple-style-span" style="color: cyan;"><span class="Apple-style-span" style="background-color: #0b5394;">1.1</span></span></span><span class="Apple-style-span" style="color: cyan;"><span class="Apple-style-span" style="background-color: #0b5394;">)</span></span></span><span class="Apple-style-span" style="color: cyan;"><span class="Apple-style-span" style="background-color: #0b5394;">;</span></span></span></span><span class="Apple-style-span" style="color: cyan;"><span class="Apple-style-span" style="background-color: #0b5394;">
</span></span><span class="rule"><span class="attribute"><span class="Apple-style-span" style="color: cyan;"><span class="Apple-style-span" style="background-color: #0b5394;">-o-</span></span></span></span><span class="rule"><span class="attribute"><span class="Apple-style-span" style="color: cyan;"><span class="Apple-style-span" style="background-color: #0b5394;">transform</span></span></span><span class="Apple-style-span" style="color: cyan;"><span class="Apple-style-span" style="background-color: #0b5394;">:</span></span><span class="value"><span class="function"><span class="Apple-style-span" style="color: cyan;"><span class="Apple-style-span" style="background-color: #0b5394;">scale(</span></span><span class="number"><span class="Apple-style-span" style="color: cyan;"><span class="Apple-style-span" style="background-color: #0b5394;">1.1</span></span></span><span class="Apple-style-span" style="color: cyan;"><span class="Apple-style-span" style="background-color: #0b5394;">)</span></span></span><span class="Apple-style-span" style="color: cyan;"><span class="Apple-style-span" style="background-color: #0b5394;">;</span></span></span></span><span class="Apple-style-span" style="color: cyan;"><span class="Apple-style-span" style="background-color: #0b5394;">
</span></span><span class="rule"><span class="attribute"><span class="Apple-style-span" style="color: cyan;"><span class="Apple-style-span" style="background-color: #0b5394;">opacity</span></span></span><span class="Apple-style-span" style="color: cyan;"><span class="Apple-style-span" style="background-color: #0b5394;">:</span></span><span class="value"><span class="Apple-style-span" style="color: cyan;"><span class="Apple-style-span" style="background-color: #0b5394;"> </span></span><span class="number"><span class="Apple-style-span" style="color: cyan;"><span class="Apple-style-span" style="background-color: #0b5394;">1</span></span></span><span class="Apple-style-span" style="color: cyan;"><span class="Apple-style-span" style="background-color: #0b5394;">;</span></span></span></span></span></code></pre>
</blockquote>
<span class="rule"><span class="Apple-style-span" style="color: cyan;"><span class="Apple-style-span" style="background-color: #0b5394;">}</span></span></span></div>
<br />
<div style="text-align: center;">
6. Simpan perubahan</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
Selesai...</div>
<br />
<br />
<span class="Apple-style-span" style="font-size: x-small;">Jangan lupa, ketika sudah mencoba dan berhasil, beri komentar... Kalau masih gagal, coba lagi. Semoga berhasil... ˆ⌣ˆ</span><br />
<span class="Apple-style-span" style="font-size: x-small;"><br />
</span> <br />
<div style="text-align: right;">
<b><a href="http://www.fahmifanirius.ga/p/tutorial-blogger.html" target="_blank"><span style="font-family: Arial,Helvetica,sans-serif; font-size: x-small;"><strike>Tutorial Blogger </strike></span></a></b></div>
<br />
<br />
<br />
<br />
<br />
<div class="content-box-infoindong">
<div itemscope="" itemtype="http://schema.org/Review">
<div itemprop="itemReviewed" itemscope="" itemtype="http://schema.org/Thing">
</div>
<table><tbody>
<tr align="justify"> <td width="20%">Judul </td> <td width="60%">Cara Membuat Efek Gambar Membesar Saat Disentuh Kursor</td> </tr>
<tr align="justify"> <td width="20%">Deskripsi </td> <td width="60%"><span class="Apple-style-span" style="-webkit-border-horizontal-spacing: 0px; -webkit-border-vertical-spacing: 0px;">Cara membuat efek gambar membesar saat disentuh kursor, cara membuat efek gambar zoom saat disentuh kursor di blog, cara membuat gambar membesar saat disentuh cursor di blog</span></td> </tr>
<tr align="justify"> <td width="20%">Author </td> <td width="60%"><span itemprop="author">Fahmi Fanirius</span> </td> </tr>
<tr align="justify"> <td width="20%">Author Rating </td> <td width="60%"><div itemprop="reviewRating" itemscope="" itemtype="http://schema.org/AggregateRating">
<span itemprop="ratingValue">96%</span>/       <span itemprop="bestRating">100%</span> Suara Dari <span itemprop="ratingCount">3980</span> votes</div>
</td> </tr>
</tbody></table>
</div>
</div>
</div>

Efek Tutorial Blogger Cara Membuat Efek Gambar Membesar Saat Disentuh Kursor

Cara Membuat Gambar Membesar Bila Disentuh Kursor - Hai sobat... Bukan berarti ada konsep baru dalam situs ini, saya mengabaikan artikel l...

Cara Memisahkan Gambar Dengan Cepat Dari Background Pada PhotoShop

7:23 AM Unknown 0

<div dir="ltr" style="text-align: left;" trbidi="on">
<span style="font-family: Arial,Helvetica,sans-serif;"><b>Cara Memisahkan Gambar Dengan Cepat Dari Background Pada PhotoShop</b></span> - Oke, ini masih trik dasar photoshop yang kedua. Lagi gak ada waktu buat postingnya. Kali ini, saya akan jelasakan <a href="http://www.fahmifanirius.ga/2014/09/memisahkan-gambar-dengan-cepat-dari-background.html" target="_blank">Cara Memisahkan Objek / Gambar Dari Background Dengan PhotoShop</a><br />
<br />
Dengan cepat? Maksudnya? Maksudnya, gak perlu manual  lagi. Misahkan gambar / objeknya dari background nya gak perlu ribet atau manual.  Untuk tehnik trik dasar ini, saya menggunakan <b>Magic Eraser Tool</b>. Fungsi  dari <b>Magic Eraser Tool</b>, agar para pengguna PhotoShop gak perlu  ribet lagi buat misahin atau hapus dengan manual lagi. Maksudnya, cukup  dengan satu klik, kita bisa misahin antara gambar dengan background.<br />
<br />
Tapi ingat teman. Trik dasar ini, gak semua bisa  dilakukan. Anda bisa gagal dalam melakukan trik dasar ini jika antara  gambar dengan background mempunyai jenis warna yang sama. Contoh,  gambarnya warna putih. Background nya warna putih. Itu sangat jelas gak  bisa. -_- Masih gak tau maksudnya? :3 Okelah, langsung kita praktekan. Saya yakin setelah Anda mempraktekkan bisa tau apa maksud saya tadi.<br />
<br />
<br />
<div style="text-align: center;">
1. Buka foto yang akan dipisahin antara gambar dengan backgroundnya. (Klik menu File - Open - Pilih foto yang akan dibuka - Klik open) atau tekan Ctrl+O pada keyboard.</div>
<br />
<br />
<div style="text-align: center;">
2. Lalu klik Eraser</div>
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidpQNgmHoVM_3-d-b-kD9IZ84RbteDh7mHsKl5AMb6MoEMUgdVwLd4vVeU0cJIolfeTAPY0jpuNzKFUuM8W1Do6p3UrfTGSWM1jcB-mj_bu02xZsBJnvccdhbfTt3HiQMaGyIVq4tX1QVK/s1600/Screenshot_1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara Memisahkan Gambar Dengan Cepat Dari Background Pada PhotoShop" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidpQNgmHoVM_3-d-b-kD9IZ84RbteDh7mHsKl5AMb6MoEMUgdVwLd4vVeU0cJIolfeTAPY0jpuNzKFUuM8W1Do6p3UrfTGSWM1jcB-mj_bu02xZsBJnvccdhbfTt3HiQMaGyIVq4tX1QVK/s1600/Screenshot_1.png" title="Cara Memisahkan Gambar Dengan Cepat Dari Background Pada PhotoShop" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZxnNKzJSJh9yWDvSeC3Ui44Sq7WAJ-dV3-h_l0WrMHjXf8Qv52r_sGLk8qi52x3oZhh2fed7W6B14U4pxHIjuLwm1yzX3LmmMUP1XEFfQ7DuuY7JYl1ymN7SrUyc47ZmdHZ7e2hGvUP84/s1600/Screenshot_6.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara Memisahkan Gambar Dengan Cepat Dari Background Pada PhotoShop" border="0" height="222" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZxnNKzJSJh9yWDvSeC3Ui44Sq7WAJ-dV3-h_l0WrMHjXf8Qv52r_sGLk8qi52x3oZhh2fed7W6B14U4pxHIjuLwm1yzX3LmmMUP1XEFfQ7DuuY7JYl1ymN7SrUyc47ZmdHZ7e2hGvUP84/s1600/Screenshot_6.png" title="Cara Memisahkan Gambar Dengan Cepat Dari Background Pada PhotoShop" width="320" /></a></div>
<div style="text-align: center;">
<br />
3. Setelah itu klik kiri pada ikon/tombol eraser - Magic Eraser Tool<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5DC3nXbbv02HZR7vgXZhtz56ex9JOiJuCm6H0rUGszoAQg2_r66tN2jNht-IqMRCHtSeBqI2JxrIHQYsp7wkVOz61prMaNZApXt-wHSHssO2NS0sPgYPdghrOCsupsTNMvAszkaxWEbox/s1600/Screenshot_2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara Memisahkan Gambar Dengan Cepat Dari Background Pada PhotoShop" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5DC3nXbbv02HZR7vgXZhtz56ex9JOiJuCm6H0rUGszoAQg2_r66tN2jNht-IqMRCHtSeBqI2JxrIHQYsp7wkVOz61prMaNZApXt-wHSHssO2NS0sPgYPdghrOCsupsTNMvAszkaxWEbox/s1600/Screenshot_2.png" title="Cara Memisahkan Gambar Dengan Cepat Dari Background Pada PhotoShop" /></a></div>
<br />
<div style="text-align: center;">
4. Disini saya menggunakan contoh gambar spongebob yang akan dipisahkan dari background nya kemudian gambar ke-2 digabungkan gambar pertama</div>
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbmIIDZUXw_rOhVIj2jsPTsWetWrdB-PmMSXZS6UGYTdzoLAU4uVHvTrluHi6IG3FSDLuLbxhIDx-I3kkAn1edWXu9cr5vg0Hl4cckshxXNoYZRFmkO1VvZOkiYa0pAlRnFhktV91b33rt/s1600/Screenshot_4.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="Cara Memisahkan Gambar Dengan Cepat Dari Background Pada PhotoShop" border="0" height="198" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbmIIDZUXw_rOhVIj2jsPTsWetWrdB-PmMSXZS6UGYTdzoLAU4uVHvTrluHi6IG3FSDLuLbxhIDx-I3kkAn1edWXu9cr5vg0Hl4cckshxXNoYZRFmkO1VvZOkiYa0pAlRnFhktV91b33rt/s1600/Screenshot_4.png" title="Cara Memisahkan Gambar Dengan Cepat Dari Background Pada PhotoShop" width="320" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><span class="Apple-style-span" style="font-size: small;">Gambar Pertama</span></td></tr>
</tbody></table>
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGKmLGFVR04Kq7OiTG5VvFdNaL2AM8C0yzm-wpUijjBNRxKrsO7OpOePxMl3N7MzthIb5YJjZ5ukOhzYLKzCvrQ9qamOWvDKvb262jb3FopS1IZHrp9-t8JKGawuGjhmjhWQ7qNCkA56sE/s1600/H.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="Cara Memisahkan Gambar Dengan Cepat Dari Background Pada PhotoShop" border="0" height="199" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGKmLGFVR04Kq7OiTG5VvFdNaL2AM8C0yzm-wpUijjBNRxKrsO7OpOePxMl3N7MzthIb5YJjZ5ukOhzYLKzCvrQ9qamOWvDKvb262jb3FopS1IZHrp9-t8JKGawuGjhmjhWQ7qNCkA56sE/s1600/H.jpg" title="Cara Memisahkan Gambar Dengan Cepat Dari Background Pada PhotoShop" width="320" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><span class="Apple-style-span" style="font-size: small;">Gambar ke-2</span></td></tr>
</tbody></table>
<div class="separator" style="clear: both; text-align: center;">
5. Setelah background (background warna kuning) pada gambar pertama diklik, maka hasilnya seperti ini.</div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKQ_WvvTEtYQTHTAHTgJo0t6u6HDY7Dbq_Lxhr7VmXK5yEmlIg53Vvo4IF0V_hUW3hRp_5oVlCe_OWUTDyHgm8OQNTm4W-Vszbbc9JDqz4WiBZyJIHPgR7vBMYidc2CXjc_uaboDv7UvOR/s1600/Screenshot_5.png" imageanchor="1"><img alt="Cara Memisahkan Gambar Dengan Cepat Dari Background Pada PhotoShop" border="0" height="196" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKQ_WvvTEtYQTHTAHTgJo0t6u6HDY7Dbq_Lxhr7VmXK5yEmlIg53Vvo4IF0V_hUW3hRp_5oVlCe_OWUTDyHgm8OQNTm4W-Vszbbc9JDqz4WiBZyJIHPgR7vBMYidc2CXjc_uaboDv7UvOR/s1600/Screenshot_5.png" title="Cara Memisahkan Gambar Dengan Cepat Dari Background Pada PhotoShop" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
6. Kemudian saya tarik/drag gambar pertama dengan Move Tool (Tekan V pada keyboard) ke gambar ke-2. Hasilnya seperti ini:</div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZxnNKzJSJh9yWDvSeC3Ui44Sq7WAJ-dV3-h_l0WrMHjXf8Qv52r_sGLk8qi52x3oZhh2fed7W6B14U4pxHIjuLwm1yzX3LmmMUP1XEFfQ7DuuY7JYl1ymN7SrUyc47ZmdHZ7e2hGvUP84/s1600/Screenshot_6.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara Memisahkan Gambar Dengan Cepat Dari Background Pada PhotoShop" border="0" height="222" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZxnNKzJSJh9yWDvSeC3Ui44Sq7WAJ-dV3-h_l0WrMHjXf8Qv52r_sGLk8qi52x3oZhh2fed7W6B14U4pxHIjuLwm1yzX3LmmMUP1XEFfQ7DuuY7JYl1ymN7SrUyc47ZmdHZ7e2hGvUP84/s1600/Screenshot_6.png" title="Cara Memisahkan Gambar Dengan Cepat Dari Background Pada PhotoShop" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
7. Simpan (File - Save - Pilih folder mana yang akan disimpan - Save) Atau tekan Ctrl+S pada keyboard agar memudahkan.<br />
<br />
Selesai.....<br />
<br />
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
<span style="color: blue;"><span style="color: black;"><span class="Apple-style-span" style="font-size: x-small;">Jangan lupa, ketika sudah mencoba dan berhasil, beri komentar... Kalau masih gagal, coba lagi. </span></span></span></div>
<div style="text-align: left;">
<span style="color: blue;"><span style="color: black;"><span class="Apple-style-span" style="font-size: x-small;">Semoga berhasil... </span></span></span><span class="Apple-style-span" style="font-size: x-small;">ˆ⌣ˆ</span></div>
<div style="text-align: left;">
</div>
<div style="text-align: right;">
<a href="http://www.fahmifanirius.ga/p/trik-dasar-photoshop.html" target="_blank"><span style="font-family: Arial,Helvetica,sans-serif;"><b><strike><span class="Apple-style-span" style="font-size: x-small;">Trik Dasar Photoshop </span></strike></b></span></a></div>
</div>
<br />
<br />
<br />
<br />
<br />
<div class="content-box-infoindong">
<div itemscope="" itemtype="http://schema.org/Review">
<div itemprop="itemReviewed" itemscope="" itemtype="http://schema.org/Thing">
</div>
<table><tbody>
<tr align="justify"> <td width="20%"><span class="Apple-style-span" style="font-size: x-small;">Judul </span></td> <td width="60%"><span class="Apple-style-span" style="font-size: x-small;">Cara Memisahkan Gambar Dengan Cepat Dari Background Pada PhotoShop</span></td> </tr>
<tr align="justify"> <td width="20%"><span class="Apple-style-span" style="font-size: x-small;">Deskripsi </span></td> <td width="60%"><span class="Apple-style-span" style="-webkit-border-horizontal-spacing: 0px; -webkit-border-vertical-spacing: 0px; font-size: xx-small;">Cara Memisahkan Gambar Dengan Cepat Dari Background Pada PhotoShop dengan magic eraser tool</span></td> </tr>
<tr align="justify"> <td width="20%"><span class="Apple-style-span" style="font-size: x-small;">Author </span></td> <td width="60%"><span class="Apple-style-span" style="font-size: x-small;"><span itemprop="author">Fahmi Fanirius</span> </span></td> </tr>
<tr align="justify"> <td width="20%"><span class="Apple-style-span" style="font-size: x-small;">Author Rating </span></td> <td width="60%"><div itemprop="reviewRating" itemscope="" itemtype="http://schema.org/AggregateRating">
<span class="Apple-style-span" style="font-size: x-small;"><span itemprop="ratingValue">93%</span>/       <span itemprop="bestRating">100%</span> Suara Dari <span itemprop="ratingCount">1001</span> Ulasan</span></div>
</td> </tr>
</tbody></table>
</div>
</div>
</div>

Trik Dasar PhotoShop Cara Memisahkan Gambar Dengan Cepat Dari Background Pada PhotoShop

Cara Memisahkan Gambar Dengan Cepat Dari Background Pada PhotoShop - Oke, ini masih trik dasar photoshop yang kedua. Lagi gak ada waktu bu...

Memotong Gambar Dengan Tombol Krop Menggunkan PhotoShop

6:15 AM Unknown 2

<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: left;">
<span style="font-family: Arial,Helvetica,sans-serif;"><b>Memotong Gambar Dengan Tombol Krop Menggunkan PhotoShop</b></span><span style="font-family: Arial,Helvetica,sans-serif;"><b> </b></span>- Hai hai kawan... Ini adalah artikel pertama saya dalam satu situs. Pengennya sih, buat situs untuk photoshop sendiri, tapi karna lagi males buat situs serta menata template yg dinamis, mendingan dijadiin satu.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<div style="text-align: left;">
Dan kali ini, trik dasar photoshop dari saya, adalah <a href="http://www.fahmifanirius.ga/2014/09/memotong-gambar-dengan-tombol-krop.html" target="_blank">Cara Memotong Gambar Dengan Tombol Krop Pada PhotoShop</a>. Tehnik ini memotongnya secara kotak atau krop. Tapi, sebenarnya memotong secara kotak, tidak harus menggunakan Crop tool. Tapi, kali ini saya membahas tentang <b>memotong gambar dengan crop tool</b>. Mungkin, next time ada trik dasar photoshop tentang memotong gambar secara kotak tapi dengan cara lain. Tidak menggunakan fungsi crop tool.</div>
<br />
Cara ini sangat mudah sekali meskipun kalian para pembaca yang sama sekali tidak pernah membuka atau menggunakan Adobe PhotoShop berapapun CS-nya. Ok, ini dia caranya.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: center;">
1. Buka foto yang akan dipotong atau dikrop (Klik menu File - Open - Pilih foto yang akan dibuka - Klik open)</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
2. Lalu klik krop (Crop Tool) atau tekan tombol C pada keyboard untuk memudahkan</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_EF9yfOJOqdWf8IzJGtIP_srnucn55iJycpyZl8cik8Ic3TjLNtMH0IBhli1ZJ2RV6_ib4mxRRYXtopRCv4Zcaqmzo9idjK4GlqwdhTTqH5BjamYF0BvtWbWQqjObqwObjYOQNYF_Qcsg/s1600/Screenshot_1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Memotong Gambar Dengan Tombol Krop Menggunkan PhotoShop" border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_EF9yfOJOqdWf8IzJGtIP_srnucn55iJycpyZl8cik8Ic3TjLNtMH0IBhli1ZJ2RV6_ib4mxRRYXtopRCv4Zcaqmzo9idjK4GlqwdhTTqH5BjamYF0BvtWbWQqjObqwObjYOQNYF_Qcsg/s1600/Screenshot_1.png" title="Memotong Gambar Dengan Tombol Krop Menggunkan PhotoShop" width="60" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAI9bjGXXgmJeZn0RgVKi_mWkgL5xyFgcrLX4r9T94gez-Qo5CcOwSClmyEp8REgfmDI75amOfV51dRFmj8zc-sZrmy6o7ydGci1mC2OtTK5Jc8VEKBwYP6k2CAI3SPP7-9PzYWb6UCz08/s1600/Screenshot_2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Memotong Gambar Dengan Tombol Krop Menggunkan PhotoShop" border="0" height="186" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAI9bjGXXgmJeZn0RgVKi_mWkgL5xyFgcrLX4r9T94gez-Qo5CcOwSClmyEp8REgfmDI75amOfV51dRFmj8zc-sZrmy6o7ydGci1mC2OtTK5Jc8VEKBwYP6k2CAI3SPP7-9PzYWb6UCz08/s1600/Screenshot_2.png" title="Memotong Gambar Dengan Tombol Krop Menggunkan PhotoShop" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
3. Setelah klik tombol Crop Tool, lalu drag atau tarik bagian pada foto yang akan dipotong atau crop.</div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSWdsK77ah8MqUSypXRk5nPgFaoAwXozjd5HFL8qHtBYI_aol2-IoVuGGZMB5dkzS7eF6fv8saRAdYElZJ-eCpTzh-IjexRWO1T6g-C8B7vQRTRM6KGjgm9Qv7X5W-V8IaWVMGicsYACQY/s1600/Screenshot_5.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><br /></a></div>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"></td><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4UijayHk-5_JSyqBOOYH9pvWl0ZtMNBxkxgrb58YQMbVYay9NZMSKpI0NzqQyh-G5y6ZC5nTwsvBNBjlPIn6Ik-6PmoeBiaXp-ISidZ1gawjgjKL3pTCjiauw1rMK8237sAOQ9UwzberE/s1600/Screenshot_8.png" imageanchor="1" style="clear: left; margin-bottom: 1em; margin-left: auto; margin-right: auto;"><img alt="Memotong Gambar Dengan Tombol Krop Menggunkan PhotoShop" border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4UijayHk-5_JSyqBOOYH9pvWl0ZtMNBxkxgrb58YQMbVYay9NZMSKpI0NzqQyh-G5y6ZC5nTwsvBNBjlPIn6Ik-6PmoeBiaXp-ISidZ1gawjgjKL3pTCjiauw1rMK8237sAOQ9UwzberE/s1600/Screenshot_8.png" title="Memotong Gambar Dengan Tombol Krop Menggunkan PhotoShop" width="255" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"></td><td class="tr-caption" style="text-align: center;"><span class="Apple-style-span" style="font-size: small;"><br /></span>
<span class="Apple-style-span" style="font-size: small;"><br /></span>
<span class="Apple-style-span" style="font-size: small;">4. Hasilnya:</span></td></tr>
</tbody></table>
<br /><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh92VRsI624RZ-9Ap1MIXLow6mIJxdihRCe5spL6lFwECiS_4Z5IPybD8phX01qvjipqaiAcjBD3Pl5_-q45TAoNj5EftrRT0JTmFKNemtNSsHLr1jjKK6MiD6bBRUHOQNHOGFGGLikJq-e/s1600/Screenshot_9.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Memotong Gambar Dengan Tombol Krop Menggunkan PhotoShop" border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh92VRsI624RZ-9Ap1MIXLow6mIJxdihRCe5spL6lFwECiS_4Z5IPybD8phX01qvjipqaiAcjBD3Pl5_-q45TAoNj5EftrRT0JTmFKNemtNSsHLr1jjKK6MiD6bBRUHOQNHOGFGGLikJq-e/s1600/Screenshot_9.png" title="Memotong Gambar Dengan Tombol Krop Menggunkan PhotoShop" width="206" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvOiRuPuAdv2_ahgxc7k7oUL1Mw3R6jhvUw-DvxGforOW-GqpU0TnyplAvZVNRRQ_Dv3zliopmSAwdeKrymN6OEWHLqQQCZ6jpR-z5qSDp1fDCo0_SUZUstjEz8NGnJPEumyhTXWT-M424/s1600/Screenshot_6.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><br /></a></div>
<div style="text-align: center;">
5. Kalau ingin disimpan, klik File - Save As (Tekan Ctrl+S pada keyboard) Ganti format .psd menjadi .jpg atau .jpeg Kemudian klik save.</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
<span style="color: blue;"><span style="color: black;">Jangan lupa, ketika sudah mencoba dan berhasil, beri komentar... Kalau masih gagal, coba lagi. </span></span></div>
<div style="text-align: left;">
<span style="color: blue;"><span style="color: black;">Semoga berhasil... </span></span>ˆ⌣ˆ</div>
<div style="text-align: right;">
<a href="http://www.fahmifanirius.ga/p/trik-dasar-photoshop.html" target="_blank"><span style="font-family: Arial,Helvetica,sans-serif;"><b><strike>Trik Dasar Photoshop </strike></b></span></a></div>
</div>

Trik Dasar PhotoShop Memotong Gambar Dengan Tombol Krop Menggunkan PhotoShop

Memotong Gambar Dengan Tombol Krop Menggunkan PhotoShop - Hai hai kawan... Ini adalah artikel pertama saya dalam satu situs. Pengennya si...

Cara Membuat Teks Bergerak Atau Berjalan Kemana Saja Di Blog

6:55 AM Unknown 1

<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: left;">
<span style="font-family: Arial,Helvetica,sans-serif;"><b>Cara Membuat Teks Bergerak Atau Berjalan Kemana Saja Di Blog</b></span>  - Udah
 lama banget saya gak posting karena kesibukan saya dan kemalasan saya 
untuk mencari dan membuat tutorial baru. Tapi, spesial untuk tutorial 
ini yang menjelaskan tentang <a href="http://www.fahmifanirius.ga/2014/09/cara-membuat-teks-bergerak-kemana-saja.html" target="_blank">Cara Membuat Tulisan Bergerak Atau Berjalan Kemana Saja Pada Blog</a></div>
<div style="text-align: justify;">
<div style="text-align: left;">
<br />
Script tulisan berjalan di blog ini menggunakan script utama yaitu marquee</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieXsyKYcB-0OCjQh4mgp9_E_3p0QVuhB4IMBNFbC0LQYscGedf9W9s3h3O37Y2G3sDSJwaByY-ri-QfiI8O2-9MdqzTyTK9MlZdMYLBv1hYGoPmbcLJDp65wwhtZRvdZ_ZAejYU5H8bDq4/s1600/h.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara Membuat Teks Bergerak Atau Berjalan Kemana Saja Di Blog" border="0" height="275" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieXsyKYcB-0OCjQh4mgp9_E_3p0QVuhB4IMBNFbC0LQYscGedf9W9s3h3O37Y2G3sDSJwaByY-ri-QfiI8O2-9MdqzTyTK9MlZdMYLBv1hYGoPmbcLJDp65wwhtZRvdZ_ZAejYU5H8bDq4/s1600/h.gif" title="Cara Membuat Teks Bergerak Atau Berjalan Kemana Saja Di Blog" width="640" /></a></div>
</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Kemana
 saja? Pasti kalian pembaca tutorial ini bertanya-tanya maksud dari 
judul tersebut. Maksudnya, saya akan memberi tahu semua kode teks 
berjalan, mulai dari teks berjalan dari atas, teks berjalan bolak balik
 atas bawah, teks berjalan zigzag<i><span class="Apple-style-span" style="font-style: normal;"> kanan kekiri, teks berjalan dari
 kiri kekanan, teks berjalan bolak balik kanan kiri, teks berjalan dari 
atas kebawah, teks berjalan dari bawah, teks berjalan bolak balik zigzag</span>,</i> 
dsb. *Capek ngetiknya<br />
<br />
Mungkin, ini masih mungkin ya... Banyak para newbie tentang script seperti saya, membuat Breaking news / Recent post bergerak menggunakan kode marquee ini. (-̩̩̩-͡ ̗–̩̩̩͡ ) Tapi, Anda juga bisa kok, buat breaking news berjalan menggunakan fungsi ini (<b>Marquee Code</b>).<br />
<br />
Kode buat teks berjalan lengkap ditutorial ini.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Ini nih, kodenya:<br />
<br /></div>
<br />
<marquee> <b>Kanan ke Kiri</b> </marquee><br />
<div style="text-align: center;">
<marquee><span style="color: white;"><span style="background-color: black;">Teks Kalian</span></span></marquee></div>
<hr />
<br />
<marquee direction="right"><b>Kiri ke Kanan</b></marquee><br />
<div style="text-align: center;">
<marquee direction="right"><span style="color: white;"><span style="background-color: black;">Teks Kalian</span></span></marquee> </div>
<hr />
<br />
<marquee behavior="alternate"><b>Kanan Kiri Bolak Balik</b></marquee><br />
<div style="text-align: center;">
<marquee behavior="alternate"><span style="background-color: black;"><span style="color: white;">Teks Kalian</span></span></marquee> </div>
<hr />
<div style="text-align: center;">
<br />
<marquee direction="up"><b>Bawah ke Atas</b></marquee></div>
<div style="text-align: center;">
<marquee direction="up"><span style="background-color: black;"><span style="color: white;">Teks Kalian</span></span></marquee></div>
<hr />
<div style="text-align: center;">
<br />
<marquee direction="down"><b>Atas ke Bawah</b></marquee> <marquee direction="down"><span style="background-color: black;"><span style="color: white;">Teks Kalian</span></span></marquee>
</div>
<hr />
<br />
<marquee behavior="alternate" direction="up"><b>Atas Bawah Bolak Balik</b></marquee>
<br />
<div style="text-align: center;">
<marquee direction="up" behavior="alternate"><span style="background-color: black;"><span style="color: white;">Teks Kalian</span></span></marquee>
</div>
<hr />
<br />
<marquee behavior="alternate" direction="up" width="80%"><marquee direction="right"><b>Zig Zag</b></marquee></marquee><br />
<div style="text-align: center;">
<marquee behavior="alternate" direction="up" 
width="80%"><marquee 
direction="right"><span style="background-color: black;"><span style="color: white;">Teks Kalian</span></span></marquee></marquee>

</div>
<hr />
<div style="text-align: center;">
<br />
<marquee behavior="alternate" direction="up" width="80%"><marquee behavior="alternate" direction="right"><b>Zig Zag Bolak Balik</b></marquee></marquee> <marquee behavior="alternate" direction="up" 
width="80%"><marquee direction="right" 
behavior="alternate"><span style="background-color: black;"><span style="color: white;">Teks Kalian</span></span></marquee></marquee>

</div>
<hr />
<div style="text-align: left;">
<br />
<marquee behavior="alternate" width="10%"><b>>></b></marquee><b>Teks Highlight</b><marquee behavior="alternate" width="10%"><b><<</b></marquee><br />
<br />
<marquee behavior="alternate" width="10%">

</marquee></div>
<span style="background-color: black;"><span style="color: white;"></span></span>

<br />
<div style="text-align: center;">
<marquee behavior="alternate" 
width="10%">>></marquee><span style="color: white;"><span style="background-color: black;">Teks Kalian</span></span><marquee 
behavior="alternate" width="10%"><<</marquee>
</div>
<hr />
<b><span style="color: lime;"><marquee direction="left" style="background: none repeat scroll 0% 0% rgb(0, 0, 0);">Teks Berwarna</marquee></span></b>
<br />
<div style="text-align: center;">
<font color="<b><span style="color: lime;">#00FF00</span></b>"><marquee direction="left" style="background:<b>#000000</b>"><span style="color: white;"><span style="background-color: black;">Teks Kalian</span></span></marquee></font><br />
<br />
<div style="text-align: left;">
*Untuk teks berjalan <a href="http://www.fahmifanirius.ga/2014/09/cara-membuat-teks-bergerak-kemana-saja.html" target="_blank">Teks Berwarna</a>, warna dan background nya bisa diganti dengan sesuai keinginan. Bisa dilihat di <span style="font-family: Arial,Helvetica,sans-serif;"><a href="http://www.fahmifanirius.ga/p/blog-page_8.html" target="_blank">KODE WARNA</a></span></div>
</div>
<hr />
<br />
<marquee style="border: 3px solid rgb(0, 255, 0);"><b>Teks Dengan Garis Tepi</b></marquee>
<br />
<div style="text-align: center;">
<marquee style="border: <span style="color: lime;">#00FF00</span> 3px solid"><span style="color: white;"><span style="background-color: black;">Teks Kalian</span></span></marquee><br />
<br />
<div style="text-align: left;">
*Untuk teks berjalan <a href="http://www.fahmifanirius.ga/2014/09/cara-membuat-teks-bergerak-kemana-saja.html" target="_blank">Teks Dengan Garis Tepi</a>, garis tepi/border nya bisa diganti dengan sesuai keinginan. Bisa dilihat di <span style="font-family: Arial,Helvetica,sans-serif;"><a href="http://www.fahmifanirius.ga/p/blog-page_8.html" target="_blank">KODE WARNA</a></span></div>
</div>
<hr />
<br />
<marquee behavior="alternate"><marquee width="150">Teks Bersembunyi</marquee></marquee>
<br />
<div style="text-align: center;">
<marquee behavior="alternate"><marquee width="150"><span style="color: white;"><span style="background-color: black;">Teks Kalian</span></span></marquee></marquee><br />
<br /></div>
<hr />
<br />
Bagi Anda yang belum tahu, letakkan kode-kode marquee/teks berjalan dimana. Letakkan saja di HTML. Letak HTML di sebelah Compose ketika Anda mau membuat artikel.<br />
<br />
Jangan lupa, ketika sudah mencoba dan berhasil, beri komentar... Kalau masih gagal, coba lagi. Semoga berhasil... ˆ⌣ˆ<br />
<br />
<div style="text-align: right;">
<b><a href="http://www.fahmifanirius.ga/p/tutorial-blogger.html" target="_blank"><span style="font-family: Arial,Helvetica,sans-serif;"><strike>Tutorial Blogger </strike></span></a></b></div>
</div>

Efek Teks Bergerak Tutorial Blogger Cara Membuat Teks Bergerak Atau Berjalan Kemana Saja Di Blog

Cara Membuat Teks Bergerak Atau Berjalan Kemana Saja Di Blog - Udah lama banget saya gak posting karena kesibukan saya dan kemalasan sa...

Cara Membuat Efek Gambar Membesar Saat Disentuh Kursor

Cara Memisahkan Gambar Dengan Cepat Dari Background Pada PhotoShop

Memotong Gambar Dengan Tombol Krop Menggunkan PhotoShop

Cara Membuat Teks Bergerak Atau Berjalan Kemana Saja Di Blog

Terpopuler

Kategori

Arsip Blog