Selasa, 17 Mei 2011

Melihat Jumlah Pengunjung Blog

Hai teman-teman semua, piye kabare?hehe..
Bagi seorang blogger, penting sekali untuk mengetahui
berapa banyak pengunjung yang mampir ke situsnya.
Untuk melihat jumlah pengunjung serta negara asal pengunjung,
kita tidak perlu melakukan hal yang rumit karena ada banyak situs website
yang memberikan layanan untuk hal semacam itu.
Salah satunya adalah ini: http://www.widgeo.net/?ref=geo

Dengan menggunakan situs ini, kamu bisa memperoleh data yang langsung
muncul di dalam blogmu. Informasi yang dapat disajikan adalah jumlah
pengunjung hari ini, negara asal pengunjung, jumlah pengunjung yang sedang online,
dan total pengunjung yang pernah berselancar di situs blog milik kamu.
Kamu cukup memilih gaya tampilan yang kamu suka, terus klik Get Widget,
dan kamu akan mendapatkan kode berupa bahasa html dari situs tersebut.
So, kamu copy-kan bahasa html tersebut, paste-kan di blog kamu.
Mudah bukan.. Selamat mencoba.

Senin, 16 Mei 2011

Membuat link dengan HTML

Kalo ente sering ngeblog, tentu tidak asing lagi dengan yang namanya link.
Saat ente meng-klik link tersebut, ente akan dibawa ke sebuah halaman baru.
Berikut cara-cara yang bisa ente lakukan dalam membuat link.
  1. Highlight kata-kata yang ingin di buat link, misalnya: klik disini.
  2. Klik ikon yang bergambar seperti ini      yang berada pada toolbar, maka setelah itu akan muncul tulisan http:// pada window baru yang berbentuk seperti gambar di bawah ini :
  3. Isi kotak yang ada tulisan tersebut dengan alamat situs yang anda inginkan, misalkan : http://www.jurusjitu.com/?id=rohman
  4. Klik OK. Selesai

Link dengan window baru

 

  1. Pada tulisan yang kita link tadi akan muncul kode seperti ini ( contoh tulisan klik disini di link ke http://www.resepbisnis.com/?id=rohman :

    <a href="http://www.resepbisnis.com/?id=rohman">klik disini</a>

    maka disini anda harus menambahkan embel-embel kode HTML target="new' ataupun target="_blank" pada awal ataupun akhir kode tersebut . Contoh kode yang sudah di modifikasi adalah :

    <a href="http://www.resepbisnis.com/?id=rohman" target="new">klik di sini</a>

    atau :

    <a href="http://www.resepbisnis.com/?id=rohman" target="new">klik di sini</a>

    atau bisa juga seperti ini :

    <a href="http://www.resepbisnis.com/?id=rohman" target="_blank">klik di sini</a>


Buat Links di sidebar

Bila anda berkeinginan membuat link kepada teman anda di sidebar, cara termudah adalah seperti ini : ( khusus untuk template klasik)

  1. Sign in di blogger dengan id anda
  2. Klik menu TEMPLATE
  3. Klik Edit HTML
  4. Klik Edit
  5. Klik Find (on this page)… --> untuk mempercepat pencarian
  6. find
  7. Tuliskan kata dimana anda ingin tempatkan, contoh di blog saya adalah Links para sahabat, klik Find
  8. Tuliskan link yang anda inginkan, contoh jika anda ingin membuat link ke blog saya, maka kode yang di tulis adalah :
  9. <a href="http://kolom-tutorial.blogspot.com" target="_blank">Blog Tutorial</a>
  10. Klik Save Template Changes. Selesai
Sedikit clue untuk anda. Jika anda sedang mengotak-atik kode Template sebaiknya sebelum di obrak-abrik, sebaiknya anda copy terlebih dahulu seluruh template ke dalam notepad, ini untuk jaga-jaga apabila anda melakukan kesalahan, anda bisa mengembalikan kesemula karena sudah mempunyai backup data template tersebut. Atau bisa juga sebelum anda klik Save Template Changes sebaiknya anda klik terlebih dahulu tombol preview untuk melihat perubahan yang anda lakukan, apabila sudah cocok dengan perubahan tersebut baru di save Template Changes.

Untuk anda pengguna Blogger baru, ada perbedaan dalam membuat link, silahkan ikuti langkah berikut ini :


  1. Login di blogger dengan ID anda
  2. Klik menu Layout
  3. Klik Page Elements
  4. Klik Add a Page Element
  5. Klik ADD TO BLOG pada menu Link List
  6. Tulis Judul link pada pada isian di sebelah form Title. Contoh dalam blog saya Adalah “ Link partner” atau silahkan terserah anda
  7. Isi nomor link yang ingin anda tunjukan di blog anda pada form Number of Links to show in list, jika anda ingin membatasi jumlah link yang akan di tampilkan, jika anda tidak mau membatasi silahkan di kosongkan saja.
  8. Pada form Sorting, silahkan anda pilih sort Alphabetically bila ingin link anda di urutkan berdasarkan huruf alphabet ( mulai dari A --> Z ), atau pilih sort revers Alphabetically apabila anda menginginkan Link yang anda buat di urutkan secara terbalik ( mulai dari Z --> A ). Bila anda tidak menginginkan keduanya, yakni Link yang tampil sesuai dengan yang anda buat, silahkan pilih Don’t Sort
  9. Tulis alamat URL yang akan di Link pada form New Site URL. Contoh : http;//kolom-tutorial.blogspot.com
  10. Tulis nama atau tulisan yang ingin muncul pada link yang anda buat pada form New site Name. contoh : Blog Tutorial.
  11. Klik Add Link, jika link yang anda buat lebih dari satu. Silahkan isi semua form sesuai dengan langkah di atas.
  12. Klik SAVE CHANGES bila sudah selesai
  13. Bila anda ingin menempatkan Link yang anda buat tadi, silahkan arahkan mouse anda ke kotak link yang baru anda buat, lalu tekan mouse sambil di tahan pindahkan ke tempat yang anda inginkan ( di drag & drop ) .
  14. Klik SAVE. Selesai


Membuat link dari gambar atau image

Apabila anda mempunyai sebuah gambar, dan gambar tersebut ingin di jadikan sebuah link. Maka caranya seperti di bawah ini :

  1. Upload gambar yang anda miliki ke hosting tempat menyimpan gambar, contoh http://www.photobucket.com.
  2. Jika anda sudah mengupload gambar anda, maka gambar tersebut akan di beri alamat URL, copy alamat tersebut pada notepad. Sebagai contoh gambar chicklet blog tutorial di samping mempunyai alamat URL :

    http://i162.photobucket.com/albums/t253/rohman24/animasichicklet.gif

    Nah jika anda ingin membuat gambar tersebut menjadi sebuah link, maka kode yang di tulis adalah :

    <a href="http://kolom-tutorial.blogspot.com"><img src="http://i162.photobucket.com
    /albums/t253/rohman24/animasichicklet.gif"></a>

    (kode dalam satu baris)

    jika ingin dalam window baru :

    <a href="http://kolom-tutorial.blogspot.com" target="_blank"><img src="http://i162.photobucket.com
    /albums/t253/rohman24/animasichicklet.gif"></a>

    (kode dalam satu baris)


Link berjudul

Mungkin anda bingung, ko judul bahasan topik ini judulnya Link berjudul? Untuk memperjelas bahasan ini, silahkan anda kembali ke halaman atas blog ini lalu arahkan mouse anda ke tulisan Resep bisnis, coba diamkan sebentar pada link tersebut, maka tidak lama kemudian akan muncul tulisan Mau belajar buat website sendiri silahkan klik disini . Nah sekarang mungkin anda sudah mengerti maksud saya, jadi dalam sebuah link ada kata-kata untuk menekankan ajakan anda kepada para pembaca untuk mengklik link tersebut. Untuk membuat judul link ini sangat mudah, yakni anda hanya harus menambahkan title=" ... " pada link yang anda buat. Contoh seperti yang saya berikan di atas :

<a href="http://www.jurusjitu.com/?id=rohman target="new" title="mau belajar buat website sendiri silahkan klik di sini">jurusjitu</a>

mudah bukan. Selamat mencoba.

Dasar-dasar HTML

HTML adalah singkatan dari HyperText Markup Language.
Di dalam HTML terdapat tag-tag yang memerintahkan web browser
untuk mengeksekusi perintah-perintah yang dikhususkan.

Struktur dasar HTML adalah sebagai berikut:







Dari struktur HTML tersebut di atas dapat diterangkan sebagai berikut:
a. Tag
   Tag adalah teks khusus (markup) yang terdiri dari dua karakter "<" dan ">".
   Contohnya adalah <title> ataupun <body>
   Umumnya tag ditulis secara berpasangan. Tag terdiri dari tag pembuka dan penutup.
   Pada tag menutup ditambahkan karakter "/" setelah karakter "<". Contoh:

   <title> sebagai tag pembuka judul website dan </title> sebagai tag penutup.

b. Element
    Element terdiri atas tiga bagian, yaitu tag pembuka, isi, dan tag penutup. 

    Sebagai contoh untuk menampilkan  judul dokumen HTML pada web browser
    digunakan element title, dimana: <title> ini adalah tag pembuka judul dokumen HTML
    Disini Judul Dokumen HTML ini adalah isi judul dokumen HTML
   </title> ini adalah tag penutup judul dokumen HTML

Menambahkan Gambar dan Video di Blog

Hai kawan-kawan..!!
Saya akan menuliskan tutorial lagi nih.
Kali ini kita akan menambahkan gambar dan video
ke dalam blog kita. Perhatikan langkah-langkahnya ya...
a. Masuklah ke account blogger Anda. Klik Edit Baru






b. Tulislah judul dan isi postingan Anda. Pada bagian yang ingin Anda
     tambahkan gambar, kliklah icon seperti pada gambar di bawah ini.








c. Klik choose file pada layar yang muncul selanjutnya.
 







d. Pilih gambar dari komputer yang akan Anda masukkan ke blog.
    Klik Open.














e. Setelah gambar muncul seperti pada gambar, klik Add Selected.












f. Kemudian gambar tersebut telah muncul di postingan Anda. Jika
   telah selesai maka klik Terbitkan Entri.












g. Catatan: Untuk menambahkan video pada blog, Anda melakukan
    langkah yang hampir sama dengan menambahkan gambar. Namun
    icon yang harus Anda pilih berbeda. icon insert video berada tepat
   di sebelah icon insert video.Lihat pada gambar.













a

Minggu, 15 Mei 2011

Chatting di Blog

Hai sahabat, apa kabar?
Saya harap kalian dalam keadaan sehat selalu.
Saya merasa sangat gembira bisa menuliskan tutorial
buat kalian. Meskipun, tutorial yang saya tuliskan saat ini
hanya merupakan tutorial yang sederhana. Semoga tutorial ini bisa
membantu kalian dalam membuat blog sendiri.

Pada kesempatan kali ini saya akan berbagi tentang cara menambahkan
fasilitas chatting di blog kalian. Pengunjung blog bisa meninggalkan pesan
di blog ini. Kita akan menggunakan fasilitas yang disediakan oleh shoutmix.

Berikut tutorial menambahkan fasilitas chatting di blog kita:
a. Masuklah ke halaman berikut ini: http://www.shoutmix.com/ 
b. Klik Create Chatbox










c. Ketik semua informasi yang diminta












d. Blog semua data yang ada di dalam kotak. Klik kanan >> Copy














e. Masuklah ke blog kalian
f.  Klik Rancangan







g. Pada elemen halaman silakan klik Tambah Gadget sesuai dengan tempat yang
    sobat inginkan. Pada contoh dibawah ini saya memilih meletakkan di sebelah kanan blog.











h. Kemudian akan muncul jendela halaman baru. Pilihlah HTML/JavaScript




















i. Sobat dapat menuliskan pada judul kata 'Chatting', setelah itu lakukan ini pada Content:
   Klik kanan >> paste. Klik Simpan

 

















j. Lihat blog, Ente sudah bisa menggunakan ruang chatting pada blog.











k. Cara menggunakannya adalah sebagai berikut:
   1. Pada Name    : Ketikkan nama Anda.
   2. Pada Website : Ketikkan website yang kamu punya jika ada.
   3. Pada Message: Ketikkan Pesan kamu

Sabtu, 14 Mei 2011

Belajar Website Gratis

Assalammualaikum..
Hai teman-teman semua, apa kabarnya?
Saya yakin sekali kalian sangat bersemangat hari ini.
Kalian ingin punya website sendiri dan ingin belajar website gratis?
Ya. Saya sangat senang sekali mendengar jawaban Anda.
Anda telah berada pada pilihan halaman website yang benar.
Pada Blog saya ini saya akan memberikan tutorial-tutorial yang akan sangat berguna buat kamu yang mau belajar website, Gratis loh..!!

So, ikuti terus postingan-postingan saya dari awal sampai akhir.
Saya akan memulai belajar website gratis ini dari tahap yang paling mudah. Oke!

Membuat email google ( Gmail )

Kawan-kawan tercinta,
Saya akan menuliskan tutorial pembuatan email google alias Gmail
buat ente-ente yang belum punya email,
atau udah punya email tapi dibuatin ama orang lain. Hihihi...
Ikuti semua langkah ini satu-persatu ya Sob.!?
1. Masuklah ke Gmail melalui Google
    caranya adalah dengan mengetikkan "mail" pada penelusuran Google

    




                                                              
2. Pilihlah Gmail: Gmail from Google seperti gambar dibawah ini.                   
                  









3. Setelah ente masuk pada halaman Gmail, kliklah "Buat Akun"
    di sebelah kiri bawah halaman website Gmail
                











4. Isilah data-data seperti nama, password, dan data lain yang
    diminta oleh website Gmail.
    Disini, ente menuliskan alamat email yg ente inginkan
    pada "Nama Login yang diinginkan".
    Klik "cek ketersediaan". Jika nama akun yang dipilih tidak tersedia
    maka ente bisa memilih nama akun yang ditawarkan Gmail.












5. Pada halaman yang sama, Ente diminta untuk verifikasi kata.
    Ketikkan kata yang ada di dalam kotak ke kotak kosong dibawahnya.

        






6. Setelah sobat memasukkan semua data yang diminta, klik "lanjutkan"
7.Selesaikah? Belum sob, ente masih harus verifikasi data ente.
   Pilih opsi verifikasi "pesan teks" dan masukkan nomor handphone milik ente.
   Misal nomor hp ente 081996324370, maka ente ganti angka 0 di depan dengan
   +62. Kemudian klik "kirim kode verifikasi ke ponsel saya".
   Lihat contoh pada gambar.











8. Anda akan mendapatkan sms dari Gmail. Wah..wah.. orang penting
    ente Sob. Hehe..
    Masukkan kode dalam sms ke halaman website Gmail.Klik verifikasi.

   








9. Yupz,. Ente mendapatkan ucapan selamat dari Gmail.
    Anda telah memiliki akun Gmail sekarang.
    Klik "Tunjukkan akun saya" untuk menuju halaman Gmail Anda.







10. Inilah halaman Gmail Anda. Tepuk tangan Dora untuk kita semua. Haha..
       Ok, sob. Sekian tutorial dari saya tapi sebelumnya keluarlah dari akun gmail ente.
       Kliklah alamat email di pojok kanan. Lanjutkan dengan klik "keluar".