info tutorial aku

YOUR POST TITLE HERE
SOME DESCRIPTION OF YOUR POST HERE

Memasang JQuery Back to Top Scroll di Blogger

23.12

infotutorialaku , Posted in blogger , 1 Comment

Banyak cara untuk memperindah blog anda, salah satunya menggunakan JQuery. dengan memasang back to top pada blog anda maka si pengunjung blog anda tidak perlu secara manual menggunakan scroll mouse untuk kembali ke atas halaman anda, cukup dengan mengklik "Back to Top" makan otomatis akan kembali keatas.

Pemasangan
1. Login ke blogger » layout / tata letak » edit HTML
2. Masukan script jQuery berikut diatas </head>:

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.1/jquery.min.js' type='text/javascript'/>

3. Masukan script berikut dibawah script jQuery tadi:

<!-- Back To Top -->
<script src='http://riky-rizkiyana.googlecode.com/files/back-to-top.js' type='text/javascript'/>
<script type='text/javascript'>
jQuery.fn.topLink = function(settings) {
 settings = jQuery.extend({
  min: 1,
  fadeSpeed: 200
 }, settings);
 return this.each(function() {
  var el = $(this);
  el.hide(); 
  $(window).scroll(function() {
   if($(window).scrollTop() &gt;= settings.min)
   {
    el.fadeIn(settings.fadeSpeed);
   }
   else
   {
    el.fadeOut(settings.fadeSpeed);
   }
  });
 });
};

$(document).ready(function() {
 $(&#39;#top-link&#39;).topLink({
  min: 300,
  fadeSpeed: 500
 });
 $(&#39;#top-link&#39;).click(function(e) {
  e.preventDefault();
  $.scrollTo(0,300);
 });
});
</script>
<!-- End Back To Top -->

4. Cari kode <body> dan rubah menjadi <body id='top'>
5. Masukan CSS dibawah sebelum kode ]]></b:skin>:

#top-link {display:none;font-weight:bold;font-family:tahoma;font-size:10px;width:70px;background:#000;color:#fff;text-shadow:1px 1px 1px #666;font-size:11px;position:fixed;right:-20px;bottom:150px;padding:5px;-moz-transform: rotate(90deg);-webkit-transform: rotate(90deg);-webkit-border-radius: 4px;-moz-border-radius: 4px; border-radius: 4px;}

6. Masukkan kode HTML berikut sebelum </body>:

<a class="no-click no-print" href="#top" id="top-link" rel="nofollow" title="Back to Top Page">Back To Top</a>

7. Simpan template dan lihat hasilnya.

Memasang Status Yahoo Messenger Di Blog

21.54

infotutorialaku , Posted in blogger , 0 Comments

Anda ingin memasang status YM(Yahoo Messenger) di blog anda?? sangat gampang, copy saja script di bawah ini paste pada widget html anda dan ganti pada text yang berwarna merah dengan ID YM anda :

<a href="http://messenger.yahoo.com/edit/send/?.target=alit_andhika">
<img src="http://opi.yahoo.com/yahooonline/u=alit_andhika/m=g/t=2/l=us/opi.jpg" border="0" alt="Status YM" /></a>

anda juga dapat mengganti icon status yahoo anda dengan mengganti angka pada text berwarna biru di atas t=2.

.:: Selamat Mencoba ::.

Teks Efek Moon Shine Softly Dengan Photoshop

22.28

Efek teks tampak baik pada latar belakang berwarna gelap, mari kita mulai membuat. Menggunakan warna # 0f1c25 dan hitam, buatlah gradient radial di tengah kanvas anda Anda.

Buatlah teks dengan menggunakan font Aurora BdCn BT tipe bold.

Pergilah ke layer > layer style > Blending Options (Klik kanan Layer> Blending Options). ditunjukkan di bawah ini, settingan layer style yang diperlukan.

Drop Shadow

Outer Glow

Color : # Afd3e2

Inner Glow

Color: #93c1d4

Gradient Overlay

Gradient : #Afd3e2 dan Putih

Sekarang anda bisa lihat hasilnya indah bukan, supaya tulisan tambah cantik klik new layer pilih brush tipe star 70 warna putih dan beri brush pada bagian atas huruf.

That's it! Mudah bukan?? Selamat Mencoba.

Membuat Efek Teks Color Full dengan Photoshop

18.22

infotutorialaku , Posted in Photoshop , Tutorial , 1 Comment

Mari kita mulai! Buka lembar kerja baru di photoshop anda(ctrl+N). Size 500x500 pixel dan fill(shift+f) black.

Pilih Horizontal type tool ketik text di tengah canvas dan beri warna putih font ‘Century Gothic’.

Sekarang kita menuju layer > rastersize > type. lalu pilih Rectangular Marquee Tool. Lalu select satu huruf dan cut dan membuat layer baru ctrl+shift+j. Ulangi hal tersebut sampai semua huruf .

beri warna setiap layer huruf klik layer > layer style > color overlay . “ A= #800cb6, N= #074d9d, D= #0496b7, H= #00992b, I= #8c9f09, K= #a55405 dan A= #9f0929 “.

Lalu merge semua layer huruf. Dan duplikat dengan meneka ctrl+j. lalu pergi ke filter > blur > motion blur .

Maka sekarang sudah terlihat effect seperti ini.

Apakah anda sudah puas dengan hasil seperti ini??? Mari kita lanjutkan lagi agar lebih sempurna. Sekarang cari Select > Load Selection. Lalu cari Rectangular Marquee Tool pada pojok kiri atas klik button subtract from selection. Dan buang yang tidak perlu seperti gambar di bawah ini.

Setelah itu tekan ctrl+shift+j dan color overlay warna putih opacity kecilkan agar terlihat transparan pada daerah selection tersebut dan transparency.