info tutorial aku: September 2010

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.

Memasang JQuery Back to Top Scroll di Blogger

Memasang Status Yahoo Messenger Di Blog

Teks Efek Moon Shine Softly Dengan Photoshop

Outer Glow

Kategori

Live Chat

Arsip

Followers