Efek Fast dengan Photoshop

Pesat-education  | Tutorial kali ini akan membahas bagaimana caranya membuat teksEfek Fast dengan Photoshop, seperti apakah teks fast itu? kiranya seperti gambar diatas. kita simak bagaimana cara membuatnya.


1. Buka Software Adobe Photoshop.
2. Buat layer baru dengan ukuran 480 X 316 pixels atau dengan ukuran yang kamu inginkan.
3. Beri warna hitam (#000000) pada background.
4. Lalu tulislah sebuah teks yang kamu akan tuliskan contoh saya gunakan tulisan 'ALIF'. Ukuran dan jenis font bisa beragam, untuk warna tulisan gunakan warna putih (#FFFFFF).

5. Klik menu Layer > Duplicate Layer/Ctrl + J, maka akan muncul layer Alif copy dari layer yang kita copy/aslinya.

6. Pindahkan layer yang telah diduplkasi diatas layer background.
7. Masih pada layer copy / Layer Alif copy, Klik menu Filter > Stylize > Wind.
8. Pada Kotak dialog Wind,

 tentukan Method = Wind dan Direction = From the Right > OK.

9. tekan Ctrl + F dua kali untuk memperkuat efek Wind.
10. Pilih menu Layer > Layer Style > Gradient Overlay.
11. Atur Pengaturan pada Gradient Overlay seperti dibawah ini.
► Gradient Overlay 
12. Pilih Layer yang paling atas/ Layer teks Alif, lalu atur pengaturan Gradient Overlay dan Stroke seperti dibawah ini.
► Gradient Overlay  
► Stroke
13. Maka Hasil akhirnya akan seperti ini.

begitulah cara membuat Efek Fast dengan Photoshop ala Pesat-education ...
selamat mencoba & salam Blogger!!!

Read More

Cara Membuat Gambar Bergerak di Bagian Pojok Blog

Setiap kamu membuka blog ini pasti kamu melihat gambar animasi Naruto lagi duel sama Sasuke yang ada di pojok kanan atas, iyakan... saya memilih gambar ini karena saya sedang menyesuaikan blog ini dengan templatenya yang serba Naruto... Kalau kamu mau membuat seperti gambar seperti yang ada di blog saya ini "Cara Membuat Gambar Bergerak di Bagian Pojok Blog" kalau  kamu sudah punya gambarnya tinggal kamu taruh aja di photobucket atau di webhosting... kalau kamu mau tau cara membuat gambarnya ikuti cara berikut ini... Sekaligus langsung memasukkannya ke blog kamu...

1. Buatlah gambar animasi kesukaan kamu dengan tool imaging seperti ulead gif animatoratau yang lainnya. Jika cara pertama ini terlalu susah, kamu juga bisa langsung cari gambar animasi disini
2. Copy alamat URL dari gambarnya dengan cara "Klik kanan > Copy image Location"
3. Login ke blog kamu
4. Masuk ke menu Layout > Edit HTML
5. Backup template kamu dengan cara Copy Paste ke Notepad
6. Sekarang cari kode ]]></b:skin> di template kamu
7. Letakkan kode berikut tepat dibawahnya :

#trik_pojok {
position:fixed;_position:absolute;bottom:0px; right:0px;
clip:inherit;
_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight);
_left:expression(document.documentElement.scrollLeft+
document.documentElement.clientWidth - offsetWidth); }

8. kode yang berwarna merah menandakan posisi dari gambar, bisa diganti semaumu. Misal :

kiri=left, atas=up, bawah=bottom, kanan=right

9. Setelah itu cari kode </body> di template dan Letakkan kode dibawah ini tepat diatasnya :

<div id='trik_pojok'>
<a href='http://aagen-blog.blogspot.com/' target='_blank' title='Harree gene belum punya Blog, Ketinggalan zaman loe...'>
<img border='0' height='175' src='http://www.nonstopgifs.com/animated-gifs/games/games-animated-gif-002.gif' width='150'/></a>
</div>

10. Gantilah http://aagen-blog.blogspot.com/ dengan nama blogmu
11. Ganti Harree gene belum punya Blog, Ketinggalan zaman loe... dengan kata-kata sesukamu. Kata ini muncul pada saat hendak diklik oleh mouse.
12. Ganti 175 dengan tinggi gambar yang sesuai
13. Ganti http://www.nonstopgifs.com/animated-gifs/games/games-animated-gif-002.gif dengan alamat URL sumber gambar
14. Ganti 150 dengan lebar gambar yang sesuai
15. Jika selesai mengedit, klik Pratinjau
16. Save Changes atau Save Template

Read More

cara memasang shoutbox

Beberapa hari kedepan, saya akan memposting tutorial blogspot untuk melengkapi artikel tutorial pada blog saya, bergantian dengan artikel lainnya. Mudah-mudahan bermanfaat juga untuk para newbie.

Saat anda mengunjungi blog teman-teman, istilah gaulnyablogwalking, pasti anda sering menjumpai fasilitas ShoutBox. ShoutBox ini digunakan sebagai sarana untuk berinteraksi, bisa sekadar menyapa, memberikan masukan, saran, bertanya, bertukar link, bahkan untuk promosi. Boleh dibilang, shoutbox ini adalah sebuah mini chat box. Fasilitas ini juga bisa digunakan untuk menaikkan traffic pengunjung blog anda.

Di internet sebenarnya bisa ditemukan beberapa penyedia fasilitas ini secara gratis, antara lain:
· www.shoutmix.com
· www.ogix.com
· www.cbox.ws
· www.freeshoutbox.net
Namun di buku ini saya hanya membahas shoutbox yang disediakan oleh shoutmix.com. Karena shoutbox dari shoutmix.com ini paling banyak digunakan oleh para blogger. Berikut ini langkah-langkahnya:
1. Ketikkan alamat www.shoutmix.com pada internet browser anda.2. Pada halaman utama klik menu CREATE YOUR SHOUTBOX NOW.

3. Pada halaman Create Account, masukkan nama username dan password pada kotak yang tersedia.
4. Selain User Id dan kata kunci, masukkan juga informasi kontak seperti nama dan alamat e-mail yang aktif.
5. Pada bagian bawah, beri tanda centang sebagai tanda setuju. Kemudian klik tombol Continue untuk menyimpan formulir pendaftaran.

6. Jika pendaftaran diterima akan muncul halaman Shoutbox Style. Pilih salah satu bentuk yang sesuai selera anda.
7. Masih berada pada halaman yang sama, masukkan kode verifikasi yang ditampilkan dalam kolom yang disediakan. Lalu klik tombolContinue.
8. Selanjutnya akan muncul halaman terima kasih dan informasi bahwa akun anda sudah berhasil dibuat. Lanjutkan dengan menekan tombol Go to my control panel now.

9. Pada halaman utama, dalam kotak dialog Quick Start, klik menuGet Codes.

10. Dari 4 menu yang muncul, klik menu pertama yang bertuliskan Place Shoutbox on web page.
11. Dari langkah sebelumnya, jika kamu ingin tampilan Shoutbox berbentuk animasi Flash, tambah pilihan kedua Place Flash Viewer on Webpage.
12. Klik sekali pada kotak kode untuk memblok, kemudian Crl+C untuk menyalin kode tersebut.

Di bawah ini adalah contoh kode HTML yang di-copy dari shoutmix.com:

<!-- Begin ShoutMix - http://www.shoutmix.com --> <iframe scrolling="auto" width="220" frameborder="0" src="http://www6.shoutmix.com/?popowijaya2508" height="400" title="popowijaya2508"> <a href="http://www6.shoutmix.com/?popowijaya2508">View shoutbox</a> </iframe> <br/><a href="http://www.shoutmix.com" title="Get your own free shoutbox chat widget at ShoutMix!">ShoutMix chat widget</a><br/> <!-- End ShoutMix -->

Selanjutnya adalah memasang kode tersebut pada blog anda. Nah, berikut langkah-langkahnya:
1. Login ke blogger.com dan masuk ke halaman Dasbor.
2. Klik menu Tata Letak.
3. Lalu pilih Elemen Halaman.
4. Pada halaman Elemen Halaman, klik menu Tambah Gadget.
5. Klik pada link menu HTML/JavaScript.
6. Maka akan terbuka jendela baru Mengkonfigurasi HTML/JavaScript. Tempel/paste (Ctrl+V) kode yang anda dapat dari shoutmix.com pada kotak konten.

7. Klik tombol Simpan.
8. Lihat hasilnya pada blog anda.

Nah, anda sudah siap ‘blog walking’ dan menyapa teman-teman anda. Selamat mencoba.

Read More

Menghilangkan Tanggal Posting

langsung ajjah yua..!!!

Ente jangan khawatir,,, caranya gampang ko!!!
Asal teliti ajJah, hehe " gak deng becanda"
Caranya :

• Login ke blog anda
• Klik Tata Letak
• Klik Edit HTML
• Beri tanda centang pada kotak kecil Expand Template Widget
• Silahkan cari kode berikut ini di dalam template anda

h2.date-header { bla bla bla bla bla }

• Jika sudah ketemu, sisipkan kode di bawah ini sebelum tanda kurung tutup tersebut

visibility: hidden;

• Maka hasilnya akan seperti ini

h2.date-header { bla bla bla bla bla visibility: hidden;

• Klik Pratinjau untuk melihat hasil kerja anda
• Jika sudah sesuai dengan keinginan anda, silahkan klik Simpan Template
• Selesai

Selamat mencoba, semoga bermanfaat

Read More

Membuat Tab View

Karena sering ditanya tentang bagaimana caranya membuat Tab VIew (Biasanya nanyanya gini: "Mas cara membuat menu yg kayak punya mas gmn? yg ada "Tips & Trik", "Lain-lain", "Terbaru", "Komentar" itu lho). Ya kan? hayo ngaku... Tabview itu sangat berguna sekali, karena dengan ukuran kotak yang relatif kecil tapi bisa memuat isi yang buanyak. Sebenarnya dah dari dulu pingin posting tentang itu, tp karena yg dulu cara pasanganya sulit jadi belum bisa aku jelaskan. Trus akhirnya aku menemukan metode baru dalam pembuatannya. Cara yang ini mungkin mirip dengan punyanya o-om, tp scriptnya agak beda. Dan aku dapet script ini juga bukan dari o-om lho :D
Tab view itu contohnya seperti ini :

Beginilah cara untuk membuat menu tab view tersebut

1. Login ke blogger trus pilih menu "Layout --> Edit HTML"
2. Kemudian cari kode ini ]]></b:skin>
3. Kemudian masukkan kode berikut ini sebelum kode ]]></b:skin>atau kedalam tag CSS.

div.TabView div.Tabs
{
height: 24px;
overflow: hidden;
}
div.TabView div.Tabs a
{
float: left;
display: block;
width: 90px; /* Lebar Menu Utama Atas */ text-align: center;
height: 24px; /* Tinggi Menu Utama Atas */
padding-top: 3px;
vertical-align: middle;
border: 1px solid #000; /* Warna border Menu Atas */
border-bottom-width: 0;
text-decoration: none;
font-family: "Times New Roman", Serif; /* Font Menu Utama Atas */
font-weight: 900;
color: #000; /* Warna Font Menu Utama Atas */
}
div.TabView div.Tabs a:hover, div.TabView div.Tabs a.Active
{
background-color: #FF9900; /* Warna background Menu Utama Atas */
}
div.TabView div.Pages
{
clear: both;
border: 1px solid #6E6E6E; /* Warna border Kotak Utama */
overflow: hidden;
background-color: #FF9900; /* Warna background Kotak Utama */
}
div.TabView div.Pages div.Page
{
height: 100%;
padding: 0px;
overflow: hidden;
}
div.TabView div.Pages div.Page div.Pad
{
padding: 3px 5px;
}

4. Perhatikan text-text yang berwarna merah, itu adalah keterangan untuk pengaturan Tab View. Ada ukuran warna dll. Untuk mengetahui kode2 warna silahkan lihat DISINI
5. Langkah selanjutnya yaitu pasang kode berikut ini sebelum kode</head>

<script src='http://kendhin.890m.com/blog/tabview.js' type='text/javascript'/>

6. Kemudian "Di save"
7. Lalu pergi ke menu "Page Elements"
8. Trus PIlih "Add a Gadget" --> "HTML/Javascript" di tempat yg akan km letakkan Manu Tab View ini.
9. Inilah script yg harus kamu pasang :

<form action="tabview.html" method="get">
<div class="TabView" id="TabView">
<div class="Tabs" style="width: 350px;">
<a>Tab 1</a>
<a>Tab 2</a>
<a>Tab 3</a>
</div>
<div class="Pages" style="width: 350px; height: 250px;">


<div class="Page">
<div class="Pad">
Tab 1.1 <br />
Tab 1.2 <br />
Tab 1.3 <br />
</div>
</div>


<div class="Page">
<div class="Pad">
Tab 2.1 <br />
Tab 2.2 <br />
Tab 2.3 <br />
</div>
</div>


<div class="Page">
<div class="Pad">
Tab 3.1 <br />
Tab 3.2 <br />
Tab 3.3 <br />
</div>
</div>


</div>
</div>
</form>


<script type="text/javascript">
tabview_initialize('TabView');
</script>

Keterangan :
- Angka2 atau text yang berwarna biru (350px) adalah ukuran tinggi dan lebar tabview.
- Kode yang berwarna Hijau Adalah text yang di Menu utama (Menu Atas).
- Kode yang berwarna merah adalah isi dari tabvie tsb. Kamu bisa mengisinya dengan link, gambar, banner, script dll.
- Untuk menmbahkan jumlah menu maka perhatikanlah text yang berkedip2. tambahkan menu tersebut dibawahnya.

Read More

Cara pasang Upin & Ipin di blog kamu

Upin & Ipin ini akan mengucapkan "Assalamu'alaikum" secara Otomatis apabila arah panah mouse di dekatkan ke gambarnya...

mau??

mau??

mau??


Langsung aJjah yUa..!!!

Caranya :

1. Masuk ke Blog
2. Klik Tab Tata Letak
3. Klik Edit/HTML
4. Cari kode seperti ini : </head>

5. Kalau sudah ketemu, letakkan script di bawah ini tepat di bawah kode</head>

             Posisi melayang Upin & Ipin ada di sebelah "Kanan Atas"

<script language="JavaScript" src="http://h1.ripway.com/ichal13/ichalWidget.js" type="text/javascript"></script>
<script language="JavaScript" type="text/javascript">eXl1lXc('http://adiwidget.com/flash/atuk.swf','top','0px','right','0px','100001','95','170','transparent','ffffff');</script>

<script language="JavaScript" src="http://h1.ripway.com/ichal13/ichalWidget.js" type="text/javascript"></script>
<script language="JavaScript" type="text/javascript">eXl1lXc('http://adiwidget.com/flash/atuk.swf','top','0px','right','0px','100001','95','170','transparent','ffffff');</script>

> Posisi melayang Upin & Ipin ada di sebelah "Kanan Bawah"

<script language="JavaScript" src="http://h1.ripway.com/ichal13/ichalWidget.js" type="text/javascript"></script>
<script language="JavaScript" type="text/javascript">eXl1lXc('http://adiwidget.com/flash/atuk.swf','bottom','0px','right','0px','100001','95','170','transparent','ffffff');</script>

> Posisi melayang Upin & Ipin ada di sebelah "Kiri Bawah"

<script language="JavaScript" src="http://h1.ripway.com/ichal13/ichalWidget.js" type="text/javascript"></script>
<script language="JavaScript" type="text/javascript">eXl1lXc('http://adiwidget.com/flash/atuk.swf','bottom','0px','left','0px','100001','95','170','transparent','ffffff');</script>

> Posisi melayang Upin & Ipin ada di sebelah "Kiri Atas"

<script language="JavaScript" src="http://h1.ripway.com/ichal13/ichalWidget.js" type="text/javascript"></script>
<script language="JavaScript" type="text/javascript">eXl1lXc('http://adiwidget.com/flash/atuk.swf','top','0px','left','0px','100001','95','170','transparent','ffffff');</script>

Read More

Cara Mengganti icon blogger

Ini adalah icon pada blogspot, dan semua orang  awalnya tentu akan sama jika kita belum menggantinya. Jika sobat rasa icon seperti intu kurang memanjkakan mata dan ingin merubahnya itu mudah. Cara mengganti icon pada bloger adalah :

• Login ke blog sobat -> Rancangan(Design)-> edit HTML -> ceklis/centang Expand Template Widget
• Cari kode </head> jika sudah di temukan, kemudian copy kode scrip di bawah ini dan paste di atas kode </head>

<link href='http://i25.tinypic.com/axeua.jpg' rel='SHORTCUT ICON'/>

• Simpan

catatan: tulisn bercetak tebal bisa sobat ganti dengan logo2 yang sudah kamu upload pada photobucket.com / tinypic.com atau web hosting lainnya. jika sobat gak mau ribet dengan wobhosting lihat saja di bawah ada banyak icon dan kode linknya silahkan sobat pilih!

atau sialahkan anda Upload sendiri sesuai kehendak anda di sini :http://www.iconfinder.com , http://stashbox.org  silahkan mencoba.....dan tanyakan jika ngk bisa.... terimakasih...... tanks

Read More