Alvin White

Menambah Gadget Google Translate di Blogspot

Contoh gadget yang sudah jadi adalah seperti berikut

1. Anda langsung ke google translate, http://translate.google.com/ atau klik disini
2. Ubah bahasa yang digunakan menjadi bahasa Indonesia (lihat ujung panah)

3. Copy script html yang ada di atas
atau bisa pakai script berikut:
a. Jika blog anda berbahasa Indonesia, copy script berikut ke gadget html anda

<script src="http://www.gmodules.com/ig/ifr?url=http://www.google.com/ig/modules/translatemypage.xml&up_source_language=id&w=160&h=60&title=&border=&output=js"></script>

a. Jika blog anda berbahasa Inggris, copy script berikut ke gadget html anda

<script src="http://www.gmodules.com/ig/ifr?url=http://www.google.com/ig/modules/translatemypage.xml&up_source_language=en&w=160&h=60&title=&border=&output=js"></script>
4. Buka account Blogspot Anda
5. Akan ada perintah Add widget, klik saja
6. Gadget Google Translate Anda telah terpasang

sumber : http://artikelkomputerku.blogspot.com/2009/01/menambah-gadget-google-translate-ke.html

Menambah Gadget Flag Counter di Blogspot

1. Kunjungi dulu alamatnya http://flagcounter.com

pada create your free counter isikan option-option untuk mengatur tampilan flag counter isikan option-option untuk mengatur tampilan flag counter

maximum flag to show : jumlah bendara yang akan ditampilkan
columns of flag : jumlah kolom bendera
label on top of counter : nama dari counter flag
Background color : warna latar dari counter flag
text color : warna tulisan
Border color : warna garis tepi dari counter flag
show country flag : untuk menampilkan kode negara
show pageview : untuk menampilkan jumlah halaman yang dikunjungi

2. Setelah mengatur tampilan counter flag akan terlihat preview pada example flag counter with your choices setelah tampilan sesuai dengan keinginan kita kemudian klik get your flag counter
3. Setelah itu copy kode yang berada di Code for website
4. Login ke Account Blogspot
5. Lalu pilih design dan page element
6. Lalu klik add a gadget, lalu pilih opsi HTML/JAVA SCRIPTS
7.setelah itu paste kode HTML Flag Counter
8. Klik OK dan Save.

sumber : Cara Pasang Flag Counter di Blog
kumpulancara.com

Menambahkan Site Info pada Blogspot

Untuk menambahkan Alexa button ke website/blog anda lakukan langkah berikut:

1. Login ke Alexa services, klik disini

2. Setelah muncul halaman Alexa Site Button, masukkan alamat (url) blog anda:
misalnya: http://namablog.blogspot.com
Klik tombol Build Widget

3. Akan muncul halaman yang berisi script, copy script berikut (pilih satu saja, sesuai selera anda), script ini nantinya akan dimasukkan ke gadget html/javascript

4. Login ke account Blogspot Anda
5. Pilih design kemudian page elements
6. Pilih salah satu tempat add a gadget, klik dan pilih add HTML / Java Script
7. Ketikkan Site Info pada judul
8. Copy dan paste script tadi ke content
9. Save

sumber : http://www.ariswan.co.cc/2010/04/cara-memasang-gadget-alexa.html

Membuat Judul Blogspot Bergerak

Untuk memperindah penampilan halaman blog anda, tidak ada salahnya jika anda juga mengikuti trik berikut ini, yaitu cara membuat judul blog bisa bergerak. Untuk itu silahkan ikuti langkah-langkah berikut ini :

1. Login ke account Blogspot Anda
2. Klik tab design, edit HTML
3. Beri tanda centang pada kotak kecil Expand Template Widget
4. Silahkan cari di dalam template anda kode

<title><data:blog.pageTitle/></title>

5. Ganti kode tersebut dengan script berikut ini

6. Angka 300 di dalam script tersebut merupakan kecepatan bergeraknya, silahkan ganti sesuai dengan selera anda. Jika anda ganti menjadi 100 atau 200 maka kecepatannya akan bertambah, sebaliknya kecepatan akan berkurang bila diganti menjadi 400
7. Klik preview untuk melihat perubahan
8. Bila sudah yakin, save

sumber : http://bhians.blogspot.com/2009/05/membuat-judul-blog-bergerak-dari-kanan.html

Menambah Gadget Pelacak IP Address pada Blogspot

1. Buka account Blogspot Anda
2. Pilih design kemudian page elements
3. Pilih salah satu tempat add a gadget, klik dan pilih add HTML / Java Script
4. Ketikkan IP Address pada judul
5. Copy dan paste script berikut pada content
<a href="http://www.wieistmeineip.de/cometo/?en"><img src="http://www.wieistmeineip.de/ip-address/" border="0" width="125" height="125" alt="IP" /></a>
Untuk pilihan bahasa lain silahkan buka http://www.wieistmeineip.de/banner/
6. Save

Menambahkan Jam Doraemon di Blogspot

1. Buka account Blogspot Anda
2. Pilih design kemudian page elements
3. Pilih salah satu tempat add a gadget, klik dan pilih add HTML / Java Script
4. Ketikkan jam pada judul
5. Copy dan paste script berikut pada content
<script src="http://dora-world.com/bp_doraclock.js"></script>
6. Save

Cara Mengganti Template Blogspot

Langkah Mengganti Template

1. Pastikan Anda telah memili file template untuk blogspot yang berekstensi .XML
2. Login ke account blogspot Anda

Berikut langkah - langkah mengganti template Blogspot :

Langkah 1:
Pilih menu Layout - Edit HTML

Langkah 2:
Klik tombol Browse, cari lokasi penyimpanan file .xml Anda. Dalam contoh ini saya memakai template Grey Press Blogger (grey_press_blogger.xml)

Langkah 3:
Klik tombol Upload, pastikan tidak ada error seperti terlihat pada gambar di bawah

Langkah 4:
Klik tombol SAVE TEMPLATE

Silakan lihat perubahannya, sebelumnya:

Berubah menjadi:

Apa Saja yang Berubah Signifikan?

Jenis Perubahan	Sebelum	Sesudah
Warna latar belakang	hijau pupus	abu-abu
Sidebar	1	2
Layout	sempit	lebih lebar
Fitur pencarian	tidak ada	ada
Fitur arsip	tidak ada	ada
Fitur RSS feed	tidak ada	ada
Header	image, tidak bisa diganti	image, bisa diganti

sumber : http://www.yudhitech.com/ganti-template-blogspot-anda/

Menambah Efek Daun Berguguran di Blogspot

1. Login ke Blogspot Anda
2. Masuk ke Design
3. Pilih Edit HTML
4. Taruh kode script berikut sebelum </body>
5. Copy Kode Dibawah ini Kedalamnya:
<script src="http://postrecent.googlecode.com/files/daundj.js" type="text/javascript"> </script>

sumber : http://dimasanarky.blogspot.com/2010/10/ingin-mempercantik-blog-dengan-efek.html

Mengganti Favicon pada Blogspot

1. Pada dasarnya setiap alamat blog akan memiliki favicon bawaan
2. Sekarang akan kita ganti favicon tersebut, ukuran gambar sebaiknya kecil
3. Bila punya gambar sendiri dapat diupload dulu di web penyimpan gambar seperti photobucket atau imageshack
4. Buka Dashboard kita kemudian tab Design dan sub tab Edit HTML
5. Ini adalah favicon Yoyocici, copy dan paste script berikut sebelum kode </head>

<link href="data:image/x-icon;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABmJLR0QAAAAAAAD5Q7t/AAAC3UlEQVQ4y6WSWWyMYRSGn++fv/PP0nam7Sw1pZZSWy3lgtIEQaTWkFRIBInYEzdiSagQQrghUYkIIdakUiKE0GolFIOkLarI0BjLtNXWqE5nprN8LkQp7pzLk/M+ed83B/5zxJ+Lm8eKZCzYSXPDa17cu4GiUwEwWVLYccsn/gm4un+ttLSXUlb+lcGDIrR3KuT0i4L87UpCxWON/KXbmbaqSPzlYFMuMj3DiNMaJiM1Tmb+PFpbwhj0Zkx4cWSPRxozKd68i22VHX8Djq+bLjNFGfoEmLTxDMTjdAVDdHYGsNrtEIv9OExQ2bNsA0XlbQJA/RnBd+cchqEQiwIoIGPoDRp6g/ZLrNNRX/WYWcsLiYTPS4sjAwWguuISer2uZztJZkJdYUJdYTCZAah7VEuy3UbuqFySbFb8Pi86gDxHdGeaOQGLNYQQ0BHNoOTwSSLBr3z0vKH00DEmLJhDslEj9d578LaRN2My5RUVqO2fW+Temek89wXp3VegKpIczUHO+IIfTmYPY9K8uRAMYrDb+DimDS1Rw+ZykeZMQ91TkM6qrWvwN7zkU72bpMRvMG4AxCPUu6vxnLjQnSpqymJswVK+fLiCzeWi6b0PNXNwfzSjged375M1UKWxWQexCOj1XD17jc1XPD2q8dY+oMPvp+WNlyETC1C9rxoAWHb0CIEvEU5u3QJGMwQDLFq9mJ1THAzq3crbZiejx+XwtMpNJBpg6uoDrCi+IQTAtvwkGfrWgZogcKQk40yFkdOn4hoxBp+nkXeVh4lJhbpGO5OHNXPtvom9VQHR45EelByReQvXi0v71sia6+fQAZoiSLRLelmC2C1RPKFRZBtrqawxUHQ79AtwulCRYVKwan4Kz8a6ocWzNNknPUKKJY4iYOD8/Tw5tQX3M43d7rAAUJ6Wlch+Lo2VF1uF3zSFy0sUCVBz4aAckmXE06RR9tBEddNwnNkDeFiX2C0G+A7VgBT4nZuMSAAAAABJRU5ErkJggg==" rel="icon" type="image/x-icon" />

6. Simpan dan lihat hasilnya!

Modifikasi Kursor pada Blogspot

Masuk ke Blogspot yang anda miliki
Buka Dashboard Anda dan pilih tab Design lalu cari sub tab Edit HTML
Berikutnya kita akan memasukkan kode kursor ke dalam HTML Blogspot Anda maka gunakan tombol CTRL + F
Kemudian cari kata body { dan tambahkan kode cursor: url("URL GAMBAR KURSOR"),default; pada tag body
Simpanlah dan jangan lupa ganti URL GAMBAR KURSOR dengan alamat gambar kursor
Berikut ini adalah beberapa gambar kursor yang dapat Anda gunakan sebagai pengganti mouse panah (KLIK KANAN >> COPY IMAGE URL)

sumber : http://prasutan.blogspot.com/2010/08/modifikasi-kursor-pada-blog-mengganti.html

Thursday, 16 December 2010

Langkah Mengganti Template

Apa Saja yang Berubah Signifikan?