Jumat, 21 Desember 2012

Gan admin mnta bantuan nya donk, like and promosiin Fp ini ya agan" ... http://www.facebook.com/pages/WOW-Clothing/262524403874748?cropsuccess

Jumat, 14 Desember 2012

Membuat Semut Muter-muter di Blog

Ada gula ada semut, ada yang yang asyik-asyik dan manis akan banyak pengunjung. Kayak blog yang hitam manis ini :D. Pernah lihat blog yang di halamannya ada semut yang muter-muter. Atau malah pernah tertipu karena mengira itu semut ada di monitor PC kamu, dan mau menyingkirkannya ternyata asli dari blognya.

Baiklah, sekarang kita akan belajar untuk membuat semut berputar-putar di halaman blog. Sebenarnya sangatlah mudah, hanya menambahkan kode HTML sederhana. Dan tidak hanya semut, bisa juga diganti gambar animasi lain yang kamu suka, bisa monyet, cecak, dan lain-lain.

Cara Membuat Semut Muter-muter di Blog
1. Login ke blogger
2. Pilih Rancangan kemudian Tambah Gadget
3. Pilih HTML/JavaScript
4. Masukan kode HTML berikut ini:

5. Kode yang berwarna merah adalah URL gambar animasinya. 150 itu adalah jarak dari atas dan 20 jarak dari samping. Kita dapat menggantinya sesuai sesuka hati.
6. Simpan jika sudah selesai.

Kamis, 13 Desember 2012

Cara Membuat Efek Salju Di Blog

Cara Membuat Efek Salju Di Blog - Membuat efek salju pada blog bisa membuat blog kita tampak rame dan menarik sehingga pengunjung akan betah berlama-lama di blog sobat.

Semakin lama maka pageview juga akan meningkat sehingga bisa menekan bounce rate. Cara untuk membuat efek salju di blog ini sebenarnya cukup mudah dan bervariasi.

Kenapa ada beberapa cara? Yang pertama sobat bisa menggunakan efek salju ini dengan cara mengunduh file javascript, sementara cara lainnya sobat bisa langsung mengcopy kode tersebut sehingga loading blog juga tidak terlalu berat.

Selain itu, karena umumnya warna salju adalah putih dan cocok untuk blog dengan background hitam maka sobat juga harus melakukan sedikit modifikasi untuk warna saljunya sehingga efek salju ini bisa enak dilihat, makanya saya bilang ada beberapa cara untuk membuat efek salju di blog ini.

Cara Membuat Efek Salju

Login ke blogger.com.
Masuk ke Rancangan (Design) > Elemen Halaman (Page Element).
Sampai disini, silahkan sobat menambahkan widget HTML/Javascript, untuk judulnya dikosongi saja. Sobat juga bisa menggunakan widget HTML/Javascript yang sudah karena memang kita hanya butuh isi dari file javascriptnya saja.
Masukkan kode berikut
<script type="text/javascript" src="http://blogedek-javascript.googlecode.com/files/efek-salju.js" /></script>
Jika sobat tidak ingin download dari hosting saya, sobat juga bisa mendownloadnya dan mengupload kode javascript tersebut dengan membuat hosting sendiri.

Sampai disini sebenarnya sudah selesai langkah-langkah untuk

memberi efek salju pada blog

, tapi ini berlaku bagi blog dengan background hitam karena memang warna salju yang dipakai adalah putih.

Sobat harus memodifikasinya dengan kode berikut

<script type="text/javascript" src="http://blogedek-javascript.googlecode.com/files/efek-salju.js" /></script> <script type="text/javascript"> snowStorm.snowColor = '#99ccff'; // salju biru muda (silakan ganti dengan warna lain) snowStorm.flakesMaxActive = 96; snowStorm.useTwinkleEffect = true; </script>

Cara memasang kode ini sama seperti yang di atas, silahkan ganti kode warna salju sesuai keinginan sobat. Selain efek salju, tambahkan juga dengan memasang musik di blog sehingga blog sobat lebih rame lagi.

Oke sob, selamat mencoba untuk memberi efek salju pada blog dan semoga bermanfaat.

Cara Membuat Link Bergoyang Di Blog

Cara Membuat Link Bergoyang Di Blog - Link bergoyang ala inul daratista hehehe... yup, mungkin sobat sudah sering menemui link bergoyang ketika blogwalking dan apakah sobat sedang mencari bagaimana cara membuat link bergoyang tersebut? Jika iya mungkin tutorial sederhana ini bisa membantu sobat untuk membuat link bergoyang di blog.

Seperti sudah disebutkan di postingan sebelumnya tentang pentingnya anchor text (text link), maka sekarang sobat juga bisa membuat link tersebut bergoyang ketika disorot oleh kursor. (Baca : Cara Mengganti Kursor Dengan Gambar).

Emang apa fungsinya link bergoyang? ya fungsinya selain untuk memperjelas bahwa text tersebut mengandung link, juga bisa membuat pengunjung tertarik sehingga akan mengklik link tersebut dan akhirnya meningkatkan page view blog sobat apalagi jika sobat menggunakan trik 2 link dengan 1 klik dan semua link terbuka di tab baru secara otomatis, pasti tambah seru linknya. Ya sudah, langsung saja berikut ini cara membuat link bergoyang.

Cara membuat link bergoyang di blog

1. Login ke Blogger.
2. Di halaman Dasbor, kita pilih Rancangan.
3. Kemudian pilih Edit HTML
4. Beri tanda centang pada Expand Template Widget
5. Taruh kode berikut di atas kode </head>

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/> <script type='text/javascript'> $(document).ready(function() { $('a').hover(function() { //mouse in $(this).animate({ marginLeft: '12px' }, 400); }, function() { //mouse out $(this).animate({ marginLeft: 0 }, 400); }); });</script>

6. Simpan Template jika sudah selesai.

Mudah kan cara membuat link bergoyang di blog? :D Selamat mencoba dan semoga bermanfaat..

Membuat Judul blog bergerak

Membuat Judul blog bergerak adalah salah satu cara untuk membuat blog sobat menjadi terlihat lebih menarik. Nah, selain itu judul blog bergerak ini pun memiliki fungsi lain sob, mungkin sobat memiliki sebuah blog yang judul blognya panjang, judul blog bergerak ini merupakan salah satu alternatif agar judul blog sobat yang panjang terbaca. Oiya, judul blog yang dimaksud ini adalah nama blog sobat.

Hanya dengan mengubah sedikit kode html template sobat, judul blog bergerak pun jadi. Pada postingan sebelumnya juga kita pernah membahas tentang Cara membuat judul adress bar tampil beda. Sama dengan postingan sebelumnya, kita menggunakan script yang dapat membuat judul blog bergerak. Untuk gerakannya, judul blog bergerak ini satu jenis dengan marquee. Yaitu bergerak dari kanan ke kiri. Okedeh sobat, tanpa basa-basi lagi silahkan sobat lihat bagaimana cara Membuat Judul blog bergerak di bawah ini.

Masuk ke blogger.com dan login menggunakan akun blog sobat
Masuk pada halaman Template
Klik Edit HTML lalu Lanjutkan
Cari kode <title><data:blog.pageTitle/></title>, untuk mempermudah pencarian gunakan ctrl+f
Jika kode tersebut sudah ditemukan, ganti kode tersebut dengan kode di bawah ini:
<b:include data='blog' name='all-head-content'/>

<script language='JavaScript'>
var txt="<data:blog.pageTitle/> - ";
var kecepatan=100;var segarkan=null;function bergerak() { document.title=txt;
txt=txt.substring(1,txt.length)+txt.charAt(0);
segarkan=setTimeout("bergerak()",kecepatan);}bergerak();
</script>
- tulisan berwarna merah adalah kode dari kecepatan gerakan judul blog. Jadi bisa sobat ganti sesuai dengan keinginan sobat.
- tulisan berwarna biru adalah kode otomatis dari judul blog sobat. Nah, bisa sobat ganti dengan mengganti kode berwarna biru tersebut dengan judul blog sobat yang diinginkan
Sebelum sobat simpan, silahkan klik Pratinjau terlebih dahulu agar judul blog berjalan sesuai dengan keinginan sobat
Jika sudah pas dan sesuai dengan keinginan sobat silahkan klik Simpan Template

Bagaimana ? sederhana kan sobat untuk membuat judul blog bergerak? Okedeh sob, rendy pamit dulu sampai disini. Sampai jumpa ;)

Cara Mengganti Kursor Blog Dengan Gambar Atau Animasi

Cara Mengganti Kursor Blog Dengan Gambar Atau Animasi - Apa sobat sedang bosan dengan kursor standar yang berbentuk anak panah? Kalau iya maka sobat bisa mencoba untuk merubah atau mengganti kursor di blog sobat dengan gambar yang unik dan lucu. Sebelum mengganti kursor standar sobat bisa memilih gambar yang diinginkan yang akan digunakan sebagai gambar kursor nantinya.

Setelah googling akhirnya saya menemukan banyak referensi yang bisa dijadikan untuk

mencari dan mengganti kursor blog dengan gambar

. Salah satu situs yang recommended untuk mencari gambar-gambar lucu dan menarik untuk kursor blog sobat nantinya adalah http://www.totallyfreecursors.com/ atau bisa juga di http://www.cursorpedia.com/.

URL : http://downloads.totallyfreecursors.com/thumbnails/aliendance.gif

URL : http://downloads.totallyfreecursors.com/thumbnails/monkey-ani.gif

URL : http://downloads.totallyfreecursors.com/thumbnails/tail2.gif

URL : http://downloads.totallyfreecursors.com/thumbnails/banana1.gif

URL : http://downloads.totallyfreecursors.com/thumbnails/bullseye-ani.gif

Cara mengganti kursor blog dengan gambar

Setelah sobat mendapatkan gambar kursor yang diinginkan, maka langkah selanjutnya adalah memasang gambar tersebut sebagai kursor di blog kita. Ikuti langkah-langkah mengganti kursor blog ini.
1. Login ke blogger atau blogspot.
2. Pilih tab Rancangan (Design) > Edit HTML.
3. Cari kode </head> dan copast kode berikut tepat di atas </head>

<style type='text/css'> HTML,BODY{cursor: url("http://downloads.totallyfreecursors.com/thumbnails/sweden.gif"), auto;} </style>

4. Simpan dan lihat hasilnya.
Note: link yang berwarna merah di atas silahkan sobat sesuaikan dengan link gambar untuk mengganti kursor yang sobat gunakan.

Selesai deh cara mengganti kursor blog dengan kursor bergambar. Selain mengganti kursor blog, sobat juga bisa mencoba untuk membuat judul blog bergerak atau membuat link bergoyang (bergerak). Selamat mencoba dan semoga bermanfaat.

Selasa, 11 Desember 2012

Cara Membuat Widget Social Bookmark Melayang Dengan Efek Mouseover

Pada tips blogging kali ini saya ingin berbagi bagaimana cara membuat menu navigasi ke layanan social bookmark dengan efek mouseover. Efek mouseover artinya kalau mouse didekatkan pada obyek tertentu maka akan menghasilkan efek tertentu pula, contoh sederhananya seperti pada drop down menu. Hasil dari widget social bookmark dengan tampilan seperti menu navigasi ini dapat anda lihat langsung pada bagian atas header blog saya ini.

Cara membuat navigasi social bookmark melayang (floating social bookmark widget) :

1. Seperti biasa, login dulu ke dashboard blogger anda.

2. Pilih Rancangan > Elemen Laman > Add gadget (HTML/JavaScript).

3. Copy script widget social bookmark dibawah ini, dan paste pada gadget.

$('#navigation > li').hover(
function () {
$('a',$(this)).stop().animate({
'marginTop':'-2px'
},200);
},
function () {
$('a',$(this)).stop().animate({
'marginTop':'-80px'
},200);
}
);
});
</script>

<ul id="navigation">
<li class="rss"><a href="http://YOUR-BLOG.blogspot.com/atom.xml">RSS Feed</a></li>
<li class="facebook"><a href="FACEBOK-PROFILE">Facebook</a></li>
<li class="twitter"><a href="TWITTER-ACCOUNT">Twitter</a></li>
<li class="googlebookmarks"><a href="https://www.google.com/bookmarks/">Google</a></li>
<li class="e-mail"><a href="<div style="color: red;"YAHOO!-ACCOUNT">Yahoo!</a></li>
</ul>

4. Silahkan edit link akun social bookmark yang ada pada script, sesuai dengan akun social bookmark yang sobat miliki.

5. Simpan / Save gadget

Widget social bookmark melayang dengan efek mouseover ini sebenarnya dapat juga ditempatkan secara permanen pada template anda. Nah buat sobat blogger yang punya hoby ngutak-ngatik template, cobalah bereksprimen melakukannya. Yang pasti sobat harus menempatkan menu navigasi social bookmark tadi diatas menu blog yang ada pada header. Selamat bereksprimen ya..:D

Cara Mengganti Icon Pada Address Bar

Blogger Hack

Jika kita membuka suatu website atau blog maka seringkali kita menjumpai ada sebuah gambar atau icon pada address bar (kotak untuk mengetikkan alamat web). Dan jika kita punya blog di Blogspot maka icon default yang akan tampil adalah gambar seperti ini :

Bagi kamu yang tidak puas dengan icon/gambar tersebut, kamu bisa menggantinya dengan gambar sesuai dengan keinginanmu. caranya sangat mudah, yaitu dengan membuat gambar (gif, jpg, ico, dan lain2) dengan ukuran kira2 24x42 pixel sampai 32x32 pixel (sebenarnya ukurannya bebas sih, tapi biar filenya kecil dan proses membukanya cepat). Setelah itu .....
masuk ke "Layout --> Edit HTML" trus tempatkan script berikut sebelum kode </head>

<link href='http://kendhin.890m.com/sonictrik.gif' rel='SHORTCUT ICON'/>

ganti huruf yang dicetak tebal dengan lokasi gambar dimana kamu menyimpannya. Kamu bisa menyimpan gambarmu di 000webhost atau bisa juga di photobucket dan juga di imageshack atau kalo kamu tidak mau pusing dibawah ini ada beberapa contoh icon/gambar beserta dengan linknya.