html
Showing posts with label html. Show all posts
Showing posts with label html. Show all posts

Bagaimana Membuat Link Gambar di Blog

6:28:00 PM Add Comment
How to Make Images Clickable

Bagaimana cara membuat image link di blogspot? Berikut cara membuat dan mengubah gambar atau foto kita sendiri menjadi tautan  (link) di (sidebars) blog Blogspot yang bila diklik akan membawa readers ke halaman yang diinginkan baik di tab yang sama atau di tab baru.

  • Kemudian cari dan copy kode direct link dari gambar yang diupload tadi, seperti berikut ini.
 http://img23.imageshack.us/img23/5385/logoblogintensedebate.jpg
  • Sedangkan yang berikut ini adalah kode lengkap untuk merubah gambar menjadi tautan atau link.
<a href="URL SITUS" target="_blank"><img src="URL GAMBAR" alt="NAMA TAUTAN" width="50" height="30" border="0" /></a>
  • Ganti dan isi URL SITUS dengan alamat URL lengkap situs yang akan dijadikan link. Misalnya seperti: http://andigentho.blogspot.com/
  • Ganti dan isi URL GAMBAR dengan direct link dari gambar yang diupload ke situs hosting image tadi:
http://img23.imageshack.us/img23/5385/logoblogintensedebate.jpg
  • Lalu ganti dan isi NAMA TAUTAN dengan nama yang dinginkan misalnya: My Blogger.
  • Bisa juga mengubah lebar (width) dan tinggi (height) gambar tautan dengan mengubah nilai 50 dan 30 sesuai kebutuhan.
  • Kode lengkapnya akan nampak seperti berikut:
 <a href="http://andigentho.blogspot.com/" target="_blank"><img src="http://img23.imageshack.us/img23/5385/logoblogintensedebate.jpg" alt="My Blogger" width="50" height="30" border="0" /></a>
  • Copy semua kode di atas.
  • Kemudian ke halaman Dashboard Blogger. Klik Layout.


  • Klik Add a gadget.



  • Klik di tanda panah biru untuk memilih HTML/JavaScript.


  • Kemudian ketik nama gadget di kotak Title (tidak harus) dan paste kode lengkap link tadi di kotak Content. Di bawah ini hanya contoh.


  • Jika ingin membuat lebih dari satu link gambar, copy dan paste kode lengkap sebanyak yang diinginkan dan jangan lupa untuk mengubah URL SITUS, URL GAMBAR dan NAMA TAUTAN pada setiap link yang baru.
  • Klik Save. Jika tidak ada kesalahan dalam kode maka akan ada pemberitahuan untuk melihat perubahan dengan klik View Blog atau Preview.


  • Hasil akhir bisa terlihat seperti ini.


  • Klik di gambar, maka link akan terbuka di tab lain (tidak di contoh ini, tapi jika ingin mencoba bisa diklik di bagian PLEASE VISIT MY di kanan atas blog ini).
  • Jika tidak ingin link terbuka di tab baru, hilangkan bagian kode: target="_blank". Jadi kode lengkapnya jadi seperti ini:
<a href="http://andigentho.blogspot.com/" ><img src="http://img23.imageshack.us/img23/5385/logoblogintensedebate.jpg" alt="My Blogger" width="50" height="30" border="0" /></a>

---

Cara Mengubah Ukuran Font di Blog

1:56:00 AM Add Comment
How to Modify Font's Attributes on Blog Blogger Blogspot

Bagaimana cara ubah size huruf atau font di Blogger? Ada dua cara yang bisa dipakai untuk memperbesar huruf postingan, atau memperkecil ukuran huruf atau font. 

Cara nya adalah dengan mengubah atribut font menggunakan tautan Fonts and Colors di tab Layout di dashboard Blogger. Ini mungkin agak berbeda tergantung dari jenis template yang kita pakai. Template yang saya gunakan adalah Blogger Template On The Road dari Ourblogtemplates.com.

First, klik Fonts and Colors di tab Design (dulu Layout) ketika berada di dashboard Blogspot.


Second, pilih perubahan warna untuk bagian-bagian yang sesuai. Text color untuk warna teks artikel atau posting blog.

Sidebar Header Color untuk mengubah warna nama-nama atau Title dari gadget atau yang lainnya yang ada di kolom sisi kiri atau kanan posting.

Sidebar Text Color akan mengubah warna teks di kolom sisi kiri atau kanan posting.

Then, jika ada pilihan Blog Title Font ini bisa digunakan untuk mengganti atribut font di bagian Judul Blog seperti jenis font, ukuran font (klik Smaller untuk memperkecil ukuran font, klik Larger untuk memperbesar), dan style font seperti cetak tebal (bold) atau cetak miring (italic).




Blog Description Font digunakan untuk mengubah atribut font untuk deskripsi tentang blog.

Sedang Post Title Font untuk mengganti atribut font dari judul artikel posting.

Date Header Font dipakai untuk mengubah atribut font dari tanggal pembuatan posting.

Text Font dipergunakan untuk mengganti atribut font atau huruf dari artikel (posting).

Blog Quote Font dipakai untuk mengubah atribut huruf untuk quote blog.

Next, Sidebar Title Font dipakai untuk mengganti atribut font atau huruf dari nama-nama gadget atau yang lainnya di kolom sisi kiri kanan posting blog.


Sidebar Text Font dipakai untuk mengubah atribut huruf atau font dari teks di sisi kiri kanan posting blog.

Post-Footer Text Font bisa digunakan untuk mengganti atribut font setelah bagian footer.

Comment Title Font dipakai untuk mengganti atribut font di bagian nama komen.

Comment Text Font digunakan untuk mengubah atribut font dari teks komentar.

Footer Header Font untuk memodifikasi atribut font dari judul bagian footer.

Finally, Footer Text Font dipakai untuk memodifikasi atribut font atau huruf dari teks di bagian footer.

Have a nice day ^_^

Subscribe to: Posts (Atom)

counter

free counters