Sunday, 11 August 2013

Cara Merubah dan Mengganti Tampilan Cursor

Tampilan dari kursor pada blog atau website dapat diganti dengan gambar yang kita inginkan.

Untuk melakukan hal itu kita hanya akan menambahkan sedikit kode CSS pada blog kita.

Berikut adalah caranya:

Masuk ke dalam dasboard blog.
Klik Template.
Klik Sesuaikan.
Pilih Tingkat Lanjut.
Pilih Tambahkan CSS.



Kemudian tambahkan dengan kode seperti di bawah ini:

body {
cursor:url('http://cur.cursors-4u.net/symbols/images5/sym455.gif'),auto;
}

Apabila kita hanya ingin kursor berubah pada saat cursor di arahkan pada sebuah link, maka kita menambahkan kode seperti di bawah ini:

a:hover {
cursor:url('http://cur.cursors-4u.net/symbols/images5/sym455.gif'),auto;
}

Teks yang berwarna merah adalah alamat url dari gambar dan dapat diganti dengan url gambar cursor yang kita inginkan.

Untuk mendapatkan url dari gambar cursor, dapat kita cari di internet dengan browsing pada search engine. Banyak sekali penyedia gambar cursor yang bertebaran di internet secara gratis.

Mungkin cukup sekian semoga dapat membantu.

Saturday, 3 August 2013

Cara Membuat Link Menggunakan Gambar atau Foto

Link merupakan komponen yang sangat penting di dalam sebuah blog atau website. Sebab dengan adanya link atau hyperlink, pengunjung sebuah blog dapat dengan mudah mengakses dan menjelajahi seluruh website dengan cepat.

Link Menggunakan Gambar atau Foto


Selain link yang menggunakan teks, link pun bisa menggunakan foto atau gambar yang membuat tampilannya menjadi lebih menarik dan efektif.

Berikut di bawah ini adalah cara penulisan atau pembuatan link dengan gambar yang menggunakan metode HTML:


Tag Link

<a href='url tujuan'>Teks atau Gambar</a>
  • <a> adalah tag HTML yang berfungsi untuk mendefinisikan sebuah link.
  • href adalah atribut (informasi tambahan) dari tag a untuk url/alamat yang akan dituju dari link.
  • Value dari href harus diberi tanda kutip.

contoh:
<a href='http://www.otodidakers-tutor.blogspot.com/'>Otodidakers Tutorial</a>

Hasil:


Tag Gambar/Images

<img src='url gambar' alt='nama alternatif gambar' width='tinggi' height='lebar'>
  • Tag <img> adalah tag HTML untuk mendefinisikan sebuah gambar.
  • Atribut src adalah sumber/url dari gambar.
  • Atribut alt adalah untuk memberikan nama alternatif gambar. Apabila gambar tidak bisa ditampilkan, maka yang muncul adalah nama alternatifnya.
  • Atribut height dan width adalah untuk mengatur ukuran gambar.

contoh:
<img src='http://www.comicbookdaily.com/wp-content/uploads/2010/09/click.jpg' alt='Click Me!' width=100' height='100'>

Hasil:
Click Me!


Digabungkan menjadi link gambar

<a href='http://vavadiva.blogspot.com/'>

<img src='http://www.comicbookdaily.com/wp-content/uploads/2010/09/click.jpg' alt='Click Me!' width='100' height='100'>

</a>
Tag <img> harus diapit oleh tag <a> dimana tag penutup harus dikasih garis miring, seperti: </a>

Hasil:
Click Me!
Klik pada gambar di atas untuk berpindah ke halaman web yang dituju.

Mungkin cukup sekian bagaimana cara membuat link menggunakan gambar atau foto, semoga dapat membantu dan mudah dimengerti.

Friday, 2 August 2013

Cara Memasang Musik dan Lagu di Blog

Blog atau website sangat kaya akan konten. Berbagai macam konten seperti tulisan, gambar, tabel, video, musik, lagu dan konten lainnya merupakan komponen yang tidak dapat dipisahkan dari sebuah blog dan website. Dan satu di antaranya adalah konten berupa musik atau lagu, di mana kita bisa memasang musik dan lagu yang kita suka di blog atau website kita.

Memasang Musik dan Lagu di BlogMusik dan lagu bisa dipasang pada postingan blog atau di widget blog atau di manapun kita suka memasangnya asalkan memasang kode HTML dengan benar pada blog .

Banyak sekali penyedia musik player yang bertebaran di internet yang dapat kita pasang pada blog kita. Namun kali ini kita akan bahas cara memasang musik dan lagu di blog dengan kode HTML yang sederhana, yaitu cara paling dasar dengan menggunakan kode HTML.

Embed Musik Dengan Kode HTML

Berikut di bawah ini adalah caranya:
  • Masuk ke dalam "Dashboard".
  • Klik "Tata Letak".
  • Lalu klik "Tambah Gadget".
  • Pilih "HTML/JavaScript".
  • Lalu copy/paste kode yang ada di bawah dan "simpan".
  • Ganti value dari "src" yang berwarna hijau yaitu alamat url musiknya.
<embed autoplay='true' height='50' width='100' src="http://media.shax-dag.ru/Music/users/music___130417_7.mp3"></embed>

Ganti URL musik pada attirubute "src" yang berwarna hijau dengan URL lagu yang kita punya. 

Alamat url musik yang tersedia apa adanya dan tidak dirubah, harus berakhiran dengan format file musik, seperti .mp3, .wav, .ogg, dsb. Seperti kode di atas yang berwarna merah.

Browser harus support dengan file musik dan player musik yang dipasang atau sudah terinstal pluggin Quicktime player.

Embed adalah tag HTML yang berfungsi untuk memasang konten eksternal (Dari website/server lain).

Memainkan Musik Autoplay atau Otomatis

Kadang kita ingin musik atau lagu yang ada di blog kita memutar dengan sendirinya atau otomatis bermain ketika blog atau website dikunjungi.
Untuk melakukan hal seperti itu pada tag embed kita hanya tinggal pasang attribute autoplay.

Attribute "autoplay" adalah cara bagaimana lagu atau musik dimainkan.

<embed autoplay='true' height='50' width='100' src='URL MUSIK'>

  • autoplay='true' untuk memainkan musik secara otomatis.
  • autoplay='false' untuk memainkan musik dengan kontrol play.

Mengatur Ukuran dari Player Musik

Ukuran dari Music Player adalah penting. Ukuran default dari music player tidak selalu pas dengan ukuran blog yang ingin kita pasang. Maka dari itu ukuran player dapat kita atur sesuai yang kita inginkan agar music playernya tidak saling bertabrakan dengan konten/elemen lain di blog dan lebih enak dipandang.

Untuk mengaturnya kita hanya menambahkan attribute width dan height pada tag embed.

<embed autoplay='true' height='50' width='100' src='URL MUSIK'>

  • 'height' untuk mengatur tinggi.
  • 'width' untuk mengatur lebar.

Mengambil Url Lagu dari Mp3skull

Masuk ke website Mp3Skull.com
Kemudian search lagu sesuka hati.

Cari Url Lagu dan Musik


Klik "Download" dan akan keluar tab baru yang akan memainkan lagu.

Download Lagu


Pada bagian url dibrowser cek url lagu yang berakhiran .mp3

Url Lagu dan Musik

Copy dan pastekan pada attribute src.



Semoga berhasil..
Mungkin sekian cara memasang musik dan lagu di blog dengan kode HTML, semoga dapat membantu.

     

    Blogger news

    Blogroll

    Powered by Blogger.