Kamis, 23 Agustus 2012

CARA MEMBERI SCREEN SEVER DI BLOG

Pada artikel sebelumnya sudah aku post tentang 'Membuat ScreenSaver di Blog' , kali ini kita akan belajar bagaimana cara memasang screen saver dengan gambar sendiri.. tapi ini ada copyright nya, aku ambil dari blogger sebelah.. namun begitu copyright nya ini tidak banyak menutupi dan tidak me-link pop up atau semacamnya.. di coba aja kalau tertarik (y)

  Ikuti langkah-langkah berikut untuk memulainya :

  1. Login ke Blogger.com
  2. Masuk ke Design
  3. Klik Add a Gadget > HTML/ JavaScript
  4. Copy Paste kode berikut ke dalamnya
<script type="text/javascript" src="https://sites.google.com/site/vikrymadzblogspotcom/vikrymadz/screensavervikry.js"></script>
<style type='text/css'>
div#energysaving p span {display:none;visibility:hidden;}
</style>

#Ganti yang berwarna biru dengan link gambarmu.. kalau bisa ya ukuran 1265 x 700 !
#ScreenSaver akan mucul setelah 25 detik jika tidak ada aktivitas.. sekian :)

Jumat, 10 Agustus 2012

Membuat Scroll Bar Blog Berbeda

   Sobat blogger.. kali ini aku punya trik yang tidak kalah menarik dengan blogging tutorial sebelumnya.  Kali ini akan 'Membuat Scroll Bar Blog Berbeda' ,   sudah tahu kan apa itu scroll ? ScrollBar adalah sebuah kontrol penggulung yang terdapat di sisi suatu jendela.  Macam dari ScrollBar sendiri ada 2, horizontal scrollbar dan vertical scrollbar.  Fungsinya  untuk menggulung teks pada layar atau mengubah nilai sebuah kontrol.

      Kali ini kita akan mengubah scrollbar di blog atau juga bisa dibilang scrollbar dari browser.  Untuk lebih jelas nya lihat scrollbar berwarna biru pada screenshot disamping ~>


       Bagaimana sobat ?  Tertarik menggunakan trik ini untuk memperindah blog kalian ?  Kalau iya langsung ikuti langkah - langkah berikut ini :
  1. Login ke Blogger
  2. Klik Design > Edit HTML
  3. Pasang kode berikut di atas kode ]]></b:skin>  

    ::-webkit-scrollbar {
    height:15px;
    width: 15px;
    background: 
    #e6e6fa;
    }
    ::-webkit-scrollbar-thumb {
    background-color: 
    #1F61DB;
    -moz-border-radius: 12px;
    border-radius: 12px;
    }


    #e6e6fa ganti kode warna itu untuk mengganti warna background scrollbar
    #1F61DB ganti kode warna itu untuk mengganti warna scrollbar
  4. Klik 'Save Template'
  5. Terakhir kasih komentar pada postingan ini jika berhasil dan kalau berkenan tukeran link yakk ! :D