Diberdayakan oleh Blogger.

Sabtu, 30 Maret 2013

Memberi Efek Taburan Bintang di Blog

Sebelumnya saya berbagi salah satu cara untuk mempercantik blog, yaitu Memberi Efek Taburan Hati di Blog, pada postingan kali ini saya akan membahas mengenai cara Memberi Efek Taburan Bintang di Blog. Sebenarnya efek ini sama saja dengan efek taburan hati dan Efek Daun Berjatuhan, hanya tampilannya saja yang berbeda dan juga kode script-nya.

Untuk menerapkan efek ini pada blog bisa melalui edit template, ataupun lewat gadget, silakan anda pilih cara mana yang menurut anda lebih nyaman.

Cara yang pertama melalui edit template :
  • Pada dashboard blogger klik Template > Edit html
  • Beri centang pada Expand Template Widget
  • Cari kode </body> lalu letakkan kode script efek di atas kode </body>, berikut script-nya:
    Efek bintang berwarna kuning,
    <script src='http://wadah-tutorial.googlecode.com/files/bintangkuning.js' type='text/javascript'/>
    Efek bintang berwarna biru,
    <script src='http://wadah-tutorial.googlecode.com/files/bintangbiru.js' type='text/javascript'/>
    Efek bintang berwarna oren,
    <script src='http://wadah-tutorial.googlecode.com/files/bintangoren.js' type='text/javascript'/>
    Efek bintang berwarna pink,
    <script src='http://wadah-tutorial.googlecode.com/files/bintangpink.js' type='text/javascript'/>
  • Terakhir klik Save Template.
Untuk cara kedua melalui Gadget :
  • Pada dashboard klik Tata Letak > Add a gadget > HTML/JavaScript.
  • Letakkan script dibawah ini pada gadget.
    Efek bintang berwarna kuning,
    <script src='http://wadah-tutorial.googlecode.com/files/bintangkuning.js' type='text/javascript'/></script>
    Efek bintang berwarna biru,
    <script src='http://wadah-tutorial.googlecode.com/files/bintangbiru.js' type='text/javascript'/></script>
    Efek bintang berwarna oren,
    <script src='http://wadah-tutorial.googlecode.com/files/bintangoren.js' type='text/javascript'/></script>
    Efek bintang berwarna pink,
    <script src='http://wadah-tutorial.googlecode.com/files/bintangpink.js' type='text/javascript'/></script>
  •  Lalu klik Simpan / Save.
Selesai,,, silakan lihat hasilnya pada blog sobat.

Tidak ada komentar:

Posting Komentar

author
Iman Saiman
Owner Kaki5Digital - SMS/WA: 081807381432