java script
Showing posts with label java script. Show all posts
Showing posts with label java script. Show all posts

Bagaimana Membuat Link Gambar di Blog

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>

---

Menonaktifkan Copy Dan Paste Konten Blog / How to Disable Copy and Paste of Blog or Site Content

How to Disable Copy and Paste of Blog or Site Content

Ingin menghalangi para plagiator "mengambil" isi blog Anda?

Bagaimana cara  agar postingan atau artikel blog tidak bisa di copy paste, memakai kode HTML atau kode JavaScript?

Posting ini bisa juga Anda baca di www.mukadimah.com. Klik di sini untuk berkunjung ke www.mukadimah.com.

Kopi saja semua kode berikut ini dan paste sebagai gadget di template Blogger.

Berikut ini adalah kode JavaScript atau kode HTML yang bisa menghalangi atau mempersulit tindakan kopas alias kopi paste konten blog:

<script type="text/javascript">
var omitformtags=["input", "textarea", "select"]
omitformtags=omitformtags.join("|")
function disableselect(e){
if (omitformtags.indexOf(e.target.tagName.toLowerCase())==-1)
return false
}
function reEnable(){
return true
}
if (typeof document.onselectstart!="undefined")
document.onselectstart=new Function ("return false")
else{
document.onmousedown=disableselect
document.onmouseup=reEnable
}
</script>

Posting ini bisa juga Anda baca di www.mukadimah.com. Klik di sini untuk berkunjung ke www.mukadimah.com.

Untuk memasang kode JavaScript ini ke blog:
  • Copy kode berwarna merah di atas,
  • sign in ke Dashboard Blogger,
  • klik tab Layout,
  • klik Add a page element,
  • klik Basics, 
  • klik HTML/Javascript,
  • dan paste kode di atas,
  • klik tombol Save.
Klik di sini untuk membaca cara menambahkan kode HTML atau kode JavaScript sebagai gadget atau widgets di template Blogger.

Have a nice day...

Posting ini bisa juga Anda baca di www.mukadimah.com. Klik di sini untuk berkunjung ke www.mukadimah.com.


Cara Menambahkan Gadget HTML JavaScript di Blogger

How to Add HTML or JavaScript Gadgets or Widgets to Blogger Blogspot

Bagaimana cara menambahkan gadget atau widget berupa kode HTML atau JavaScript di blog Blogger atau Blogspot?





Berikut cara menambahkan gadget atau widget berupa kode HTML atau JavaScript dari pihak ketiga (third party).

Pertama-tama, klik di tab Design saat berada di Dashboard Blogger atau Blogspot.


Kemudian klik di Page Elements yang letaknya di bawah tulisan atau tab Posting.

Lalu klik Add a Gadget.

Posting ini bisa juga Anda baca di www.mukadimah.com. Klik di sini untuk berkunjung ke www.mukadimah.com.



Terus akan ada halaman Add a Gadget seperti berikut ini.

Ada beberapa pilihan. Basics, Featured, Most Popular, More Gadgets dan Add your own. Klik yang diinginkan.


Di sini akan saya klik Basics karena saya ingin menambahkan kode HTML atau JavaScript.


Klik di tanda panah biru di sebelah kanan tulisan HTML/JavaScript (jika sebuah gadget sudah ditambahkan di blog akan ada tulisan Already added).




Akan muncul halaman seperti berikut ini.


Ketik judul dari gadget di bagian Title jika diinginkan. 

Paste kode HTML atau JavaScript di kotak Content.

Klik tombol SAVE untuk menyimpan perubahan yang dibuat, and that's it.

Have a nice day...


Subscribe to: Posts ( Atom )