Popular Post

Singing Hatsune Miku
Posted by : Unknown Senin, 13 Januari 2014

Pemberitahuan

Blog ini berisi tutorial cara membuat blog di blogger.com pada interface yang lama sehingga sebagian besar tutorialnya sudah tidak cocok lagi bila dipraktekkan pada blogger interface baru.
Sebenarnya cara membuat blog pada blogger lama dengan blogger yang baru sama mudahnya, yang berubah hanya tampilan dan letak menunya saja.
Untuk sementara waktu saya pause update blog tutorial ini untuk mempersiapkan tutorial membuat blog di blogger.com yang baru.
Terima kasih atas kunjungannya.

Membuat tautan atau link

Hyperlink (link) adalah tautan yang menghubungkan satu halaman ke halaman lain di suatu blog (link internal) maupun menghubungkan halaman suatu blog ke halaman situs dan blog lain (link external)

Contoh Link :


Cara membuat link :


- Menggunakan fasilitas yang tersedia pada fasilitas pembuat post
  1. Buat atau buka artikel yang akan ditambah link
  2. blok (hitamkan dengan cara drag) kata atau kalimat yang akan diberi link
  3. klik fasilitas bertulis Link di bagian atas fasilitas pembuat post
  4. Masukan halaman web yang dituju (bisa halaman internal / situs external)
  5. Klik Ok
  6. klik publish post untuk menyimpan dan mempublikasikan

- Menggunakan Kode Html
  1. Ketik manual kode berikut dalam fasilitas Edit HTML atau HTML editor (Perhatian : kode dibawah tidak bisa dipakai bila menggunakan Mode Compose)
contoh kode html link

<a href="http://cara-buat-blog-di.blogspot.com" rel="nofollow" target="_blank" title="judul link">ini namanya link</a>

hasilnya akan seperti di bawah ini


Link juga bisa diaplikasikan pada gambar, caranya sebagai berikut ...

Mode Compose
  1. Siapkan gambar lalu upload (unggah) kedalam postingan (klik gambar di sebelah fasilitas pembuat link)
  2. Setelah gambar sukses diunggah (diupload), klik gambar lalu klik fasilitas Link setelah itu masukkan alamat halaman web yang dituju
  3. Klik Ok
  4. Klik Publish Post
Mode Edit HTML

  1. berikut kode html untuk link gambar
<a href="http://cara-buat-blog-di.blogspot.com/" rel="nofollow" target="_blank" title="judul link"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-Y-dUPvgYcqRZE8fR6bbugOsbscksa96t0SUTjJTobQebG_PTqikNTA9Mm35nPz3NWs49H3sG1UpSKusdhPJOi4EjlXv-hbnlIEcB0RzNCEh9Zb7XGS3cbQwrkVoeK8Uht3q_IOQQBcQ/s1600/mariodance_fc7f16rv.gif" alt="keterangan alternative"/></a>

Contoh Link Gambar

keterangan alternative

Keterangan Tambahan :
  1. Kode HTML link : <a href="http://alamat-situs-yang-dituju.com" target="_blank" title="isi dengan nama/judul link">link<a/>
  2. Rel="nofollow" berguna untuk mencegah Search Engine menelusuri isi link tersebut, biasanya rel nofollow digunakan bila link mengarah ke situs luar
  3. target="_blank" berguna untuk membuka link di jendela tab baru bila di klik, anda boleh tidak memakai target="_blank" bila tidak dibutuhkan
  4. title="isi dengan nama/judul link" berguna menampilkan nama/judul link bila pointer mouse berada di atas link tersebut
  5. Rumus Kode Link Gambar : <a href="http://alamat-situs-yang-dituju.com" target="_blank" title="isi dengan nama/judul link"><img border="0" src="http://isi-dengan-alamat-gambar.com/contoh-gambar.jpgalt="keterangan alternative"/><a/>
  6. Border=0 berguna untuk menghilangkan garis/tanda hyperlink pada gambar
  7. alt="keterangan gambar" berguna menampilkan keterangan teks bila gambar tidak keluar (gagal load atau rusak)


-- Menuju Daftar Isi --
You might also like:

Leave a Reply

Subscribe to Posts | Subscribe to Comments

- Copyright © kevin raka - Date A Live - Powered by Blogger - Designed by Johanes Djogan -