Tips Blog

Memasang Tombol Like Facebook Di Blog

2011-06-08T23:29:00.000+07:00

Nah bagi anda yang tertarik memasang tombol like ini, silahkan ikuti langkah- langkah dibawah ini:

1. Buka Blogger. Masuk ke menu Design -> Edit HTML

2. Beri centang pada "Expand Widget Templates"

3. Cari kode <data:post.body/>

4. Jika anda menemukan dua kode <data:post.body/> maka pilih yang pertama

5. Letakkan kode berikut ini dibawah <data:post.body/> jika anda ingin memasang tombol like dibawah posting atau letakkan diatas <data:post.body/> jika anda ingin memasang tombol like diatas posting

<iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&layout=standard&show_faces=false&width=100&action=like&font=arial&colorscheme=light"' frameborder='0' height='30' scrolling='no' style='border:none; overflow:hidden; '/>

6. Lalu Save template anda.

Hasilnya akan seperti ini

Kalau anda ingin membuat tombol like dalam bentuk ini

maka ganti standard dengan button_count

Anda juga dapat mengganti warna background tombol menjadi gelap dengan mengganti light menjadi dark.

Selamat mencoba. Semoga bermanfaat...

Mengganti Header Template Pada Blogger

2011-06-08T23:23:00.002+07:00

Supaya blog Anda terlihat unik atau beda dari yang lain. Maka Anda harus mengganti tampilan blog Anda.

Ada banyak cara untuk melakukannya. Misalnya dengan mengganti template yang dibuat oleh pihak ketiga tapi rata-rata template tersebut sudah ada yang menggunakannya.

Terkecuali Anda membuat template sendiri namun cara ini memerlukan waktu yang lama dan tidak mudah untuk membuat sebuah template yang bagus. Jadi salah satu cara yang paling mudah dan efektif adalah mengganti header pada template.

Header merupakan unsur yang paling penting dalam sebuah template karena setiap pengunjung yang datang ke blog Anda pertama kali yang dilihat adalah headernya. Jadi mengganti header merupakan cara yang paling tepat.

Header tidak harus berupa gambar. Anda juga bisa menggunakan teks sebagai header yang penting enak dilihat. Jika anda ingin menggunakan gambar sebagai header tetapi tidak bisa membuatnya. Jangan khawatir, karena saat ini ada banyak situs yang menyediakan gambar header secara gratis jadi Anda tinggal mendownload saja. Beberapa website yang memiliki header yang cukup bagus seperti: 100pixel.blogspot.com, freewebpageheaders.com, smashingmagazine.com, dan masih banyak lagi.

Pada postingan ini saya akan membahas tentang mengganti header dari freewebpageheaders.com. Untuk mendowloadnya, silahkan ikuti langkah-langkah dibawah ini:

1. Buka situs http://freewebpagesheaders.com/gallery

2. Untuk mendownload header. Anda harus memiliki account terlebih dahulu. Klik register untuk mendaftar.

3. Klik Agree. Kemudian Anda akan diminta untuk mengisi Registration form. Form ini terdiri dari 2 bagian yaitu : Required info dan Optional info.

Required info merupakan info yang harus Anda berikan untuk pendaftaran sedangkan Optional info merupakan info yang digunakan untuk menampilkan data Anda kepada pengunjung saat Anda login. Jika Anda merasa tidak perlu maka diabaikan saja untuk bagian ini

4. Kemudian klik Submit Registration Form. Jika sudah Anda akan mendapat pesan seperti ini.

5. Buka email yang Anda gunakan untuk mendaftar. Klik pada link yang diberikan untuk mengakftifkan account Anda.

6. Jika sudah, Anda akan mendapat pesan bahwa account Anda sudah diaktifkan.

7. klik Return to the front page of free Web Page Headers.

8. Lalu klik Login untuk mendowload gambar header.

9. Pilih kategori header yang Anda inginkan. Jika Anda sudah menemukan gambar yang cocok. Klik pada gambar tersebut lalu klik Download.

10. Kemudian gambarnya akan terbuka pada halaman baru. Klik kanan pada gambar lalu pilih Save Image As lalu tekan Save.

11. Selesai. Sekarang gambar sudah tersimpan di komputer Anda

Langkah selanjutnya yang harus Anda lakukan adalah mencari tahu berapa ukuran header pada template Anda supaya pada saat mamasang ukurannya pas dengan header template Anda. Caranya:

1. Klik Layout->Edit HTML.

2. Cari kode #header-wrapper. Supaya mudah untuk mencarinya, tekan Ctrl+F ketik "header-wrapper" lalu tekan Next.

3. Jika sudah ketemu biasanya ada kode width dan height disekitarnya. Misalnya #header-wrapper { background: url } no-repeat; width:980px; height:100px;

Width adalah panjang header dan Height adalah lebar header. Berarti Anda harus meresize gambarnya menjadi 980x100 pixel. Anda bisa menggunakan program pengolah gambar seperti Ms Paint, ACD See, photoshop untuk meresizenya.

4. Setelah selesai. Buka Blogger, masuk ke menu Design->Page Elements.

5. Klik Edit pada bagian Header.

6. Kemudian akan muncul halaman baru.

7. Pilih Browse from your computer jika gambarnya disimpan dikomputer atau Browse from the web jika gambarnya disimpan di image hosting seperti: Imageshack, Photobucket, dan Geocities.

8. Pada bagian "Placement". Pilih Behind title and description jika Anda ingin manampilkan gambar dibelakang judul dan deskripsi blog atau pilih Instead of title and description jika Anda ingin menutupi judul dan deskripsi blog.

9. Lalu klik Save. Klik View Blog untuk melihat hasilnya.

Catatan:
Tidak semua template bisa dipasang gambar. Ada yang menggunakan teks saja. Jadi pilihlah template sesuai kebutuhan.

Selamat mencoba. Semoga berhasil...

Cara Mengubah Tampilan Kursor Blog

2011-06-08T23:20:00.000+07:00

Secara default, tampilan cursor pada blog adalah berbentuk panah namun bagi anda yang merasa bosan dengan tampilan tersebut atau ingin memberi decak kagum bagi pengunjung. Anda bisa menggantinya dengan icon gambar sehingga jika ada pengunjung yang datang ke blog anda, tampilan kursornya akan berubah sesuai dengan icon yang anda gunakan. Agar lebih jelas anda bisa lihat disini.

Untuk mengubah tampilan kursor menjadi icon gambar, caranya sangat mudah. Berikut langkah-langkahnya:

1. Login ke Blogger. Masuk ke menu Design->Edit HTML
2. Cari kode </head>
3. Letakkan kode css berikut diatasnya

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

Keterangan:
Teks yang berwarna merah adalah alamat url kursor. Silahkan ganti dengan alamat url kursor yang ingin anda gunakan.

4. Setelah itu, simpan template anda. Selesai

Jika anda tidak memiliki icon kursor, coba kunjungi http://www.totallyfreecursors.com. Situs tersebut menyediakan ratusan hingga ribuan icon kursor menarik yang bisa anda pilih sesuai selera.

Selamat mengkreasi blog anda :)

NB:Download dulu cursornya habis di download ada Code HTML nya copy deh

Cara Memasang Text Skrip Alert Saat Masuk ke Blog

2011-06-08T23:14:00.000+07:00

Alert Script

Mungkin anda pernah mengunjungi suatu blog yang ketika di buka tidak langsung terlihat isi blognya, namun muncul pesan mirip gambar diatas. Lain orang tentu lain keinginan, Jika Saya sendiri termasuk yang sukai, makanya saat anda membuka blog atau halaman di blog ini, anda selalu disapa text skrip alert secara silmutan. namun ada juga yang tidak menyukai hal ini dikarenakan mengurangi kenyamanan para pengunjung di sebabkan setiap buka halaman baru pesan ini akan selalu muncul dan harus selalu di klik oleh pengunjung blog.

Jika anda ingin memasang script ini, saya sarankan agar tidak memasang terlalu banyak.bayangkan diri anda yang menjadi pengunjung suatu blog dengan alert yang banyak sehingga terasa kurang nyaman. dan mengangu.

Untuk memasang fasilitas alert di blog tidak lah sulit, karena script yang di pasang tidaklah banyak. Contoh script yang di pasang seperti ini :

<SCRIPT language='JavaScript'>alert("Selamat datang di duniaku");</SCRIPT>

Tulisan yang berwarna merah adalah tulisan yang hendak anda tuliskan, tentunya ini sesuai dengan keinginan anda. Satu script adalah untuk satu alert, jika ingin menambahnya berarti tinggal menambahkan script tambahkan sesuai dengan keinginan. Misal ingin memasang dua buah alert, maka misalkan scriptnya jadi seperti ini :

<SCRIPT language='JavaScript'>alert("Selamat datang di duniaku");</SCRIPT>

<SCRIPT language='JavaScript'>alert("Jangan Lupa tingalkan komentar anda");</SCRIPT>

Sangat sederhana bukan? selain dengan memakai script di atas, tentu saja masih banyak cara untuk membuat alert, misal dengan memakai script ini :

<SCRIPT language='JavaScript'>window.alert("Tutorila mudah");</SCRIPT>

Hasilnya akan sama, jadi silahkan mau pilih yang mana.

Masih bingung cara memasangnya di blog? berikut adalah langkah-langkahnya :

Login ke blogger.
Klik Tata Letak.
Klik tab Edit HTML
Jangan lupa membuat salinan java script nya, agar apabila terjadi kesalahan dalam penempatan, Anda mempunyai cadangannya
Cari kode </head>.
Copy paste kode berikut di atas kode </head> (ganti tulisan yang berwarna merah dengan yang anda inginkan).
Klik tombol SIMPAN TEMPLATE.

<SCRIPT language='JavaScript'>alert("Do not forget the content of comments your after visite here, thank you");</SCRIPT>

Selamat Mencoba. semoga bermanfaat

Cara Pasang Energy Saving Mode

2011-06-08T23:06:00.000+07:00

Masuk ke Blogger
Pada Dasbor pilih Rancangan setalah itu pilih Edit HTML
Jangan lupa untuk mencentang Expand Template Widget
Lalu cari kode </head>
Setelah ketemu tambahkan kode dibawah ini diatas kode </head>

<script language='javascript' src='http://www.onlineleaf.com/savetheenvironment.js' type='text/javascript'/>

Simpan Template. Selesai deh. :D

Hasilnya akan seperti ini :

Semoga bermanfaat.