Home » Archive for 05/09/12

Cara Menambah Animasi Kursor Bertabur Bintang

1 Comment


Dalam membuat Blog, pasti kita ingin untuk memperindah tampilan Blog kita. Salah satunya dengan menambahkan animasi kursor mouse bertabur bintang. Cursor Bertabur Bintang merupakan cursor mouse yang bertabur bintang warni-warni yang terletak pada mouse apabila di gerakkan,,
Apabila tertarik untuk memasangnya di blog Anda, langsung saja ikuti langkah-langkah di bawah ini :
Pilih salah satu script kode dibawah ini sesuai dengan warna kesukaan anda dan warna yang kontras dengan warna background blog anda
Cursor Bertabur Bintang Dengan Warna Biru

<script src="http://kikiefendiclock.googlecode.com/files/www.kikiyo.co.cc.cursor-bintang-biru.js" type="text/javascript"></script>
 
Cursor Bertabur Bintang Dengan Warna Hijau
<script src="http://kikiefendiclock.googlecode.com/files/www.kikiyo.co.cc.cursor-bintang-hijau.js" type="text/javascript"></script>

Cursor Bertabur Bintang Dengan Warna Merah
<script src="http://kikiefendiclock.googlecode.com/files/www.kikiyo.co.cc.cursor-bintang-merah.js" type="text/javascript"></script>


Cursor Bertabur Bintang Dengan Warna Ungu
<script src="http://kikiefendiclock.googlecode.com/files/www.kikiyo.co.cc.cursor-bintang-ungu.js" type="text/javascript"></script>

Cursor Bertabur Bintang Dengan Warna Silver
<script src="http://kikiefendiclock.googlecode.com/files/www.kikiyo.co.cc.cursor-bintang-silver.js" type="text/javascript"></script>

Cursor Bertabur Bintang Dengan Warna Kuning
<script src="http://kikiefendiclock.googlecode.com/files/www.kikiyo.co.cc.cursor-bintang-kuning.js" type="text/javascript"></script>

Cursor Bertabur Bintang Dengan Warna Hitam
<script src="http://kikiefendiclock.googlecode.com/files/www.kikiyo.co.cc.cursor-bintang-hitam.js" type="text/javascript"></script>

Langkah - langkahnya :
1.Masuk Ke Akun Blogger Anda
2.Klik Tata letak atau Rancangan
3.Lalu Klik Tambah Gadget
4.Pilih HTML/JavaScript
5.Copy paste script kode diatas didalam HTML/JavaScript
6.Klik Simpan 
7.Kemudian Lihat Blog Anda akan tampak keren :

Related Posts:

Cara Membuat Widget Update Status Twitter Di Blog

Add Comment

Pada kesempatan kali ini saya akan membahas bagaimana cara menampilkan status terbaru dari twitter kamu tampil di Blog kamu, sebelumnya saya sudah pernah membahas tentang cara menampilkan status twitter kamu di blog dengan menggunakan fasilitas dari twitter nya, kali ini berbeda tidak menggunakan fasilitas twitter yang di berikan, tapi menggunakan sedikit modifikasi sehingga akan terlihat lebih bagus, dan cara membuatnya sangat mudah dan tersedia beberapa background untuk anda yang bagus jadi tinggal sobat pilih salah satu aja tinggal copy link location pada gambar berikut.



Gambar diatas kamu boleh gunakan untuk mengganti kode yang berwarna biru, arahkan kursor ke gambar diatas Copy URL Images lalu ganti kode yang berwarna biru.

1. Login ke Blog kamu.
2. Pilih Rancangan terus Add Gadget terus pilih HTML/Java Script.
3. Copy kode dibawah ini.
<div style="background:#fff url(https://lh3.googleusercontent.com/-mESlBTXPXd8/T5OZSdziSdI/AAAAAAAAByI/EwRLCMlPvOU/s300/bLAZER%2520bLOG%25202.png) no-repeat;padding-top:45px;padding-left:8px">
<script src="http://widgets.twimg.com/j/2/widget.js"></script>
<script>
new TWTR.Widget({
version: 2,
type: 'profile',
rpp: 10,
interval: 3000,
width: 285,
height: 123,
theme: {
shell: {
background: 'transparent',
color: '#000000'
},
tweets: {
background: 'transparent',
color: '#000000',
links: '#135a9e'
}
},
features: {
scrollbar: false,
loop: true,
live: true,
hashtags: true,
timestamp: true,
avatars: true,
behavior: 'default'
}
}).render().setUser('blazer_blog').start();
</script>
</div>
Ganti yang berwarna MERAH  dengan username Twitter kamu.
Kamu juga dapat mengganti yang berwarna BIRU denagn Background yang tekah disediakan cukup Copy URL Image nya saja lalu ganti.

Related Posts:

Cara Membuat Hujan Salju Di Blog

Add Comment

Hujan Salju Di blog .Huawww... pasti indah .nahh dalam postingan kali ini klinik-it akan memberikan tipsnya,yaitu tips tentang Cara Membuat Hujan Salju Di Blog . ini dia pernak-pernik yang ga boleh ketinggalan dan wajib ada di blog sobat. apa maksudnya hujan salju yang ada di blog ? hujan salju yang ada di blog adalah kumpulan bintik-bintik putih yang jatuh di dalam blog , hujan salju ini cocok dipasang di blog yang menggunakan template berwarna gelap ,supaya saljunya terlihat bagus dan terlihat lebih berkilau .

Nahh buat sobat yang penasaran dengan hujan salju yang dari tadi klinik-it jelaskan,setelah sobat masuk kedalam blog tersebut silakan sobat perhatikan ada bintik-bintik putih mirip salju ,nahh... itu dia yang disebut hujan salju yang ada di blog. jika sobat tertarik ingin membuat hujan salju seperti itu silakan ikuti langkah-langkah Cara Membuat Hujan Salju Di Blog di bawah ini .

Cara Membuat Hujan Salju Di Blog

1.Login Ke Blogger .

2.Klik Tata Letak.

3.Klik Edit HTML.

4.Selanjutnya centang dulu Expand Template Widget lalu Silakan Sobat Cari Kode </head> .biar lebih mudah mencarinya tekan aja tombol CTRL+F.

5.Kalo udah ketemu kodenya Copy dan Paste kode berwarna merah berikut tepat dibawah kode </head> .

<script src='http://denisahlan.netau.net/hujansalju.js' type='text/javascript'/>

6.Klik Simpan Template .

7.Terakhir tinggal sobat lihat dech hasilnya..
8. Tinggalkan pesan komentar anda dibawah ?

Related Posts:

Cara Memasang Like Facebook Di Blogger Anda

Add Comment

Cekidot Sobat :


Pertama anda harus membuat Page/Halaman di Facebook untuk bisa mendapatkan URL page anda,
untuk membuat page/halaman facebook silahkan Klik Disini

Dan selanjutnya Ikuti tutorial berikut:

1. Login ke akun Facebook.com.
2. Klik link ini -> Facebook Like Box
3. Pada "Facebook Page URL" masukkan alamat Page kita.
Contoh, https://www.facebook.com/likedist
4. Buang tanda tik/centang pada "Show header" dan "Show stream".
5. Klik "Get Code"


6. Ambil kode di kotak "XFBML" (bukan yang Iframe).



Kode XFBML untuk FB Fan Page MA Al-Khoirot seperti ini:

view plainprint?
  1. <div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like-box href="https://www.facebook.com/likedist" width="292" height="310" show_faces="true" border_color="" stream="false" header="false"></fb:like-box>   

7. Ganti URL berwarna merah itu https://www.facebook.com/likedist dengan URL page/halaman
    facebook yang sudah anda buat.
8. Masukkan kode tersebut di blog Blog Tata Letak Anda. (Rancangan -> Elemen Laman -> Tambah Gadget -> HTML/JavaScript -> taruh kodenya.
9. Klik simpan setelah itu liat hasilnya,sedikit rubet sihh namun simple kok and selamat mencoba ya
10. Tinggalkan komentar kalian dibawah:

Related Posts:

Cara Mengganti Gambar Kursor di Blog

Add Comment


Kali ini Widget and Tutorial bakal membagikan tutorial tentang cara mengganti kursor di blogspot. Caranya mudah kok. Langsung praktik aja yuk. Begini langkahnya :

  • Login blogger kamu
  • Masuk ke Dashboard >> Design >> Page Element
  • Add a gadget dan pilih HTML/JavaScript
  • Copy Paste kode di bawah ini
Kode 1 : Mengubah kursor tapi tidak mengubah ketika menyorot link

<style type="text/css">
body{cursor: url("http://dl8.glitter-graphics.net/pub/330/330658m8v492ivpa.gif"), auto;}
</style>

Kode 2 : Mengubah kursor walaupun saat menyorot link
<style type="text/css">body{cursor: url("http://dl8.glitter-graphics.net/pub/330/330658m8v492ivpa.gif"), auto;}body a:hover{cursor: url("http://dl8.glitter-graphics.net/pub/330/330658m8v492ivpa.gif"), auto;}</style>


Ganti tulisan yang berwarna Biru Langit dengan link URL gambar kamu.

Berikut adalah link kursor koleksi saya (untuk mendapatkan link URL nya, klik kanan pada gambar >> Copy image URL) :


Related Posts:

Cara Menyusun Arsip pada Blog

Add Comment

sobat-sobat Blogger sudah tidak asing lagi dengan gadget bawaan Blogger yang bernama "Blog Archive"/"Arsip Blog"? Yapz...betul sekali, widget arsip blog berfungsi untuk menampilkan seluruh arsip tulisan-tulisan atau artikel-artikel kita yang ada di blog kita. Yang namanya juga gadget bawaan Blogger pasti bisanya cuma ditampilkan di bagian yang tersentuh oleh elemen "Add gadget", dengan kata lain hanya bisa ditampilkan di bagian sidebar, header, footer, dll...yang jelas nggak bisa ditampilkan di dalam halaman postingan kita. Nah, di postingan ini sebenarnya kita akan membahas cara menampilkan arsip blog Blogger di dalam postingan Blog Blogspot kita, jadi bagi sobat2 blogger yang tertarik, maka bisa langsung praktek :D

Agar tidak terbelit-belit, sebagai contoh halaman arsip blog adalah klik


Bagaimana? Jika sobat tertarik dengan widget tersebut, untuk memasang di blog sobat silakan untuk mengikuti langkah-langkah berikut ini :

1. Login ke akun Blogger sobat
2. Klik tombol "new post"

3. Dan Beri judul post baru anda "Arsip blog ini" atau apa saja yang menurut anda cocok, "daftar isi" juga boleh....

4. Selanjutnya di kolom post, paste-kan kode berikut:

<div id="bp_toc">
Sedang membuka arsip. SILAHKAN TUNGGU SEBENTAR....</div>
<script src="http://t4belajarblogger.googlecode.com/files/arsip-t4belajarblogger.js" type="text/javascript"></script> <script src="/feeds/posts/summary?alt=json-in-script&max-results=500&callback=loadtoc" type="text/javascript"></script>

5. Klik "Publish" untuk mempublikasi postingan "arsip blog" anda....

Selesai.... : Simple kan and selamat mencoba

Related Posts:

Langganan: Postingan (Atom)
Mhoza CupLas CupLis. Diberdayakan oleh Blogger.