Kamis, 21 Oktober 2010

Tutorial Blogspot

Cara membuat favicon


Buat para Blogger baru nama favicon pasti begitu asing di telinga. Sebenarnya yang namanya favicon itu letaknya tidak jauh dari address bar atau judul halaman sebuah blog. Tepat di sebelah kiri tulisan halaman url letaknya. Seperti ini contohnya :

Read more.....



cara membuat Barner


Agar blog kita kelihatan lebih bagus dan dinamis, ada baiknya kita pasang banner di beberapa sidebar atau header blog kita. Banyak pengunjung blog yang langsung tertuju ke arah banner, apalagi jika kita punya banner yang interaktif dengan pengunjung.

Read more....



upload gambar dan buat link


Untuk membuat tampilan tulisan atau postingan kita lebih menarik, tentunya kita harus menyertakan gambar di dalamnya. Dalam tulisan, untuk menjelaskan sesuatu hal pembaca akan lebih tertarik jika gambar yang kita pasang juga sesuai bentuk dan ukurannya.

Read more....




cara membuat label




Label itu apa ya? Label adalah pengelompokkan postingan dalam kategori. Bisanya jika dalam penulisan kita selalu mengkategorikan postingan kita dalam beberapa kelompok. Misalnya judul pada postingan ini yaitu cara membuat label, kemudian saya kelompokkan dalam beberapa kategori, seperti blogspot tutorial, label, cara membuat label (lihat pada bagian tags).

Read more.....
Buat para Blogger baru nama favicon pasti begitu asing di telinga. Sebenarnya yang namanya favicon itu letaknya tidak jauh dari address bar atau judul halaman sebuah blog. Tepat di sebelah kiri tulisan halaman url letaknya. Seperti ini contohnya :

faviconSekarang sobat sudah bisa membayangkan akan membuat favicon seperti apa untuk Blog sobat. Sobat bisa merancang sendiri lewat Photoshop atau kalau tidak mau repot bisa mendownload gambar di Internet.

Bagaimana caranya membuat favicon nya?
Untuk membuatnya, sobat harus punya gambar yang akan dipakai untuk membuat faviconnya. Jika sudah punya, simak baik - baik caranya berikut ini.

I. Buka browser sobat dan arahkan ke alamat www.genfavicon.com
  1. klik Browse dan cari gambarnya di komputer sobat. Kemudian klik Upload Image

    image
  2. Atur sendiri gambarnya, tarik kotak view sampai penuh (besar).

    image
  3. Klik ukuran yang sobat inginkan kemudian Klik Capture & Preview. Pilih ukuran yang paling kecil saja. 
    image
  4. Selanjutnya klik Download: jpg dan simpan gambarnya di komputer sobat. 

    image
  5. Langkah selanjutnya adalah sobat harus mengupload gambar tersebut ke tempat penyimpanan online, contoh adalah ke Photobucket atau Google Sites.
  6. Sekarang anggap saja sobat sudah menyimpan gambar sobat di tempat penyimpanan online, seperti ini contoh gambar yang telah saya simpan di google sites :

    http://sites.google.com/site/dodyfarial/image/RSS-Blue.png
II. Buka Blogger, masuk menggunakan ID sobat.

  1. Pilih Tata Letak.
  2. Klik Edit HTML.
  3. Pada halaman HTML, sobat harus mengganti tulisan yang saya tandai dengan warna ungu dengan alamat url favicon sobat :

    <link href='http://sites.google.com/site/dodyfarial/image/RSS-Blue.png' rel='shotcut icon'/>
  4. Kemudian letakkan halaman url baru sobat diatas kode </head>
  5. Kemudian Save Template, mudah kan.


Selamat mencoba !!
Agar blog kita kelihatan lebih bagus dan dinamis, ada baiknya kita pasang banner di beberapa sidebar atau header blog kita. Banyak pengunjung blog yang langsung tertuju ke arah banner, apalagi jika kita punya banner yang interaktif dengan pengunjung.

Misalnya jika sobat terdaftar di suatu situs bisnis online, pastinya sobat akan mendapatkan banner untuk mempromosikan link url sobat di tempat sobat mendaftar. Banner yang diberikan berupa kode HTML yang bentuknya agak sedikit ribet, hehe.. tapi jika setelah kita copy paste ke blog kita, jadinya akan berupa gambar atau banner yang kita maksud.

Seperti ini contohnya, gambar berikut saya dapat setelah mengikuti program bisnis online yang dikenal dengan nama paid to click atau PTC.

buxp
dan biasanya akan diberikan kode html yang nantinya akan kita pasang di blog kita, seperti ini contoh kode html-nya :
<a href="http://www.buxp.net/?r=miskahiper"><img src="http://buxp.net/banner1.gif" alt="" /></a>
dan bagaimana cara memasangnya di blog kita? silahkan ikuti panduannya berikut ini :
  1. Login ke Blogger dengan ID sobat.
  2. Klik Tata Letak.
  3. Klik Elemen Halaman.
  4. Kemudian klik yang bertuliskan Tambah Gadget, bisa di sidebar, header atau bagian bawah template.
    add gadget
  5. Kemudian pilih yang HTML/Java Script
    image
  6. Copy paste kode HTML sobat kedalamnya, sobat bisa menambahkan judul diatasnya jika mau.
    insert html
  7. Lalu klik Simpan.
  8. Selesai.

## Membuat banner sendiri

Bagaimana jika sobat ingin memasang banner atau gambar sendiri ke dalam blog sobat dan jika di klik akan menuju ke situs atau blog sobat yang lain? saya akan berikan contohnya berikut ini.

Saya punya gambar kecil dengan bentuk seperti ini : blog go blog

Bagaimana membuatnya menjadi banner yang mempunyai link didalamnya?
  • Upload gambar tersebut kedalam situs penyimpanan online, sobat bisa upload ke Photobucket atau Google Sites
  • Anggap saja sobat ingin menggunakan jasa Photobucket, pada halaman depan silahkan sobat klik Join Now It’s Free! untuk menjadi anggota image
  • Ikuti saja langkah-langkah pendaftarannya sampai selesai.
  • JIka sudah selesai register, klik login untuk masuk ke halaman utama Photobucket
  • Bagaimana cara upload gambarnya? pada bagian atas coba cari tulisan Upload images & videos, klik dan upload gambar yang sudah sobat siapkan. image
  • Setelah selesai upload gambar, kemudian sorot pada gambar tersebut dan klik yang HTML Code
    miscah
  • Sekarang copy paste saja dulu kedalam notepad, misalnya kode html untuk gambar yang saya upload ke Photobucket seperti ini :
    <a href="http://s643.photobucket.com/albums/uu155/miskahiper/?action=view&current=BANNER2.jpg" target="_blank"><img src="http://i643.photobucket.com/albums/uu155/miskahiper/BANNER2.jpg" border="0" alt="blogspot tutorial,blog,tips blogging"></a>
  • Hapus kode yang berwarna merah dan ganti dengan kode url blog sobat atau situs yang ingin sobat beri link, sehingga jadinya seperti dibawah ini :
    <a href=http://ramagalih666.co.cc" target="_blank"><img src="http://i643.photobucket.com/albums/uu155/miskahiper/BANNER2.jpg" border="0" alt="blogspot tutorial,blog,tips blogging"></a>
  • Kode tersebutlah yang sekarang bisa sobat copy paste ke blog sobat.
Mudah kan, selamat berkreasi !

Upload gambar Dan buat link

Untuk membuat tampilan tulisan atau postingan kita lebih menarik, tentunya kita harus menyertakan gambar di dalamnya. Dalam tulisan, untuk menjelaskan sesuatu hal pembaca akan lebih tertarik jika gambar yang kita pasang juga sesuai bentuk dan ukurannya.
Dan untuk menambahkan link di setiap gambar yang kita upload ke dalam tulisan kita, agar jika gambar tersebut di klik oleh pembaca, akan keluar halaman url yang kita inginkan. Misalnya sobat akan membawa pembaca ke halaman dimana sobat mempromosikan iklan - iklan sobat, atau membawa pembaca ke halaman link url sobat.

Bagi sobat yang belum mengetahui cara mengupload gambar ke dalam postingan di blog sobat, berikut sedikit penjelasannya.

  1. Login ke Blogger menggunakan ID sobat.
  2. Klik Entri Baru.
  3. Didalam postingan lihat gambar seperti dibawah ini.

     
  4. Kemudian klik Upload Images. dan browse untuk mencari gambarnya.

    image
  5. Lalu klik tombol OK
  6. Untuk menambahkan link ke dalam gambar, klik pada gambar dan klik tombol link yang ada di bagian atas kolom postingan.

    link
  7. Kamudian masukkan alamat url yang sobat inginkan

    alamat url  
  8. Setelah itu klik OK
Sangat mudah, silahkan di coba !

Cara Membuat Label (Kategori)

Label itu apa ya? Label adalah pengelompokkan postingan dalam kategori. Bisanya jika dalam penulisan kita selalu mengkategorikan postingan kita dalam beberapa kelompok. Misalnya judul pada postingan ini yaitu cara membuat label, kemudian saya kelompokkan dalam beberapa kategori, seperti blogspot tutorial, label, cara membuat label (lihat pada bagian tags).
Cara membuatnya sangat mudah, hanya saja jika sobat jeli dalam setiap penulisan artikel, pada bagian bawah kolom postingan terdapat kotak kecil untuk meletakkan label postingan kita.

Bagaimana cara membuatnya ?
  1. Login ke Blogger
  2. Pada halaman dashboard, klik Tata Letak
  3. Klik Elemen Halaman
  4. Kemudian pilih Tambah Gadget
  5. Cari Label lalu di klik
    image
  6. Lalu akan ada halaman seperti di bawah ini :
    Isi label
  7. Untuk Judul bisa sobat sesuaikan sendiri, setelahnya klik simpan.
  8. Untuk mengisi Label atau Kategori, setiap sobat memposting tulisan sobat, isi kolom kosong dibawah kolom postingan dengan kategori yang sobat inginkan, seperti ini contohnya :
    label
    Nah, ada kolom kosong kan, isi dengan kategori yang sobat inginkan. Jadi tulisan sobat masuk dalam kategori yang sobat tulis tersebut.
  9. Atau bisa juga menggunakan cara berikut, pada halaman edit entri --> contreng salah satu postingan sobat --> klik aksi label --> label baru, lalu isi dengan label yang sobat inginkan.
    image
Selamat mencoba !
Tutorial blogspot © 2013 Template by:
RAMA GALIH