Cara Memasang Kode HTML Join This Site

Cara memasang Kode HTML Join This Site - Pasti sobat semua sudah tau dong dengan widget yang satu ini dari mbah google, yaitu : " join this site", namun apabila sobat merasa widget ini membuat loading blog sobat jadi berat dan terlihat memakan tempat, admin punya tips nya untuk menampilkan "join this site" ini tapi tidak membuat berat blog sobat, tampilan nya seperti :

Langkah nya :
♥ Hapus widget join this site yang ada
♥ Klik tambah gadget - HTML
♥ Pilih salah satu kode dibawah ini

♥ Masukkan kode dibawah ini (menggunakan gambar) :

<a href="http://www.Blogger.com/follow-blog.g?blogID=3847521429254549930" title="Join this site / follow" onclick="window.open(this.href, dmfollow, toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=no,width=599,height=521);return false;" style="text-align:center;font-weight:bold;text-decoration:none;"><img src="URL-GAMBAR-DISINI" alt="Join this site" style="vertical-align:center;border:0px;cursor:pointer;" /></a>

Ganti yang merah dengan blog ID sobat
Ganti yang kuningdengan URL gambar sobat
Cara mengetahui blog ID :
bisa dilihat saat sobat mau mengedit blog sobat / lihat pada gambar :

♥ Save !!!

♥ Masukkan kode dibawah ini (hanya menampilkan teks saja)

<a href="http://www.Blogger.com/follow-blog.g?blogID=3847521429254549930" title="Join this site / follow" onclick="window.open(this.href, dmfollow, toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=no,width=599,height=521);return false;" style="text-align:center;font-weight:bold;text-decoration:none;">Join This Site</a>

Ganti yang merah dengan blog ID sobat
Ganti yang kuning dengan tulisan yang sobat mau tampilkan

♥ Save !!!

♥ Masukkan kode dibawah ini (Menggunakan tombol)

<input value="Join This Site" onclick="window.open(http://www.Blogger.com/follow-blog.g?blogID=3847521429254549930, dmfollow, toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=no,width=599,height=521);" style="background:black;color:white;border:1px solid pink;text-align:center;font-weight:bold;" type="button" />

Ganti yang kuning dengan kalimat sobat sendiri
Ganti yang merah dengan blog ID sobat
Ganti yang biru untuk warna backround tombol
Ganti yang hijau untuk warna teks
Ganti yang orange untuk border.

♥ Save !!!!

Read More

Cara Memasang Fibox di Blog

Pasang Fibox di Blog - Wah.. sudah cukup lama nich nggak posting tutorial blog.. Mumpung berkesempatan, dan mumpung ane lagi mood, ni ane kasih tahu sesuatu untuk sobat blogger. Seperti kita ketahui bahwa layanan shuotmix yang biasa di gunakan para blogger sebagai Chatbox sudah di tutup untuk pelanggan gratisan ( free ) pada tanggal 1 januari 2012 lalu.

Banyak blogger yang sedih, termasuk saya yang sangat senang menggunakan shuotmix di blogku yang lain. Kali ini saya akan coba share pada sobat blogger widget yang mungkin berguna setidaknya untuk menggantikan shuotmix. Namanya Fibox.

Bagi sobat yang tertarik memasangnya, ikuti langkah - langkah berikut :

1. Buka situs www.fibox.ws, kemudian klik Sign Up 

2. Masukkan alamat email dan password sobat kemudian centang  kotak kecil pada term of service kemudian klik continue



3. Akan terlihat tampilan berikut. kemudian buka email yang sobat daftarkan tadi .



4. Buka email dan klik pada link yang diberi seperti yang tampil di bawah ini.

5. Akan muncul tampilan berikut yang menyatakan bahwa akun sobat telah aktif.

    kemudian log in dengan email dan password sobat tadi.

6. Buat nama Shuotbox kesukaan sobat, Klik Continue dan sobat akan otomatis di arahkan ke dashboard baru sobat.

7. Pada dashboard, atur tampilan shuotbox sesuka hati sobat.





8. Copy code yang diberi dan paste ke dalam  HTML/javascript blog sobat.

Dengan Cara :
Klik Rancangan --> Elemen laman --> Tambah gadget --> HTML/Javascript --> masukkan kode di atas kedalam kotak -->

9. Simpan dan lihat hasilnya.:)

Semoga Cara Memasang Fibox di Blog ini bisa berguna untuk sobat blogger..

salam!!

Read More