Para Pencari Ilmu Tuts

Mengenal Ruby on Rails

<div class="separator" style="clear: both; text-align: center;">
<a href="http://ppi-tuts.blogspot.com/2013/11/ruby-on-rails.html" target="_blank"><img alt="Mengenal Ruby on Rails" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSKSxSC8Be50-s-90RjcR5hE0x6l4whlRWb2MdadIrluJlahXflAQe3rw1x8aDiX_YJslfrK8I2KoY8mfpj20Jy9gOWRy5w-uoCKg8bN_wSXXFSg8ZAb2tbC05ZmMNxUZ8U8yxdWPMfyg/s1600/rubyonrails.jpg" title="Mengenal Ruby on Rails" /></a></div>
<br />
Assalamualaikum Wr. Wb.<br />
<div style="text-align: justify;">
<b>Mengenal Ruby on Rails</b> | sore hari ini admin akan sharing tentang salah satu bahasa pemrograman, Ruby on Rails, <b><a href="http://ppi-tuts.blogspot.com/2013/11/ruby-on-rails.html" target="_blank">Ruby on Rails</a></b> adalah bahasa pemrograman yang di buat oleh seorang Programmer Jepang yang bernama <b style="font-style: italic;">Yukihiro Matsumoto </b>pada tahun 1993.<br />
<br />
<b><a href="http://http//ppi-tuts.blogspot.com/2013/11/ruby-on-rails.html" target="_blank">Ruby</a></b> merupakan bahasa pemrograman dinamis berbasis script dan berorientasi objek, tujuan ruby yaitu menggabungkan kelebihan-kelebihan dari semua bahasa pemrograman yang ada di dunia.<br />
<br />
Kelebihan dari bahasa <b><i>Ruby on Rails</i></b> ini antara lain :<br />
<br />
<ol>
<li>mempunyai exception handle yang baik.</li>
<li>Bahasa yang berorientasi pada objek.</li>
<li>Mengusung konsep single inheritance.</li>
<li>Open source, siapapun bisa menggunakannya secara cuma-cuma.</li>
<li>memiliki garbage collector yang secara otomatis akan menghapus informasi yang tidak terpakai dari memori.</li>
</ol>
<div>
<br /></div>
<ol>
</ol>
<b>Sistem operasi yang mendukung : </b><br />
<ol>
<li>Linux</li>
<li>Microsoft Windows 95/98/XP/NT/2000/2003/Vista</li>
<li>MacOS X v10.5 Leopard</li>
<li>BeOS</li>
<li>OS/2</li>
<li>Unix</li>
<li>Amiga</li>
<li>MorphOS</li>
<li>Acorn RISC OS</li>
<li>Syllable</li>
<li>Symbian OS</li>
</ol>
<div>
<br /></div>
<ul>
</ul>
<b>Contoh penulisan script Ruby on Rails : </b><br />
<blockquote class="tr_bq">
puts "Hello World"<br />
puts "Say Hi, Say Hello!"</blockquote>
<div>
Nah, tadi itu adalah pengenalan tentang bahasa pemrograman Ruby On Rails, jika ada pertanyaan silahkan berkomentar di bawah atau kirimkan ke fanspage kami, bisa juga mention ke Twitter kami :D</div>
<div>
<br /></div>
<div>
Semoga Bermanfaat ^_^</div>
<div>
<br /></div>
<div>
Wassalamualaikum Wr. Wb.</div>
</div>

Mengenal Ruby on Rails

Assalamualaikum Wr. Wb. Mengenal Ruby on Rails | sore hari ini admin akan sharing tentang salah satu bahasa pemrograman, Ruby on Rails, Ruby on Rails adalah bahasa pemrograman yang di buat oleh seora…

Baca selengkapnya »

27 Nov 2013

Membuat Header Dengan Photoshop

<div class="MsoNormal" style="background: white; line-height: 14.4pt; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;">
<span style="color: #333333; font-family: "Verdana","sans-serif"; font-size: 9.0pt; mso-bidi-font-family: "Times New Roman"; mso-bidi-font-weight: bold; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;"><b>Assalamualaikum Wr. Wb</b><o:p></o:p></span></div>
<div class="MsoNormal" style="background: white; line-height: 14.4pt; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;">
<br /></div>
<div class="MsoNormal" style="background: white; line-height: 14.4pt; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;">
<span style="color: #333333; font-family: "Verdana","sans-serif"; font-size: 9.0pt; mso-bidi-font-family: "Times New Roman"; mso-bidi-font-weight: bold; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;"><b>Cara membuat Header dengan Photoshop</b> | - </span><span style="color: #333333; font-family: "Verdana","sans-serif"; font-size: 9.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;">Tahukah anda apa yang dimaksud dengan header
suatu blog? mungkin hal ini sudah tidak asing lagi untuk di dengar bagi agan
yang sudah lama bergelut di bidang internet, namun sebaliknya bagi kaum pemula
yang baru belajar membuat blog hal ini akan terdengar terasa asing. Nah..oleh
karena itu saya berani berbagi tentang cara membuat header dengan
photoshop untuk para pemula yang baru terjun ke dunia blogger salah
satunya di bidang internet marketing :D haha <o:p></o:p></span></div>
<div class="MsoNormal" style="background: white; line-height: 14.4pt; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;">
<br /></div>
<div class="MsoNormal" style="background: white; line-height: 14.4pt; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;">
<span style="color: #333333; font-family: "Verdana","sans-serif"; font-size: 9.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;">Daripada
berlama-lama dan agan juga semakin penasaran, mari sekarang juga kita kupas
secara tuntas tentang cara membuat header blog keren dengan photoshop dengan
mengikuti langkah-langkah dibawah ini.          
 <o:p></o:p></span></div>
<div class="MsoNormal" style="background: white; line-height: 14.4pt; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;">
<span style="color: #333333; font-family: "Verdana","sans-serif"; font-size: 9.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;"><br /></span></div>
<div class="MsoNormal" style="background: white; line-height: 14.4pt; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;">
<br /></div>
<div class="MsoNormal" style="background-color: white; margin-bottom: 3.75pt; text-align: center;">
<span style="color: #444444; font-family: "Arial","sans-serif"; font-size: 18.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;">Membuat header blog dengan
photoshop<o:p></o:p></span><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqTNlXJ5BVPPqCImVJWqK0TLd6ZF7AY7UAcxxbDgW9eiDL6HadyWOt9EXYRBJHFzMsMRs7U_O83OA-LkI_KHFeh9E6w3HIbj1xzhi-X6CZuNUv-wXeBdMp1GFiyXpntA6L2xsDda0G7b62/s1600/7.jpg" imageanchor="1" style="background-color: transparent; margin-left: 1em; margin-right: 1em; text-align: center;"><img alt="Membuat Header Dengan Photoshop" border="0" height="229" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqTNlXJ5BVPPqCImVJWqK0TLd6ZF7AY7UAcxxbDgW9eiDL6HadyWOt9EXYRBJHFzMsMRs7U_O83OA-LkI_KHFeh9E6w3HIbj1xzhi-X6CZuNUv-wXeBdMp1GFiyXpntA6L2xsDda0G7b62/s400/7.jpg" title="Membuat Header Dengan Photoshop" width="400" /></a></div>
<div class="MsoNormal" style="background: white; margin-bottom: 3.75pt; mso-line-height-alt: 14.4pt; mso-outline-level: 2; text-align: justify;">
<span style="color: #444444; font-family: "Arial","sans-serif"; font-size: 18.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;"><br /></span></div>
<div class="MsoNormal" style="background: white; line-height: 14.4pt; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;">
<span style="color: #333333; font-family: "Verdana","sans-serif"; font-size: 9.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;">Berikut
ini adalah langkah-langkah cara membuat header blog keren dengan photoshop:<o:p></o:p></span></div>
<div class="MsoNormal" style="background-color: white; background-position: initial initial; background-repeat: initial initial; margin: 0cm 0cm 3pt; text-align: justify; text-indent: 0cm;">
<span style="color: #333333; font-family: Symbol; font-size: 10.0pt; mso-bidi-font-family: Symbol; mso-bidi-font-size: 9.0pt; mso-fareast-font-family: Symbol; mso-fareast-language: IN;">·<span style="font-family: 'Times New Roman'; font-size: 7pt;">                    
</span></span><span style="color: #333333; font-family: "Verdana","sans-serif"; font-size: 9.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;">Pilih file new, atau agan bisa memakai
shortcut pada keyboard dengan menekan Ctrl+N, maka akan terlihat  dialog
box layaknya pada gambar di bawah ini.<o:p></o:p></span></div>
<div align="center" class="MsoNormal" style="background: white; line-height: 14.4pt; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCwA2cZoSYPNldUkj1V4BAjfPWYwNLvwwpuWhgIuWy38azVgKxjBkRmKI_Mp2zMsoF31qVdouG4nlnKHZdEm_TmkFXQUb3JXZqghAij968_DiAG6gFPLMQzImBoOFAZSBx0uy5MMS-0xgs/s1600/1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Membuat Header Dengan Photoshop" border="0" height="250" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCwA2cZoSYPNldUkj1V4BAjfPWYwNLvwwpuWhgIuWy38azVgKxjBkRmKI_Mp2zMsoF31qVdouG4nlnKHZdEm_TmkFXQUb3JXZqghAij968_DiAG6gFPLMQzImBoOFAZSBx0uy5MMS-0xgs/s400/1.jpg" title="Membuat Header Dengan Photoshop" width="400" /></a></div>
<br />
<div class="MsoNormal" style="background: white; line-height: 14.4pt; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;">
<span style="color: #333333; font-family: "Verdana","sans-serif"; font-size: 9.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;">Gambar
di atas adalah suatu settingan ukuran yang biasa ane pakai, jika agan ingin
mempunyai settingan sendiri maka perhatikan langkah-langkah di bawah ini. <o:p></o:p></span></div>
<div class="MsoNormal" style="background-color: white; background-position: initial initial; background-repeat: initial initial; margin: 0cm 0cm 3pt; text-align: justify; text-indent: 0cm;">
<span style="color: #333333; font-family: Symbol; font-size: 10.0pt; mso-bidi-font-family: Symbol; mso-bidi-font-size: 9.0pt; mso-fareast-font-family: Symbol; mso-fareast-language: IN;">·<span style="font-family: 'Times New Roman'; font-size: 7pt;">                    
</span></span><span style="color: #333333; font-family: "Verdana","sans-serif"; font-size: 9.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;">Misalnya: ganti ukuran width jadi 780
didalam satuan pixels, height 180 didalam satuan pixels, serta resolusi sebesar
72 didalam satuan pixels/inch. Maka, dialog box agan akan terlihat layaknya
gambar di bawah ini : <o:p></o:p></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXqV-08xtk5EN-jHidD5A6X3R1Rhf1VcXBBv4H4fWyc4LufFy05V_xeDBu3XEPVFPhzuybS5_hAgrCa-Q6tJ7AxxMmoWcsVJRUSGIegTzpUOcTIEUx0_VZ3PGBgL8cWv0wwL7Pa3Ba1AuU/s1600/2.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Membuat Header Dengan Photoshop" border="0" height="252" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXqV-08xtk5EN-jHidD5A6X3R1Rhf1VcXBBv4H4fWyc4LufFy05V_xeDBu3XEPVFPhzuybS5_hAgrCa-Q6tJ7AxxMmoWcsVJRUSGIegTzpUOcTIEUx0_VZ3PGBgL8cWv0wwL7Pa3Ba1AuU/s400/2.jpg" title="Membuat Header Dengan Photoshop" width="400" /></a></div>
<div class="MsoNormal" style="background-color: white; margin: 0cm 0cm 3pt; text-align: center; text-indent: 0cm;">
<span style="color: #333333; font-family: "Verdana","sans-serif"; font-size: 9.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;"><br /></span></div>
<div align="center" class="MsoNormal" style="background: white; line-height: 14.4pt; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: center;">
<br /></div>
<div class="MsoNormal" style="background-color: white; background-position: initial initial; background-repeat: initial initial; margin: 0cm 0cm 0.0001pt; text-align: justify; text-indent: 0cm;">
<span style="color: #333333; font-family: Symbol; font-size: 10.0pt; mso-bidi-font-family: Symbol; mso-bidi-font-size: 9.0pt; mso-fareast-font-family: Symbol; mso-fareast-language: IN;">·<span style="font-family: 'Times New Roman'; font-size: 7pt;">                    
</span></span><span style="color: #333333; font-family: "Verdana","sans-serif"; font-size: 9.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;">Sekarang waktunya agan berkreasi untuk
membuat header blog agan, agan dapat berkreasi dengan <u>brush tools</u></span><span style="color: #333333; font-family: "Verdana","sans-serif"; font-size: 9.0pt; mso-bidi-font-family: "Times New Roman"; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;"> </span><span style="color: #333333; font-family: "Verdana","sans-serif"; font-size: 9.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;">pada
photoshop agan. Bila agan pingin mengunggah file brush yang unik, lucu, serta
keren, agan dapat mengunggahnya terlebih dulu serta me-load file brush .abr
caranya dengan memilih tombol brush tool.<o:p></o:p></span></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/AVvXsEgJmjLKa6C_5zDDjbqseKe9Xj-dGqQR2fgTVKG2mysD5mNr0ahmVYfSjo8z9at1cgCtmaJtoOlh8XxcCYatkUXev_OaOYgCH2ImAj5p3dtZ3YeqS9Bz-bjyjCO1lYP1k330u9LXslOzVPlQ/s1600/3.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Membuat Header Dengan Photoshop" border="0" height="233" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJmjLKa6C_5zDDjbqseKe9Xj-dGqQR2fgTVKG2mysD5mNr0ahmVYfSjo8z9at1cgCtmaJtoOlh8XxcCYatkUXev_OaOYgCH2ImAj5p3dtZ3YeqS9Bz-bjyjCO1lYP1k330u9LXslOzVPlQ/s400/3.jpg" title="Membuat Header Dengan Photoshop" width="400" /></a></div>
<div class="MsoNormal" style="background-color: white; background-position: initial initial; background-repeat: initial initial; margin: 0cm 0cm 0.0001pt; text-align: justify; text-indent: 0cm;">
<span style="color: #333333; font-family: "Verdana","sans-serif"; font-size: 9.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;"><br /></span></div>
<div align="center" class="MsoNormal" style="background: white; line-height: 14.4pt; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: center;">
<br /></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="background: white; color: #333333; font-family: "Verdana","sans-serif"; font-size: 9.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;">Terus agan pilih tombol
segitiga hitam kecil disamping gambar brush pada tab di bagian atas hingga
nampak gambar seperti dibawah ini. </span><span style="font-family: "Times New Roman","serif"; font-size: 12.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;"><o:p></o:p></span></div>
<div align="center" class="MsoNormal" style="background: white; line-height: 14.4pt; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjM3D13ttxRLnB80PcykhuEBQpzxH8aII-sa28UFPdTFFtThOT8qljnKo95oQg0hpNQatuCE0dtG9Ni6tFgLOkCQ6XQfidM_z7_IaurYc1k3WMvTkqK4oyxg_cQI5roalLXqX9RfGUqszOS/s1600/4.jpg" imageanchor="1" style="background-color: transparent; margin-left: 1em; margin-right: 1em;"><img alt="Membuat Header Dengan Photoshop" border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjM3D13ttxRLnB80PcykhuEBQpzxH8aII-sa28UFPdTFFtThOT8qljnKo95oQg0hpNQatuCE0dtG9Ni6tFgLOkCQ6XQfidM_z7_IaurYc1k3WMvTkqK4oyxg_cQI5roalLXqX9RfGUqszOS/s400/4.jpg" title="Membuat Header Dengan Photoshop" width="318" /></a><span style="color: #333333; font-family: "Verdana","sans-serif"; font-size: 9.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;"> </span></div>
<div class="MsoNormal" style="background: white; line-height: 14.4pt; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;">
<span style="color: #333333; font-family: "Verdana","sans-serif"; font-size: 9.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;">Sesudah
gambar layaknya di atas nampak, tekan tombol segitiga hitam kecil yang ada di
sebelah text box bertuliskan 30px hingga nampak pilihan layaknya gambar di
bawah ini.<o:p></o:p></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkY2W3IzCyvHJjfwfC_6FcQk819aR9YoLpd_5d7KNjNjLTS31ndAUNi3TZzge3wNkV5U8hYwzGkJyotq0ooAlKstSHrFWxs_NCpoH_V1Tfp2QX5uiJjf98ynUQfrMOUfz6N2B46E8MSbRS/s1600/5.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Membuat Header Dengan Photoshop" border="0" height="231" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkY2W3IzCyvHJjfwfC_6FcQk819aR9YoLpd_5d7KNjNjLTS31ndAUNi3TZzge3wNkV5U8hYwzGkJyotq0ooAlKstSHrFWxs_NCpoH_V1Tfp2QX5uiJjf98ynUQfrMOUfz6N2B46E8MSbRS/s400/5.jpg" title="Membuat Header Dengan Photoshop" width="400" /></a></div>
<div class="MsoNormal" style="background-color: white; background-position: initial initial; background-repeat: initial initial; line-height: 14.4pt; margin-bottom: 0.0001pt; text-align: center;">
<span style="color: #333333; font-family: "Verdana","sans-serif"; font-size: 9.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;"><br /></span></div>
<div align="center" class="MsoNormal" style="background: white; line-height: 14.4pt; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: center;">
<br /></div>
<div class="MsoNormal" style="background: white; line-height: 14.4pt; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;">
<span style="color: #333333; font-family: "Verdana","sans-serif"; font-size: 9.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;">Tentukan
load brushes serta arahkan ke area dimana agan menaruh file .abr brush pilihan
agan untuk dimasukkan kedalam brush tools agan. Untuk mengaplikasikan brush,
pertama-tama agan harus membuat layer baru dengan cara klik Layer -> New
atau dengan menekan tombol Ctrl+Shift+N. Silahkan berkreasi sesuka hati
agan. <o:p></o:p></span></div>
<div class="MsoNormal" style="background-color: white; background-position: initial initial; background-repeat: initial initial; margin: 0cm 0cm 0.0001pt; text-align: justify; text-indent: 0cm;">
<span style="color: #333333; font-family: Symbol; font-size: 10.0pt; mso-bidi-font-family: Symbol; mso-bidi-font-size: 9.0pt; mso-fareast-font-family: Symbol; mso-fareast-language: IN;">·<span style="font-family: 'Times New Roman'; font-size: 7pt;">                    
</span></span><span style="color: #333333; font-family: "Verdana","sans-serif"; font-size: 9.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;">Bukan hanya brush, agan juga bisa
memasukkan gambar untuk membuatnya ada pada tampilan header blog agan dengan
cara menekan tombol Ctrl+O, terus tentukan gambar yang agan kehendaki. Tekan
layer gambar tersebut, terus drag ke <u>file header</u></span><span style="color: #333333; font-family: "Verdana","sans-serif"; font-size: 9.0pt; mso-bidi-font-family: "Times New Roman"; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;"> </span><span style="color: #333333; font-family: "Verdana","sans-serif"; font-size: 9.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;"> blog
agan.<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<br /></div>
<div align="center" class="MsoNormal" style="background: white; line-height: 14.4pt; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3Dp5FYt1FR2lPdWQnUJYkAhyphenhyphenThyphenhyphen_7GAauUqayO5TV8JOkh3eB-m9ecGdd3lwJOXo-YzCKFf2VFJUNg-CRScHDF0yD3Mam9T9QRIgy10C9Vs9tyuYewzD9Nh-QFtbziYYZzXeTD3bAjK8d/s1600/6.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Membuat Header Dengan Photoshop" border="0" height="227" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3Dp5FYt1FR2lPdWQnUJYkAhyphenhyphenThyphenhyphen_7GAauUqayO5TV8JOkh3eB-m9ecGdd3lwJOXo-YzCKFf2VFJUNg-CRScHDF0yD3Mam9T9QRIgy10C9Vs9tyuYewzD9Nh-QFtbziYYZzXeTD3bAjK8d/s400/6.jpg" title="Membuat Header Dengan Photoshop" width="400" /></a></div>
<br />
<div class="MsoNormal" style="background-color: white; background-position: initial initial; background-repeat: initial initial; margin: 0cm 0cm 3pt; text-align: justify; text-indent: 0cm;">
<span style="color: #333333; font-family: Symbol; font-size: 10.0pt; mso-bidi-font-family: Symbol; mso-bidi-font-size: 9.0pt; mso-fareast-font-family: Symbol; mso-fareast-language: IN;">·<span style="font-family: 'Times New Roman'; font-size: 7pt;">                    
</span></span><span style="color: #333333; font-family: "Verdana","sans-serif"; font-size: 9.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;">Untuk cara membuat header blog keren
dengan photoshop ini agan bisa menggabungkan antara gambar dengan tulisan,
brush dengan tulisan, atau agan juga bisa menggabungkan semuanya. gambar,
brush, serta tulisan. <o:p></o:p></span></div>
<div class="MsoNormal" style="background-color: white; background-position: initial initial; background-repeat: initial initial; margin: 0cm 0cm 3pt; text-align: justify; text-indent: 0cm;">
<span style="color: #333333; font-family: Symbol; font-size: 10.0pt; mso-bidi-font-family: Symbol; mso-bidi-font-size: 9.0pt; mso-fareast-font-family: Symbol; mso-fareast-language: IN;">·<span style="font-family: 'Times New Roman'; font-size: 7pt;">                    
</span></span><span style="color: #333333; font-family: "Verdana","sans-serif"; font-size: 9.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;">Berikut ini adalah hasil dari tutorial
cara membuat header blog keren dengan photoshop yang menggabungkan antara
gambar, brush, serta tulisan.<o:p></o:p></span></div>
<div align="center" class="MsoNormal" style="background: white; line-height: 14.4pt; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqTNlXJ5BVPPqCImVJWqK0TLd6ZF7AY7UAcxxbDgW9eiDL6HadyWOt9EXYRBJHFzMsMRs7U_O83OA-LkI_KHFeh9E6w3HIbj1xzhi-X6CZuNUv-wXeBdMp1GFiyXpntA6L2xsDda0G7b62/s1600/7.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Membuat Header Dengan Photoshop" border="0" height="230" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqTNlXJ5BVPPqCImVJWqK0TLd6ZF7AY7UAcxxbDgW9eiDL6HadyWOt9EXYRBJHFzMsMRs7U_O83OA-LkI_KHFeh9E6w3HIbj1xzhi-X6CZuNUv-wXeBdMp1GFiyXpntA6L2xsDda0G7b62/s400/7.jpg" title="Membuat Header Dengan Photoshop" width="400" /></a></div>
<br />
<div class="MsoNormal" style="background-color: white; background-position: initial initial; background-repeat: initial initial; margin: 0cm 0cm 3pt; text-align: justify; text-indent: 0cm;">
<span style="color: #333333; font-family: Symbol; font-size: 10.0pt; mso-bidi-font-family: Symbol; mso-bidi-font-size: 9.0pt; mso-fareast-font-family: Symbol; mso-fareast-language: IN;">·<span style="font-family: 'Times New Roman'; font-size: 7pt;">                    
</span></span><span style="color: #333333; font-family: "Verdana","sans-serif"; font-size: 9.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;">Selanjutnya, satukan layer-layer yang
berbentuk text maupun layer yang lain dengan cara menentukan Layer ->
Flatten, atau tentukan seluruh layer dengan cara menahan shift serta tentukan
seluruh layernya lantas tekan Ctrl+E.<o:p></o:p></span></div>
<div class="MsoNormal" style="background-color: white; background-position: initial initial; background-repeat: initial initial; margin: 0cm 0cm 3pt; text-align: justify; text-indent: 0cm;">
<span style="color: #333333; font-family: Symbol; font-size: 10.0pt; mso-bidi-font-family: Symbol; mso-bidi-font-size: 9.0pt; mso-fareast-font-family: Symbol; mso-fareast-language: IN;">·<span style="font-family: 'Times New Roman'; font-size: 7pt;">                    
</span></span><span style="color: #333333; font-family: "Verdana","sans-serif"; font-size: 9.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;">Save header blog buatan agan menjadi
format file .jpg atau .jpeg dengan cara klik File -> Save As hingga nampak
dialog box JPEG Options untuk pengaturan kualitas gambar agan. makin kecil maka
kualitasnya akan semakin menurun. <o:p></o:p></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWNMYrnJi64cBPe4pR_dtH1jUvl5WYsiqQ3KoCD6hlF1YrX3TOzwQODlglhyG3oproETN7Tp7V7uf4_ZjYKhh6UEnMvvZPIQVFbSqBQr4gtmm8pNQGBbbF1Y4QvnrYcWeUEKtdy7fv0L3S/s1600/8.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Membuat Header Dengan Photoshop" border="0" height="353" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWNMYrnJi64cBPe4pR_dtH1jUvl5WYsiqQ3KoCD6hlF1YrX3TOzwQODlglhyG3oproETN7Tp7V7uf4_ZjYKhh6UEnMvvZPIQVFbSqBQr4gtmm8pNQGBbbF1Y4QvnrYcWeUEKtdy7fv0L3S/s400/8.jpg" title="Membuat Header Dengan Photoshop" width="400" /></a></div>
<div class="MsoNormal" style="background-color: white; margin: 0cm 0cm 3pt; text-align: center; text-indent: 0cm;">
<span style="color: #333333; font-family: "Verdana","sans-serif"; font-size: 9.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;"><br /></span></div>
<div align="center" class="MsoNormal" style="background: white; line-height: 14.4pt; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: center;">
<br /></div>
<div class="MsoNormal" style="background-color: white; background-position: initial initial; background-repeat: initial initial; margin: 0cm 0cm 3pt; text-align: justify; text-indent: 0cm;">
<span style="color: #333333; font-family: Symbol; font-size: 10.0pt; mso-bidi-font-family: Symbol; mso-bidi-font-size: 9.0pt; mso-fareast-font-family: Symbol; mso-fareast-language: IN;">·<span style="font-family: 'Times New Roman'; font-size: 7pt;">                    
</span></span><span style="color: #333333; font-family: "Verdana","sans-serif"; font-size: 9.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;">Langkah terakhir silahkan masukkan
header blog yang telah agan buat ke dalam blog agan. Bila agan memakai blogger,
maka agan hanya perlu mengatur di bagian Design -> Page Element. <o:p></o:p></span></div>
<div class="MsoNormal" style="background-color: white; background-position: initial initial; background-repeat: initial initial; margin: 0cm 0cm 3pt; text-align: justify; text-indent: 0cm;">
<span style="color: #333333; font-family: "Verdana","sans-serif"; font-size: 9.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;"><br /></span></div>
<div class="MsoNormal" style="background: white; line-height: 14.4pt; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;">
<span style="color: #333333; font-family: "Verdana","sans-serif"; font-size: 9.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;">Nah
itulah</span><span style="color: #333333; font-family: "Verdana","sans-serif"; font-size: 9.0pt; mso-bidi-font-family: "Times New Roman"; mso-bidi-font-size: 11.0pt; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;"> </span><b><span style="color: #333333; font-family: "Verdana","sans-serif"; font-size: 9.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;">membuat header dengan Photoshop</span></b><span style="color: #333333; font-family: "Verdana","sans-serif"; font-size: 9.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: IN;"> semoga postingan ini bermanfaat jika agan menemukan
kesulitan silahkan tinggalkan komentar pada form komentar dibawah insya allah
kalau  saya bisa ane akan bantu<o:p></o:p></span></div>
<div class="MsoNormal" style="background: white; line-height: 14.4pt; margin-bottom: .0001pt; margin-bottom: 0cm; text-align: justify;">
<br /></div>
<br />
<div class="MsoNormal">
Wassalamualaikum Wr.Wb</div>

Membuat Header Dengan Photoshop

Assalamualaikum Wr. Wb Cara membuat Header dengan Photoshop | - Tahukah anda apa yang dimaksud dengan header suatu blog? mungkin hal ini sudah tidak asing lagi untuk di dengar bagi agan yang sudah la…

Baca selengkapnya »

26 Nov 2013

Cara Membuat Effect Background Transparan dengan CSS

<div class="separator" style="clear: both; text-align: center;">
<img alt="Cara Membuat Effect Background Transparan dengan CSS" border="0" height="137" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHy5EKYj6oSyvXt5rQZdpNYM_qdtHkTcib1JYnnlUATG6WhXyNg6XfVAl6Z_FqoXJ4fs7gg6yAAzKy4_qnKvv8J3EbqbCgG5dl2LuFbs7RKD1L4fwkMIuPfjUojiKDrXz2xzTh7I8t_-w/s400/ss+hover1.jpg" title="Cara Membuat Effect Background Transparan dengan CSS" width="400" /></div>
<br />
Assalamualaikum Wr. Wb.<br />
<div style="text-align: justify;">
<b>Cara Membuat Effect Background Transparan dengan CSS</b> | Pada malam hari ini admin akan membagikan cara membuat effect background <a href="http://ppi-tuts.blogspot.com/2013/11/membuat-effect-transparan-css-1.html" target="_blank">transparan</a> dengan menggunakan <b>CSS</b> (<b>Cascading Style Sheet</b>), cara ini tidak hanya bisa digunakan untuk background saja, tapi bisa juga di gunakan untuk gambar, table, dan lain lain.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Langkah pertama, buatlah file CSSnya : </div>
<div style="text-align: justify;">
</div>
<blockquote class="tr_bq">
<style title="<span style="color: red;">transparan1</span>" type="text/css"><br />
.transparan1{background:<span style="color: lime;">#333333</span>;opacity:0.7;-moz-opacity:0.7;-khtml-opacity: 0.7;filter:alpha(opacity=<span style="color: blue;">70</span>);}<br />
</style></blockquote>
<div class="separator" style="clear: both; text-align: justify;">
Pada teks yang berwarna <b><span style="color: red;">merah</span></b> bisa anda ganti sesuai keinginan anda, untuk teks berwarna <b><span style="color: blue;">biru</span></b> adalah tingkat transparannya,  yang berwarna <span style="color: lime;">hijau</span> adalah warna backgroundnya, anda bisa mengganti warna tersebut sesuai keinginan anda, untuk peletakannya bisa lihat seperti gambar di bawah</div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<img alt="Cara Membuat Effect Background Transparan dengan CSS" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjekJszj5O6pOsft3JWVugnDPoGF13luvYj0PGLUi8zfsBFk2ZqafZIvXYYFZa4A-ue_fghdjqJDaJCSSX4O_V38tCcbsydEfmNprB6LVwPRcN1os_r_7DjLKIj5Ywc7DOsStyxS-T02LU/s1600/ss+transparan1.jpg" title="Cara Membuat Effect Background Transparan dengan CSS" /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
Setelah itu kita akan memanggil CSS tersebut dengan menggunakan class="transparan1" pada bagian yang ingin diberikan effect transparan, contohnya :<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPeeC4XjOoRPKsq7CVCdwN7U_TKeejLPHg8VYAz2hn-dO-bQorhwdA-1gR2eRhQMvb-igQJ-oVzEXIH-tJCjDACV0DunpjTx-aNxDYg4XA6bQNRnJpXYCe5jIcDt5enkcD3QAglo7q4tg/s1600/ss+transparan2.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara Membuat Effect Background Transparan dengan CSS" border="0" height="209" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPeeC4XjOoRPKsq7CVCdwN7U_TKeejLPHg8VYAz2hn-dO-bQorhwdA-1gR2eRhQMvb-igQJ-oVzEXIH-tJCjDACV0DunpjTx-aNxDYg4XA6bQNRnJpXYCe5jIcDt5enkcD3QAglo7q4tg/s640/ss+transparan2.jpg" title="Cara Membuat Effect Background Transparan dengan CSS" width="640" /></a></div>
<br />
Jika sudah, silahkan preview di Browser, bisa di Firefox atau Chromium.<br />
<br />
Nah, tadi itu adalah cara mudah untuk membuat effect transparan menggunakan <b>CSS</b>, jika ada kesulitan silahkan komentar di bawah atau kirimkan ke fanspage kami, bisa juga mention ke twitter kami :D<br />
<br />
Semoga Bermanfaat<br />
<br />
Wassalamualaikum Wr. Wb.

Cara Membuat Effect Background Transparan dengan CSS

Assalamualaikum Wr. Wb. Cara Membuat Effect Background Transparan dengan CSS | Pada malam hari ini admin akan membagikan cara membuat effect background transparan dengan menggunakan CSS (Cascading St…

Baca selengkapnya »

26 Nov 2013

Cara membuat Chocolate Effect

<div style="background: white; line-height: 15.0pt; margin-bottom: .0001pt; margin: 0cm;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYZkislAgD8ktzlCYTnXoJCo4VrEBFkvAJE13JIz1Mqp2P8UGecq9kjl0SuCiFquSHX_Ona9rFynBBvLvsEUkbKC2YAzO8b2KKuo9WvaF9bdXv5VDryxw1JQ-Ueyvv9iM6vgAxXTMyYYY/s1600/raisa.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="277" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYZkislAgD8ktzlCYTnXoJCo4VrEBFkvAJE13JIz1Mqp2P8UGecq9kjl0SuCiFquSHX_Ona9rFynBBvLvsEUkbKC2YAzO8b2KKuo9WvaF9bdXv5VDryxw1JQ-Ueyvv9iM6vgAxXTMyYYY/s320/raisa.jpg" width="320" /></a></div>
<br /></div>
<div style="background: white; line-height: 15.0pt; margin-bottom: .0001pt; margin: 0cm;">
<span style="color: #333333; font-family: "Georgia","serif"; font-size: 13.0pt;">Assalamualaikum
Wr Wb<o:p></o:p></span></div>
<div style="background: white; line-height: 15.0pt; margin-bottom: .0001pt; margin: 0cm;">
<span style="color: #333333; font-family: "Georgia","serif"; font-size: 13.0pt;"><b>Cara
membuat Chocolate Effect pada foto Raisa</b>| Sore ini saya akan mengeShare cara
mengedit foto dengan Effect Chocolate </span><span style="color: #333333; font-size: 13pt;"><span style="font-family: Wingdings;">n</span></span></div>
<div style="background: white; line-height: 15.0pt; margin-bottom: .0001pt; margin: 0cm;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7KAOfGSN2B1eROhjb971FN7IsfapGqhimb2JCCaxKbYbAQaWEex730W6aVpaGVo-wQgCqXqkG8p4e3ipRTbjPXcMmFOSjbZRZp8ElOLCY_x_2q2SmSa_xkW1Vint57d6X_VN9YAJeoqGh/s1600/1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara membuat Chocolate Effect" border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7KAOfGSN2B1eROhjb971FN7IsfapGqhimb2JCCaxKbYbAQaWEex730W6aVpaGVo-wQgCqXqkG8p4e3ipRTbjPXcMmFOSjbZRZp8ElOLCY_x_2q2SmSa_xkW1Vint57d6X_VN9YAJeoqGh/s400/1.jpg" title="Cara membuat Chocolate Effect" width="280" /></a></div>
<div style="background: white; line-height: 15.0pt; margin-bottom: .0001pt; margin: 0cm;">
<br /></div>
<div style="background-color: white; background-position: initial initial; background-repeat: initial initial; line-height: 15pt; margin: 0cm 0cm 0.0001pt;">
<span style="color: #333333; font-family: "Georgia","serif"; font-size: 13.0pt;">Klik ctrl + J untuk menduplikat layer background.<o:p></o:p></span></div>
<div style="background-color: white; background-position: initial initial; background-repeat: initial initial; line-height: 15pt; margin: 0cm 0cm 0.0001pt;">
<span style="color: #333333; font-family: "Georgia","serif"; font-size: 13.0pt;">Click Create new fill and Adjustment layer >
Brightness/contras<o:p></o:p></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKqF6O0daCMe8XZA6navU_p7ZyTEJahVurLIdUMir2dWz2rRX5cZmrIFDxUUkDyrldQ3EMzeHqCT53VPT9TETUNkceizBXxoM3Ln-psJzidhDMNDAR29IYQvFlgUxWHvtd-OCob0UiFEdM/s1600/2.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara membuat Chocolate Effect" border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKqF6O0daCMe8XZA6navU_p7ZyTEJahVurLIdUMir2dWz2rRX5cZmrIFDxUUkDyrldQ3EMzeHqCT53VPT9TETUNkceizBXxoM3Ln-psJzidhDMNDAR29IYQvFlgUxWHvtd-OCob0UiFEdM/s320/2.jpg" title="Cara membuat Chocolate Effect" width="267" /></a></div>
<div style="background-color: white; background-position: initial initial; background-repeat: initial initial; line-height: 15pt; margin: 0cm 0cm 0.0001pt;">
<br /></div>
<div style="background-color: white; background-position: initial initial; background-repeat: initial initial; line-height: 15pt; margin: 0cm 0cm 0.0001pt;">
<span style="color: #333333; font-family: "Georgia","serif"; font-size: 13.0pt;">Klik lagi Create new fill and adjustment layer >
hue/saturation<o:p></o:p></span></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div style="background-color: white; background-position: initial initial; background-repeat: initial initial; line-height: 15pt; margin: 0cm 0cm 0.0001pt;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJ2UERZP2d9HIRulZ569YYAjJXTgI1wsOcLeTXsNOn_14oW9Svwq3VY2ao0Xi2LEgPNZS0dFsJRYI_yQin4xPOJ8XtkKVGt7JgPiYNviykI41hl-yE4K1557kBpkHasfrrik-ndypTf5O7/s1600/3.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara membuat Chocolate Effect" border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJ2UERZP2d9HIRulZ569YYAjJXTgI1wsOcLeTXsNOn_14oW9Svwq3VY2ao0Xi2LEgPNZS0dFsJRYI_yQin4xPOJ8XtkKVGt7JgPiYNviykI41hl-yE4K1557kBpkHasfrrik-ndypTf5O7/s400/3.jpg" title="Cara membuat Chocolate Effect" width="312" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="background-color: white; color: #333333; font-family: Georgia, serif; font-size: 17.77777862548828px; line-height: 20px; text-align: start;">Klik lagi create new fill and adjustment layer > Curve</span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="background-color: white; color: #333333; font-family: Georgia, serif; font-size: 17.77777862548828px; line-height: 20px; text-align: start;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjnCKo82o9CAbWzMFaqV7ipJZNT8MtbiEQ7HnkFjRyprwX4sgBng9ob7IrvffG6jgtry59V2nSLR1NdfzNFtlqP47LP9m7uedfkJX5IMyStdLm2P8l34ikusuNo7oL4A4_X478YAI1MUE-/s1600/4.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara membuat Chocolate Effect" border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjnCKo82o9CAbWzMFaqV7ipJZNT8MtbiEQ7HnkFjRyprwX4sgBng9ob7IrvffG6jgtry59V2nSLR1NdfzNFtlqP47LP9m7uedfkJX5IMyStdLm2P8l34ikusuNo7oL4A4_X478YAI1MUE-/s400/4.jpg" title="Cara membuat Chocolate Effect" width="351" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="background-color: white; color: #333333; font-family: Georgia, serif; font-size: 17.77777862548828px; line-height: 20px; text-align: start;"><br /></span></div>
<div style="background-color: white; background-position: initial initial; background-repeat: initial initial; line-height: 15pt; margin: 0cm 0cm 0.0001pt;">
<br /></div>
<div style="background-color: white; background-position: initial initial; background-repeat: initial initial; line-height: 15pt; margin: 0cm 0cm 0.0001pt;">
<span style="color: #333333; font-family: "Georgia","serif"; font-size: 13.0pt;">Create New fill and Adjustment layer > Photo Filter</span><br />
<span style="color: #333333; font-family: "Georgia","serif"; font-size: 13.0pt;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8P4ELSDYL83coEd2FqA843BmoD8ls-1XtagwwWdPKEFdOF0XfiTbzkgmLBOG0iE4oVV4gEm9s_z3EGrHh_1aKEq1vbnAp82j-NVpYM-2RGlGjR0mgB70ynPqvkLDwv9M88ZX6uWRHETb_/s1600/51.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara membuat Chocolate Effect" border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8P4ELSDYL83coEd2FqA843BmoD8ls-1XtagwwWdPKEFdOF0XfiTbzkgmLBOG0iE4oVV4gEm9s_z3EGrHh_1aKEq1vbnAp82j-NVpYM-2RGlGjR0mgB70ynPqvkLDwv9M88ZX6uWRHETb_/s400/51.jpg" title="Cara membuat Chocolate Effect" width="326" /></a></div>
<div style="background-color: white; background-position: initial initial; background-repeat: initial initial; line-height: 15pt; margin: 0cm 0cm 0.0001pt;">
<br /></div>
<div style="background-color: white; background-position: initial initial; background-repeat: initial initial; line-height: 15pt; margin: 0cm 0cm 0.0001pt;">
<span style="color: #333333; font-family: "Georgia","serif"; font-size: 13.0pt;">Klik Create New FIll and Adjustment layer > Curve<o:p></o:p></span></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/AVvXsEidKDkBTX_FiqFOtlaafpSf7IW2fobq6nGFUYiK4CC6CcbEykFeOELitAKk49kjLZ8UKIUH6WnfJ1Hh7LhimaSZy3pIdn43WI2a_35Jz-aXzOzbHoTyM6rKCFmHoMRT-7bFi8wk0GUzziiR/s1600/6.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara membuat Chocolate Effect" border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidKDkBTX_FiqFOtlaafpSf7IW2fobq6nGFUYiK4CC6CcbEykFeOELitAKk49kjLZ8UKIUH6WnfJ1Hh7LhimaSZy3pIdn43WI2a_35Jz-aXzOzbHoTyM6rKCFmHoMRT-7bFi8wk0GUzziiR/s400/6.jpg" title="Cara membuat Chocolate Effect" width="303" /></a></div>
<div style="background-color: white; background-position: initial initial; background-repeat: initial initial; line-height: 15pt; margin: 0cm 0cm 0.0001pt;">
<br /></div>
<div style="background-color: white; background-position: initial initial; background-repeat: initial initial; line-height: 15pt; margin: 0cm 0cm 0.0001pt;">
<span style="color: #333333; font-family: "Georgia","serif"; font-size: 13.0pt;">Klik Create New Layer .. lalu warnai dengan abu-abu (#747474)
menggunakan </span><span style="color: #333333; font-family: Georgia, serif; font-size: 17.77777862548828px;"> </span><span style="color: #333333; font-family: Georgia, serif; font-size: 17.77777862548828px;">paint bucket tool,</span><span style="color: #a40505; font-family: Georgia, serif; font-size: 13pt; line-height: 15pt;"> </span><span style="color: #333333; font-family: Georgia, serif; font-size: 13pt; line-height: 15pt;">, ubah layer
stylemenjadi Screen dan opacity diturunin jadi 15%</span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdOQgpIsnLEIAmotvMSTxHT1cn04nmfMDcz1q7VVXyR4VpgPgR9mbnp3SV4pJxvyMzuZYcm4QxSkgC-S1YiAgOMQCVIYbcbsZV_62oZKgs0wpkSltrfVQTnGjDlpqR4c53cai7PtD8rJGm/s1600/7.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara membuat Chocolate Effect" border="0" height="371" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdOQgpIsnLEIAmotvMSTxHT1cn04nmfMDcz1q7VVXyR4VpgPgR9mbnp3SV4pJxvyMzuZYcm4QxSkgC-S1YiAgOMQCVIYbcbsZV_62oZKgs0wpkSltrfVQTnGjDlpqR4c53cai7PtD8rJGm/s400/7.jpg" title="Cara membuat Chocolate Effect" width="400" /></a></div>
<div style="background-color: white; background-position: initial initial; background-repeat: initial initial; line-height: 15pt; margin: 0cm 0cm 0.0001pt;">
<br /></div>
<div style="background-color: white; background-position: initial initial; background-repeat: initial initial; line-height: 15pt; margin: 0cm 0cm 0.0001pt;">
<span style="font-family: Georgia, serif; font-size: 13pt;"><span style="color: #333333;">Sekarang Klik layer background copy atau layer foto raisa</span></span></div>
<div style="background-color: white; background-position: initial initial; background-repeat: initial initial; line-height: 15pt; margin: 0cm 0cm 0.0001pt;">
<span style="color: #333333; font-family: "Georgia","serif"; font-size: 13.0pt;">Klik Image > Adjustment> Shadow/highlight<o:p></o:p></span></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/AVvXsEgvdVzM0Jpvf_wqAwbWP989Ha1nvA6_zkWFCPPq5fFe_Kw88ISidQw4if_eviHWF9gMAVl8cr9wj8EAoDTus1kQa4RExAnNhpJDTa-GxfgKeMNTBuWn2ar7WAqnNF4uNyu6B_AR4XdH2eOG/s1600/8.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara membuat Chocolate Effect" border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvdVzM0Jpvf_wqAwbWP989Ha1nvA6_zkWFCPPq5fFe_Kw88ISidQw4if_eviHWF9gMAVl8cr9wj8EAoDTus1kQa4RExAnNhpJDTa-GxfgKeMNTBuWn2ar7WAqnNF4uNyu6B_AR4XdH2eOG/s400/8.jpg" title="Cara membuat Chocolate Effect" width="382" /></a></div>
<div style="background-color: white; background-position: initial initial; background-repeat: initial initial; line-height: 15pt; margin: 0cm 0cm 0.0001pt;">
<br /></div>
<div style="background-color: white; background-position: initial initial; background-repeat: initial initial; line-height: 15pt; margin: 0cm 0cm 0.0001pt;">
<span style="color: #333333; font-family: "Georgia","serif"; font-size: 13.0pt;">Sekarang kita atur lighting nya..<o:p></o:p></span></div>
<div style="background-color: white; background-position: initial initial; background-repeat: initial initial; line-height: 15pt; margin: 0cm 0cm 0.0001pt;">
<span style="color: #333333; font-family: "Georgia","serif"; font-size: 13.0pt;">Klik Filter > Render > Lighting Effect</span></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div style="background-color: white; line-height: 15pt; margin: 0cm 0cm 0.0001pt; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKrDlPT6tdwTKVqy0iLhqDpjgOCY-n_e6Wxrq5W2Be9kcsALvQw7u3KNfa7ySnEX_08vFEHC7HgrhUEqHDS94Ci1rmt1B5P91GHE9Emq6As9tjYRVEQMCtRNvNzmThnV0-Van9E1WLx6KZ/s1600/9.jpg" imageanchor="1" style="line-height: normal; margin-left: 1em; margin-right: 1em;"><img alt="Cara membuat Chocolate Effect" border="0" height="390" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKrDlPT6tdwTKVqy0iLhqDpjgOCY-n_e6Wxrq5W2Be9kcsALvQw7u3KNfa7ySnEX_08vFEHC7HgrhUEqHDS94Ci1rmt1B5P91GHE9Emq6As9tjYRVEQMCtRNvNzmThnV0-Van9E1WLx6KZ/s400/9.jpg" title="Cara membuat Chocolate Effect" width="400" /></a></div>
<div style="background-color: white; background-position: initial initial; background-repeat: initial initial; line-height: 15pt; margin: 0cm 0cm 0.0001pt;">
<span style="color: #333333; font-family: "Georgia","serif"; font-size: 13.0pt;">Terakhir  untuk memperterang foto hasil editan, klik 
create New fill and adjustment layer > Brightness/contras<o:p></o:p></span></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/AVvXsEg6KVAaRIZH_y3TEYj8-9kM_NUTVZedkEFwemSJk5fTWAT5sPEdxnBX897MCwAmDxzQ4Aju-b-saFHyBk1pFQc4ovgoizACA1nutM0zbe5JqA_h81iYoK1D8c7PShFWTYxazKU48QKtek-Y/s1600/10.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara membuat Chocolate Effect" border="0" height="345" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6KVAaRIZH_y3TEYj8-9kM_NUTVZedkEFwemSJk5fTWAT5sPEdxnBX897MCwAmDxzQ4Aju-b-saFHyBk1pFQc4ovgoizACA1nutM0zbe5JqA_h81iYoK1D8c7PShFWTYxazKU48QKtek-Y/s400/10.jpg" title="Cara membuat Chocolate Effect" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div style="background-color: white; background-position: initial initial; background-repeat: initial initial; line-height: 15pt; margin: 0cm 0cm 0.0001pt;">
<br /></div>
<div style="background-color: white; background-position: initial initial; background-repeat: initial initial; line-height: 15pt; margin: 0cm 0cm 0.0001pt;">
<span style="color: #333333; font-family: "Georgia","serif"; font-size: 13.0pt;">Dan hasilnya seperti ini :<o:p></o:p></span></div>
<div class="separator" style="clear: both; text-align: center;">
<img alt="Cara membuat Chocolate Effect" border="0" height="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_cnE1x96SPRkM8b8e-rdBfytyGZY5uEQe-eWjZbZ645tlNTb2ynoNRKa-miwVOSYr9R4WT1DuSfnhtT9XY3b53ma6S9-I1IBagiV-mdrcS7gp6Y2cFbqTyUo0D5DVmOTUKszKwv9CKzcH/s640/11.jpg" title="Cara membuat Chocolate Effect" width="452" /></div>
<div style="background-color: white; background-position: initial initial; background-repeat: initial initial; line-height: 15pt; margin: 0cm 0cm 0.0001pt;">
<br /></div>
<div style="background-color: white; background-position: initial initial; background-repeat: initial initial; line-height: 15pt; margin: 0cm 0cm 0.0001pt;">
<span style="color: #333333; font-family: "Georgia","serif"; font-size: 13.0pt;">Selamat mencoba dan jangan ragu mencoba dengan foto yang lain.. </span></div>
<div style="background: white; line-height: 15.0pt; margin-bottom: .0001pt; margin: 0cm;">
<br /></div>
<div style="background: white; line-height: 15.0pt; margin-bottom: .0001pt; margin: 0cm;">
<span style="color: #333333; font-family: "Georgia","serif"; font-size: 13.0pt;">Semoga
Bermanfaat<o:p></o:p></span></div>
<div style="background: white; line-height: 15.0pt; margin-bottom: .0001pt; margin: 0cm;">
<br /></div>
<br />
<div style="background: white; line-height: 15.0pt; margin-bottom: .0001pt; margin: 0cm;">
<span style="color: #333333; font-family: "Georgia","serif"; font-size: 13.0pt;">Wassalamualaikum
Wr.Wb <o:p></o:p></span></div>

Cara membuat Chocolate Effect

Assalamualaikum Wr Wb Cara membuat Chocolate Effect pada foto Raisa| Sore ini saya akan mengeShare cara mengedit foto dengan Effect Chocolate n Klik ctrl + J untuk menduplikat layer background. Click…

Baca selengkapnya »

26 Nov 2013

Cara Membuat Jam Digital dengan Visual Basic 6.0

<div class="separator" style="clear: both; text-align: center;">
<img alt="Cara Membuat Jam Digital dengan Visual Basic 6.0" border="0" height="137" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUfRuw-4H-0wcow0DKT3pO7wS3TU4CUmLEBqVPnaHWu__mlCrXx9ckXzvTGHdp5f2wD-Sj3JrfHSKjzxp4K5Ke9mzx6fy-8gQgThIOc0qd83MTtfd84EnOcqwyZOEa0TGGB0mcTHZ0jU4/s320/jamjam.jpg" title="Cara Membuat Jam Digital dengan Visual Basic 6.0" width="320" /></div>
<br />
Assalamualaikum Wr. Wb.<br />
<div style="text-align: justify;">
<b>Cara Membuat Jam Digital dengan Visual Basic 6.0</b> | Pada malam hari ini saya akan share cara membuat jam digital sederhana menggunakan Visual Basic 6.0, check this out ^_^</div>
<br />
Pertama silahkan buka <a href="http://ppi-tuts.blogspot.com/2013/11/membuat-jam-digital-dengan-vb60.html" target="_blank">Visual Basic 6.0</a> dan buat project baru<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXk4R9B-5pcueV5jnLp1gAZZA6n9JM4jhFmScnY3txDVkVs8kcUgb0AwKSxMUDFRlO6oh1c2pa7h3rA2Nz2ev6ih7Xp5G4PqMbbMreF43CywZfwRsboTKqwVuilgdUzIw7d8OTLom3dnQ/s1600/ss+jamdig+1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara Membuat Jam Digital dengan Visual Basic 6.0" border="0" height="305" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXk4R9B-5pcueV5jnLp1gAZZA6n9JM4jhFmScnY3txDVkVs8kcUgb0AwKSxMUDFRlO6oh1c2pa7h3rA2Nz2ev6ih7Xp5G4PqMbbMreF43CywZfwRsboTKqwVuilgdUzIw7d8OTLom3dnQ/s320/ss+jamdig+1.jpg" title="Cara Membuat Jam Digital dengan Visual Basic 6.0" width="320" /></a></div>
<br />
<div style="text-align: justify;">
Selanjutnya buatlah Label dan ketikkan "00:00:00"(tanpa tanda petik) dan anda bisa atur ukuran dan jenis huruf sesuai keinginan anda</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkaNaMxcAnkpEgiDIyFwRj8KjO_NSdKRTe0YfLAlM4h6_DSCWXXMSccQHMbxsxwAAx6rwaH6aWbF5ET5vl3OeUrkywAN3iz0B07J-iBvHwy_Gyi9hA418FdiO-Rjad8xIh8g2yoc6rDEA/s1600/ss+jamdig+2.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara Membuat Jam Digital dengan Visual Basic 6.0" border="0" height="276" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkaNaMxcAnkpEgiDIyFwRj8KjO_NSdKRTe0YfLAlM4h6_DSCWXXMSccQHMbxsxwAAx6rwaH6aWbF5ET5vl3OeUrkywAN3iz0B07J-iBvHwy_Gyi9hA418FdiO-Rjad8xIh8g2yoc6rDEA/s320/ss+jamdig+2.jpg" title="Cara Membuat Jam Digital dengan Visual Basic 6.0" width="320" /></a></div>
<br />
<div style="text-align: justify;">
Setelah itu buatlah Timer dan ketik pada <b>"Interval" 60</b>, lalu klik 2 kali pada timer dan akan muncul seperti gambar di bawah, lalu ketikan script seperti di bawah</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghgB0lSEEUlitSdYL72Jk2FzQ9pPPrxemW-tiUeJSvhuUTx_cA68BWqzxZjip28i_NEjkOfT7m7uxH6Bft7HgbYejkN6XDijxvHVdHj0ebN_ahmGI1GaEHCG22RbzuU8Gs0GsBjledImo/s1600/ss+jamdig+3.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara Membuat Jam Digital dengan Visual Basic 6.0" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghgB0lSEEUlitSdYL72Jk2FzQ9pPPrxemW-tiUeJSvhuUTx_cA68BWqzxZjip28i_NEjkOfT7m7uxH6Bft7HgbYejkN6XDijxvHVdHj0ebN_ahmGI1GaEHCG22RbzuU8Gs0GsBjledImo/s1600/ss+jamdig+3.jpg" title="Cara Membuat Jam Digital dengan Visual Basic 6.0" /></a></div>
<br />
Jika tidak jelas, anda bisa copy dan paste script di bawah ini :<br />
<blockquote class="tr_bq">
label1.caption=time</blockquote>
Setelah itu Run Project, maka hasilnya akan seperti ini<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsCkSFI8vi7QMEu0KHau7M5Na252E5LXTrBv8lk5TPhi20kF_8gl4kYJJSWDtDdcsnfby8JkXJavtUITFyQL489BJWFMtxaRvOTm3bf1ahUSedr5EZv1yfJuGT8FOx3NGAKsCWVDn7kCM/s1600/ss+jamdig+4.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara Membuat Jam Digital dengan Visual Basic 6.0" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsCkSFI8vi7QMEu0KHau7M5Na252E5LXTrBv8lk5TPhi20kF_8gl4kYJJSWDtDdcsnfby8JkXJavtUITFyQL489BJWFMtxaRvOTm3bf1ahUSedr5EZv1yfJuGT8FOx3NGAKsCWVDn7kCM/s1600/ss+jamdig+4.jpg" title="Cara Membuat Jam Digital dengan Visual Basic 6.0" /></a></div>
<br />
Nah tadi itu adalah <b>cara membuat jam digital menggunakan <a href="http://ppi-tuts.blogspot.com/2013/11/membuat-jam-digital-dengan-vb60.html" target="_blank">Visual Basic 6.0</a></b>, anda bisa memodifikasinya sesuka hati anda, jika ada kesulitan silahkan komentar di bawah atau kirimkan ke Fanspage kami.<br />
<br />
Semoga Bermanfaat :)<br />
<br />
Wassalamualaikum Wr. Wb.

Cara Membuat Jam Digital dengan Visual Basic 6.0

Assalamualaikum Wr. Wb. Cara Membuat Jam Digital dengan Visual Basic 6.0 | Pada malam hari ini saya akan share cara membuat jam digital sederhana menggunakan Visual Basic 6.0, check this out ^_^ Pert…

Baca selengkapnya »

24 Nov 2013

Cara Membuat Widget Jumlah Post dan Komentar di Blog

<div class="separator" style="clear: both; text-align: center;">
<a href="http://www.parapencariilmu.com/2013/11/cara-membuat-widget-jumlah-post-komentar.html" target="_blank"><img alt="Cara Membuat Widget Jumlah Post dan Komentar di Blog" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvP7w_4BgVy-namLNq_0CUg05Wpzqk-iXDJpiJxStcbCSCC6jvU22frJNYxjpHF8JX0aSToFfeuH0MuW9KY-RM4VUMmoz9h23B3Qa1yONLBoU5Ap60TeVtLt5Z4trdwNqfm6sMKHmLEKI/s1600/postcomment1.png" title="Cara Membuat Widget Jumlah Post dan Komentar di Blog" /></a></div>
<br />
Assalamualaikum Wr. Wb.<br />
<div style="text-align: justify;">
<b>Cara Membuat Widget Jumlah Post dan Komentar di Blog</b> | di sabtu sore ini, admin akan share <b>cara membuat widget jumlah post dan komentar</b> yang sudah di publikasikan ke blog anda, widget ini berguna sebagai statistik blog anda yang pasti suatu saat akan bermanfaat untuk <a href="http://ppi-tuts.blogspot.com/2013/11/cara-membuat-widget-jumlah-post-komentar.html" target="_blank">blog</a> anda.</div>
<br />
Inilah langkah-langkah untuk membuatnya :<br />
<br />
<ol>
<li>Pertama buka Akun <b>Blogger</b> anda</li>
<li>Klik bagian Tata Letak/PageElement</li>
<li>Lalu tambahkan widget</li>
<li>Pilih <a href="http://ppi-tuts.blogspot.com/search/label/HTML" target="_blank">HTML</a>/Java Script</li>
<li>Lalu Pastekan script berikut : </li>
</ol>
<br />
<blockquote class="tr_bq">
<script style="text/javascript"> function numberOfPosts(json) { document.write('Total Posts: <b>' + json.feed.openSearch$totalResults.$t + '</b><br />'); } function numberOfComments(json) { document.write('Total Comments: <b>' + json.feed.openSearch$totalResults.$t + '</b><br />'); } </script> <ul><li><script src="http://<span style="color: blue;">url-blog-anda.blogspot.com/</span>feeds/posts/default?alt=json-in-script&callback=numberOfPosts"></script></li> <li><script src="http://<span style="color: blue;">url-blog-anda.blogspot.com</span>//feeds/comments/default?alt=json-in-script&callback=numberOfComments"></script></li></ul></blockquote>
Teks yang berwarna <span style="color: blue;">biru</span> silahkan diganti dengan URL blog anda, lalu klik simpan atau save, maka hasilnya akan seperti ini :<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-CK6ldzAH3mcVYVK06kFQUTqLGmlmebPJ5rP1Hxi3DXIpcGecM15gjC9ngCb7azft-ZNJDC3BZA_s4zxV5YXYAj0F-WqsDmCG3jDNrUgZL8R4Wb1OscKWlKFwLPOVAazyLzB5JNuGpRE/s1600/totalpostcomment.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara Membuat Widget Jumlah Post dan Komentar di Blog" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-CK6ldzAH3mcVYVK06kFQUTqLGmlmebPJ5rP1Hxi3DXIpcGecM15gjC9ngCb7azft-ZNJDC3BZA_s4zxV5YXYAj0F-WqsDmCG3jDNrUgZL8R4Wb1OscKWlKFwLPOVAazyLzB5JNuGpRE/s1600/totalpostcomment.jpg" title="Cara Membuat Widget Jumlah Post dan Komentar di Blog" /></a></div>
<br />
Selamat Mencoba ^_^<br />
<br />
Wassalamualaikum Wr. Wb.

Cara Membuat Widget Jumlah Post dan Komentar di Blog

Assalamualaikum Wr. Wb. Cara Membuat Widget Jumlah Post dan Komentar di Blog | di sabtu sore ini, admin akan share cara membuat widget jumlah post dan komentar yang sudah di publikasikan ke blog anda…

Baca selengkapnya »

23 Nov 2013

Membuat kalkulator dengan Microsoft Visual Basic 6.0

<div dir="ltr" style="text-align: left;" trbidi="on">
<span style="background-color: white; color: #222222; font-family: 'Open Sans', sans-serif; font-size: 15px; letter-spacing: 0.29333335161209106px; line-height: 26px;">Assalamualaikum Wr. Wb.</span><br />
<span style="background-color: white; color: #222222; font-family: 'Open Sans', sans-serif; font-size: 15px; letter-spacing: 0.29333335161209106px; line-height: 26px;"><br /></span>
<span style="background-color: white; color: #222222; font-family: 'Open Sans', sans-serif; font-size: 15px; letter-spacing: 0.29333335161209106px; line-height: 26px;"><b>Cara Membuat Kalkulator with Microsoft Visual Basic 6.0</b> | Selamat Pagi..  ^_^ </span><br />
<span style="background-color: white; color: #222222; font-family: 'Open Sans', sans-serif; font-size: 15px; letter-spacing: 0.29333335161209106px; line-height: 26px;">di pos kali ini admin akan berbagi bagaimana membuat sebuah aplikasi kalkulator sederhana yang dibuat dengan aplikasi Microsoft Visual Basic atau Microsoft V.B. 6. </span><br />
<span style="background-color: white; color: #222222; font-family: 'Open Sans', sans-serif; font-size: 15px; letter-spacing: 0.29333335161209106px; line-height: 26px;">Ya langsung saja....</span><br />
<br />
<span style="color: #222222; font-family: Open Sans, sans-serif;"><span style="font-size: 15px; letter-spacing: 0.29333335161209106px; line-height: 26px;">- Pertama anda harus pastikan, Microsoft VB 6.0 nya sudah terinstall</span></span><br />
<span style="color: #222222; font-family: Open Sans, sans-serif;"><span style="font-size: 15px; letter-spacing: 0.29333335161209106px; line-height: 26px;">- Kedua Jika sudah terinstall langsung buka saja Visual Basic nya pilih yang "Standard exe"</span></span><br />
<span style="color: #222222; font-family: Open Sans, sans-serif;"><span style="font-size: 15px; letter-spacing: 0.29333335161209106px; line-height: 26px;">  Jika sudah</span></span><br />
<span style="color: #222222; font-family: Open Sans, sans-serif;"><span style="font-size: 15px; letter-spacing: 0.29333335161209106px; line-height: 26px;">- Anda desain from sesuai dengan keinginan anda.</span></span><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglvi5FMOzl6GPyjqdRwu5OUCHsTFguLI0u09Uiq6Tj2Sc0elwYDWIYNLumFPchVsuwV7Q5ysX6uRgzWwFpOZjyL-XwVHYEAiI5RSR4aaY8_ZTAAiTDcS1K90iRqFqulxX57VWTopTMRdk/s1600/Untitled.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Membuat kalkulator dengan Microsoft Visual Basic 6." border="0" height="287" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglvi5FMOzl6GPyjqdRwu5OUCHsTFguLI0u09Uiq6Tj2Sc0elwYDWIYNLumFPchVsuwV7Q5ysX6uRgzWwFpOZjyL-XwVHYEAiI5RSR4aaY8_ZTAAiTDcS1K90iRqFqulxX57VWTopTMRdk/s320/Untitled.png" title="Membuat kalkulator dengan Microsoft Visual Basic 6." width="320" /></a></div>
<span style="color: #222222; font-family: Open Sans, sans-serif;"><span style="font-size: 15px; letter-spacing: 0.29333335161209106px; line-height: 26px;">gambar di atas sebagai contoh From yang telah saya desain.... Silakan anda desain sesuai keinginan anda.</span></span><br />
<span style="color: #222222; font-family: Open Sans, sans-serif;"><span style="font-size: 15px; letter-spacing: 0.29333335161209106px; line-height: 26px;">- Langkah keempat Masukan sript berikut ini </span></span><br />
<blockquote class="tr_bq">
<span style="color: #222222; font-family: Open Sans, sans-serif;"><span style="font-size: 15px; letter-spacing: 0.29333335161209106px; line-height: 26px;">Private Sub Command1_Click()</span></span><span style="color: #222222; font-family: Open Sans, sans-serif;"><span style="font-size: 15px; letter-spacing: 0.29333335161209106px; line-height: 26px;">a = Val(Text1)</span></span><span style="color: #222222; font-family: Open Sans, sans-serif;"><span style="font-size: 15px; letter-spacing: 0.29333335161209106px; line-height: 26px;">b = Val(Text2)</span></span><span style="color: #222222; font-family: Open Sans, sans-serif;"><span style="font-size: 15px; letter-spacing: 0.29333335161209106px; line-height: 26px;">c = a / b</span></span><span style="color: #222222; font-family: Open Sans, sans-serif;"><span style="font-size: 15px; letter-spacing: 0.29333335161209106px; line-height: 26px;">Text3 = c</span></span><span style="color: #222222; font-family: Open Sans, sans-serif;"><span style="font-size: 15px; letter-spacing: 0.29333335161209106px; line-height: 26px;">End Sub</span></span><span style="color: #222222; font-family: Open Sans, sans-serif;"><span style="font-size: 15px; letter-spacing: 0.29333335161209106px; line-height: 26px;"><br /></span></span><span style="color: #222222; font-family: Open Sans, sans-serif;"><span style="font-size: 15px; letter-spacing: 0.29333335161209106px; line-height: 26px;">Private Sub Command2_Click()</span></span><span style="color: #222222; font-family: Open Sans, sans-serif;"><span style="font-size: 15px; letter-spacing: 0.29333335161209106px; line-height: 26px;">a = Val(Text1)</span></span><span style="color: #222222; font-family: Open Sans, sans-serif;"><span style="font-size: 15px; letter-spacing: 0.29333335161209106px; line-height: 26px;">b = Val(Text2)</span></span><span style="color: #222222; font-family: Open Sans, sans-serif;"><span style="font-size: 15px; letter-spacing: 0.29333335161209106px; line-height: 26px;">c = a * b</span></span><span style="color: #222222; font-family: Open Sans, sans-serif;"><span style="font-size: 15px; letter-spacing: 0.29333335161209106px; line-height: 26px;">Text3 = c</span></span><span style="color: #222222; font-family: Open Sans, sans-serif;"><span style="font-size: 15px; letter-spacing: 0.29333335161209106px; line-height: 26px;">End Sub</span></span><span style="color: #222222; font-family: Open Sans, sans-serif;"><span style="font-size: 15px; letter-spacing: 0.29333335161209106px; line-height: 26px;"><br /></span></span><span style="color: #222222; font-family: Open Sans, sans-serif;"><span style="font-size: 15px; letter-spacing: 0.29333335161209106px; line-height: 26px;">Private Sub Command3_Click()</span></span><span style="color: #222222; font-family: Open Sans, sans-serif;"><span style="font-size: 15px; letter-spacing: 0.29333335161209106px; line-height: 26px;">a = Val(Text1)</span></span><span style="color: #222222; font-family: Open Sans, sans-serif;"><span style="font-size: 15px; letter-spacing: 0.29333335161209106px; line-height: 26px;">b = Val(Text2)</span></span><span style="color: #222222; font-family: Open Sans, sans-serif;"><span style="font-size: 15px; letter-spacing: 0.29333335161209106px; line-height: 26px;">c = a - b</span></span><span style="color: #222222; font-family: Open Sans, sans-serif;"><span style="font-size: 15px; letter-spacing: 0.29333335161209106px; line-height: 26px;">Text3 = c</span></span><span style="color: #222222; font-family: Open Sans, sans-serif;"><span style="font-size: 15px; letter-spacing: 0.29333335161209106px; line-height: 26px;">End Sub</span></span><span style="color: #222222; font-family: Open Sans, sans-serif;"><span style="font-size: 15px; letter-spacing: 0.29333335161209106px; line-height: 26px;"><br /></span></span><span style="color: #222222; font-family: Open Sans, sans-serif;"><span style="font-size: 15px; letter-spacing: 0.29333335161209106px; line-height: 26px;">Private Sub Command4_Click()</span></span><span style="color: #222222; font-family: Open Sans, sans-serif;"><span style="font-size: 15px; letter-spacing: 0.29333335161209106px; line-height: 26px;">a = Val(Text1)</span></span><span style="color: #222222; font-family: Open Sans, sans-serif;"><span style="font-size: 15px; letter-spacing: 0.29333335161209106px; line-height: 26px;">b = Val(Text2)</span></span><span style="color: #222222; font-family: Open Sans, sans-serif;"><span style="font-size: 15px; letter-spacing: 0.29333335161209106px; line-height: 26px;">c = a + b</span></span><span style="color: #222222; font-family: Open Sans, sans-serif;"><span style="font-size: 15px; letter-spacing: 0.29333335161209106px; line-height: 26px;">Text3 = c</span></span><span style="color: #222222; font-family: Open Sans, sans-serif;"><span style="font-size: 15px; letter-spacing: 0.29333335161209106px; line-height: 26px;">End Sub</span></span><span style="color: #222222; font-family: Open Sans, sans-serif;"><span style="font-size: 15px; letter-spacing: 0.29333335161209106px; line-height: 26px;"><br /></span></span><span style="color: #222222; font-family: Open Sans, sans-serif;"><span style="font-size: 15px; letter-spacing: 0.29333335161209106px; line-height: 26px;">Private Sub Command5_Click()</span></span><span style="color: #222222; font-family: Open Sans, sans-serif;"><span style="font-size: 15px; letter-spacing: 0.29333335161209106px; line-height: 26px;">Text1.Text = ""</span></span><span style="color: #222222; font-family: Open Sans, sans-serif;"><span style="font-size: 15px; letter-spacing: 0.29333335161209106px; line-height: 26px;">Text2.Text = ""</span></span><span style="color: #222222; font-family: Open Sans, sans-serif;"><span style="font-size: 15px; letter-spacing: 0.29333335161209106px; line-height: 26px;">Text3.Text = ""</span></span></blockquote>
<span style="color: #222222; font-family: Open Sans, sans-serif;"><span style="font-size: 15px; letter-spacing: 0.29333335161209106px; line-height: 26px;">Silahkan Copy sricpt di atas sesuai From yang anda buat. </span></span><br />
<span style="color: #222222; font-family: Open Sans, sans-serif;"><span style="font-size: 15px; letter-spacing: 0.29333335161209106px; line-height: 26px;">Dan selamat mengerjakan semoga berhasil.</span></span><br />
<span style="color: #222222; font-family: Open Sans, sans-serif;"><span style="font-size: 15px; letter-spacing: 0.29333335161209106px; line-height: 26px;"><br /></span></span>
<span style="color: #222222; font-family: Open Sans, sans-serif;"><span style="font-size: 15px; letter-spacing: 0.29333335161209106px; line-height: 26px;">Wassallamuallaikum wr. wb.</span></span><br />
<span style="color: #222222; font-family: Open Sans, sans-serif;"><span style="font-size: 15px; letter-spacing: 0.29333335161209106px; line-height: 26px;"><br /></span></span></div>
<div style="text-align: center;">
<a href="http://www.copyscape.com/plagiarism-tool/"><img alt="Protected by Copyscape Plagiarism Tool" border="0" height="60" src="http://banners.copyscape.com/images/cs-wh-3d-120x60.gif" title="Protected by Copyscape Plagiarism Checker - Do not copy content from this page." width="120" /></a></div>

Membuat kalkulator dengan Microsoft Visual Basic 6.0

Assalamualaikum Wr. Wb. Cara Membuat Kalkulator with Microsoft Visual Basic 6.0 | Selamat Pagi.. ^_^ di pos kali ini admin akan berbagi bagaimana membuat sebuah aplikasi kalkulator sederhana yang d…

Baca selengkapnya »

23 Nov 2013

Cara Membuat Iklan Melayang dengan Tombol Close

<div class="separator" style="clear: both; text-align: center;">
<a href="http://ppi-tuts.blogspot.com/2013/11/cara-membuat-iklan-melayang-dengan.html" target="_blank"><img alt="Cara Membuat Iklan Melayang dengan Tombol Close" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBn8U5hTJp9sTH0CFXNwWl2-7DyT4Qz21w4xh0WtKE6gU5R38KqjCNgkVD3k32E5HZWyQ23R6wbs4lWiFdfpfgQkSxMhjH7w_TapYPzzDFfXgfQMZlestelTR2J4nCtUQw_hR9EoDlMGA/s1600/ads.png" title="Cara Membuat Iklan Melayang dengan Tombol Close" /></a></div>
<div style="text-align: center;">
<br /></div>
Assalamualaikum Wr. Wb.<br />
<div style="text-align: justify;">
<b>Cara Membuat Iklan Melayang dengan Tombol Close</b> | di post berlabel blog pertama ini, admin akan memberikan tips untuk membuat iklan melayang dengan tombol close atau biasa disebut float top bar, tujuan membuat iklan melayang ini agar iklan mudah terlihat oleh pengunjung.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Pertama Buka akun Blogger anda, lalu masuk ke tab tata letak atau Page Element, setelah itu buat widget/tambahkan widget baru dan pilih HTML/Javascript dan paste script di bawah ini : </div>
<blockquote class="tr_bq">
<style type="text/css"><br />
#gb{<br />
position:fixed;<br />
top:10px;<br />
z-index:+1000;<br />
}<br />
* html #gb{position:relative;}<br />
.gbcontent{<br />
float:right;<br />
border:2px solid #A5BD51;<br />
background:#ffffff;<br />
padding:10px;<br />
}<br />
</style><br />
<script type="text/javascript"><br />
function showHideGB(){<br />
var gb = document.getElementById("gb");<br />
var w = gb.offsetWidth;<br />
gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);<br />
gb.opened = !gb.opened;<br />
}<br />
function moveGB(x0, xf){<br />
var gb = document.getElementById("gb");<br />
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;<br />
var dir = xf>x0 ? 1 : -1;<br />
var x = x0 + dx * dir;<br />
gb.style.top = x.toString() + "px";<br />
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}<br />
}<br />
</script><br />
<div id="gb"><br />
<div class="gbtab" onclick="showHideGB()"> </div><br />
<div class="gbcontent"><br />
<div style="text-align:right"><br />
<a href="javascript:showHideGB()"><br />
[Close][Klik 2x]<br />
</a><br />
</div><br />
<center><br />
<span style="color: red;">Masukan Konten Iklan Disini, bisa gambar atau script</span><br />
</center></div></div></blockquote>
Pada teks berwarna <span style="color: red;">merah</span> adalah tempat yang nanti akan di masukkan gambar atau script iklannya.<br />
setelah itu klik save dan lihat hasilnya.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBmXKoPai3Hx46CyG0_TdzVZsWuNTBATNsvu5ILvds3JCREXIZEgldkrhsIszN3IYYGLwcd0lfPGTvK38jw9_hSGMMSVTCP6rbhffeMe0C9J3AJp6YxfGFQ3zRvRAI5_Nfx5FDcE_a-4M/s1600/iklanfloat.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara Membuat Iklan Melayang dengan Tombol Close" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBmXKoPai3Hx46CyG0_TdzVZsWuNTBATNsvu5ILvds3JCREXIZEgldkrhsIszN3IYYGLwcd0lfPGTvK38jw9_hSGMMSVTCP6rbhffeMe0C9J3AJp6YxfGFQ3zRvRAI5_Nfx5FDcE_a-4M/s1600/iklanfloat.jpg" title="Cara Membuat Iklan Melayang dengan Tombol Close" /></a></div>
Selamat mencoba<br />
<br />
Wassalamualaikum Wr. Wb.

Cara Membuat Iklan Melayang dengan Tombol Close

Assalamualaikum Wr. Wb. Cara Membuat Iklan Melayang dengan Tombol Close | di post berlabel blog pertama ini, admin akan memberikan tips untuk membuat iklan melayang dengan tombol close atau biasa dis…

Baca selengkapnya »

21 Nov 2013

Mengenal Ruby on Rails

Membuat Header Dengan Photoshop

Cara Membuat Effect Background Transparan dengan CSS

Cara membuat Chocolate Effect

Cara Membuat Jam Digital dengan Visual Basic 6.0

Cara Membuat Widget Jumlah Post dan Komentar di Blog

Membuat kalkulator dengan Microsoft Visual Basic 6.0

Cara Membuat Iklan Melayang dengan Tombol Close

Artikel Populer Minggu Ini

Kategori

Arsip