Selasa, 22 Maret 2011

Menganti Favicon Dengan Gambar Sendiri

Favicon merupakan kependekan dari "Favorite Icon", adalah sebuah ikon berupa gambar kecil (biasanya berukuran 16 x 16 Pixels) yang diasosiasikan dengan logo sebuah situs atau blog dan akan muncul pada bagian browser atau bagian bookmark. Favicon dimaksudkan untuk memudahkan mengidentifikasi sebuah situs atau blog. (Sumber : http://pertanyaan.com/apa-itu-favicon)



Untuk membuat Favicon, caranya :

1.Buatlah sebuah gambar/ logo di Photoshop dengan ukuran layer 16 x 16 pixels.


2. Setelah jadi, editlah gambar tersebut menggunakan Image Ready dan buatlah sedikit animasi di sana. Untuk mengedit file di Photoshop langsung ke Image Ready, caranya klik Toolbar Edit in Image Ready :

3. Setelah selesai mengedit/ memberi animasi di Image Ready, simpanlah menjadi file berextension ".gif", caranya : klik menu File, kemudian pilih Save Optimized As...

4. Simpan dengan nama "favicon.gif".

5. Upload file "favicon.gif" tersebut di file hosting Anda, atau jika tidak punya file hosting, silahkan upload di www.photobucket.com (free).


6. Catat / copy kode link dari file gambar "favicon.gif" yang sudah di upload di www.photobucket.com.

7. Silahkan Login ke Blog Anda. Di ruang Dasbor, klik Rancangan.

8. Klik Edit HTML.

9.  Klik kursor mouse Anda ke dalam barisan kode-kode Edit Template, kemudian cari kode berikut ini menggunakan fungsi Search ( CTRL + F ) :
<b:include data='blog' name='all-head-content'/>

10. Tambahkan baris kode berikut ini di bawah kode tersebut :
<link href='http://i1186.photobucket.com/albums/z377/sagaraimc/favicon.gif?t=1300786269' rel='icon' type='image/gif'/>
11. Baris kode yang berwarna merah adalah kode link dari file gambar "favicon.gif" yang sudah di upload di www.photobucket.com.

12. Untuk menyimpan perubahan kode tersebut, silahkan Anda klik tombol Simpan Template.


13. Selesai.

Senin, 21 Maret 2011

Membuat Facebook Fan Page Di Blog

1. Silahkan Anda login terlebih dahulu di Facebook.


2. Ketikkan di browser Anda : http://www.facebook.com/pages/create.php.
3. Pilih salah satu tema halaman yang ingin Anda buat, misal : Perusahaan, Organisasi atau Institusi, maka akan muncul tampilan berikut (pilih kategori dan ketikkan nama perusahaan Anda) :
4. Klik Memulai.

5. Silahkan Anda masukkan kode verifikasi yang muncul seperti gambar berikut, kemudian klik tombol Kirim.

6. Maka akan tampil ruang utama Fan Page Facebook Anda.

7. Untuk mengedit/ mengubah data Fan Page Facebook Anda, klik Sunting Info.

8. Untuk menyisipkan gambar pada Fan Page Facebook Anda, klik Unggah Gambar.

9. Untuk menampilkan halaman Kotak Suka (Like Box) Fan page di website atau blog Anda, klik Tambahkan Kotak Suka.

10. Maka akan tampil halaman LikeBox seperti berikut :

11. Pada Facebook Page URL, ganti / isikan dengan Facebook Fan Page ID Anda, seperti berikut :


12. Untuk mengetahui Facebook Fan page ID (Facebook Page URL) Anda, dapat di lihat di Halaman Utama Fan Page Facebook Anda. (point.6) :

13. Selamat, Fan Page Facebook Anda telah jadi. Untuk menampilkannya di halaman website atau blog Anda, silahkan klik Get Code.

14. Maka akan tampil seperti gambar berikut :

15. Copy code Iframe tersebut, kemudian Login ke Blog Anda. Di ruang Dasbor, klik Rancangan.

16. Klik Elemen Laman.

17. Klik Tambah Gadget.
18. Klik HTML/Javascript.
19. Paste code IFrame Fan Page Facebook yang tadi Anda copy.


20. Klik Simpan.

21. Selamat...!! Fan Page Facebook telah terpasang di blog/ website Anda.

Selasa, 01 Maret 2011

Membuat Daftar Link Di Blog

1. Silahkan Login ke Blog Anda. Di ruang Dasbor, klik Rancangan.

2. Klik Elemen Laman.

3. Klik Tambah Gadget.

4. Klik Daftar Link.

5. Ketikkan Judul, URL Situs dan Nama Situs.

6. Klik Tambahkan Tautan.

7. Ketikkan kembali Judul, URL Situs dan Nama Situs, jika ingin menambahkan daftar linknya. Jika sudah, klik tombol Simpan.

8. Selesai.

Jumat, 25 Februari 2011

Membuat Online Yahoo Messenger Status Di Blog

Yahoo Messenger Status biasanya digunakan agar pengunjung dapat mengetahui apakah si pemilik blog statusnya sedang Online Yahoo Messengernya atau tidak, agar pengunjung dapat berkomunikasi langsung melalui YM tersebut dengan pemilik blog. Berikut caranya :

1. Silahkan Login ke Blog Anda. Di ruang Dasbor, klik Rancangan.

2. Klik Elemen Laman.

3. Klik Tambah Gadget.
4. Klik HTML/Javascript.
5. Ketikkan Judulnya, misal : Online Support. Ketikkan juga kodenya sebagai berikut :
<center>
<a href="ymsgr:sendIM?sagara_imc"> <img border="0" src="http://opi.yahoo.com/online?u=sagara_imc&amp;m=g&amp;t=14" /></a>
</center>

6. Ganti kode yang berwarna Merah dengan ID Yahoo Messenger Anda. Ganti kode yang berwarna Biru dengan angka kode : 1, 2, 3, .... (masing-masing angka mewakili bentuk tampilan Yahoo Messengernya).

7. Berikut ini Kode dan Tampilan Yahoo Messenger :
8. Klik tombol Simpan.
9. Selesai.

Kamis, 24 Februari 2011

Menghilangkan Title Blog Di Header

Title Blog atau Judul dari Blog yang kita punya biasanya pada template blog yang standar, masih di tampilkan di bagian gambar Header Blog kita.

Untuk menghilangkannya dari gambar Header tetapi Title Blog tersebut masih tetap ada di blog kita, caranya sebagai berikut :

1. Silahkan Login ke Blog Anda. Di ruang Dasbor, klik Rancangan.

2. Klik Edit HTML.

3. Klik kursor mouse Anda ke dalam barisan kode-kode Edit Template, kemudian cari kode berikut :
#header h1 {
Untuk memudahkan pencarian, gunakan fungsi Search ( CTRL + F ), kemudian ketikkan kode yang dicari tersebut.

4. Tambahkan baris kode berikut di bagian bawahnya :
visibility: hidden;
Kode tersebut berfungsi untuk mengubah Visibility (tampilan) Title Blog di Header menjadi Hidden (tersembunyi).
#header h1 {
    font: bold 240% Droid Sans,Serif;
    letter-spacing: -2px;
    margin: 0;
    padding: 39px 30px 2px;
    text-transform: none;
    visibility: hidden;
5. Untuk menyimpan perubahan kode tersebut, silahkan Anda klik tombol Simpan Template.

6. Selesai.