IT Center

 Membuat Link

Dalam dunia blog, tentu anda tidak asing lagi dengan yang namanya link. Apabila anda seorang blogger (tukang ngeblog kata orang jakarta mah), tentu saja membuat link adalah sebuah keharusan. Berbeda dengan website pada umumnya, di jagat per blog-an ada yang namanya link exchange atau bertukar link dengan blog lain, jadi kalau anda tidak bisa membuat link, ini dapat berakibat anda akan di asingkan alias di cuekin oleh blogger lainnya karena di anggap pelit dalam memberikan link. Dalam topik membuat link ini, saya akan mengulasnya dalam beberapa sub bagian yakni :

Link pada posting-an

Jika anda membuat sebuah artikel untuk di posting, trus di dalam nya ingin di buatkan sebuah link, misalkan artikel tersebut bercerita tentang bisnis yang anda ikuti pada sebuah website di internet, lalu anda ingin mengajak para pembaca artikel tersebut untuk mengunjungi website yang anda ceritakan. Misalkan dalam artikel tersebut ada kata –kata seperti Jika anda tertarik silahkan anda klik disini, nah untuk membuat link dari kata-kata tersebut silahkan ikuti langkah-langkah berikut :

  1. Highlight kata-kata yang ingin di buat link, contoh di atas adalah 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.resepbisnis.com/?id=rohman
  4. Klik OK. Selesai


Link dengan window baru

Mungkin anda punya pikiran, kalau anda membuat sebuah link trus pembaca mengkliknya, anda kwawatir kalau pengunjung blog kita akan meninggalkan blog kita. Untuk meminimalisir hal tersebut, bisa dilakukan dengan cara membuat window baru, jadi ketika pengunjung mengklik salah satu link yang kita buat, halaman blog kita tidak akan tertimpa dengan halaman baru tapi yang terjadi adalah halaman blog anda tetap ada dan halaman yang baru di klik akan muncul terpisah. Sebagai contoh, silahkan anda klik tulisan Resep Bisnis atau Obral plus pada banner header diatas. Ketika anda mengkliknya, akan tercipta window baru. Untuk membuat link seperti ini dapat di lakukan dengan cara :

  1. Apabila sudah melakukan cara membuat link seperti keterangan diatas, klik menu    Edit HTML tab   yang ada pada toolbar.
  2. 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
  6. Tuliskan kata dimana anda ingin tempatkan, contoh di blog saya adalah Links para sahabat, klik Find
  7. Tuliskan link yang anda inginkan, contoh jika anda ingin membuat link ke blog saya, maka kode yang di tulis adalah :
    8. <ahref="http://kolom-tutorial.blogspot.com" target="_blank">Blog Tutorial</a>
  8. 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 :

    <ahref="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 :

    <ahref="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 bikin 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 :

<ahref="http://www.resepbisnis.com/?id=rohman target="new" title="mau belajar bikin website sendiri silahkan klik di sini">Resep bisnis</a>

mudah bukan. Selamat mencoba.  





 Membuat efek Marquee


Apa itu marquee ? Marquee adalah suatu program HTML untuk membuat teks bisa bergerak atau berjalan. Program marquee ini banyak diminati dan di pakai oleh para blogger di dalam blognya karena sifat program ini yang dinamis serta menarik untuk di lihat disamping untuk menghemat tempat pada halaman blog.


Marquee ini bisa di buat dengan menggunakan tag <marquee>...</marquee>.


Atribut yang sering di gunakan adalah :


BGCOLOR="warna" --> Untuk mengatur warna background (latar belakang) teks


DIRECTION="left/right/up/down" --> Mengatur arah gerakan teks


BEHAVIOR="scroll/slide/alternate" --> Untuk mengatur perilaku gerakan


Scroll --> teks bergerak berputar
Slide--> teks bergerak sekali lalu berhenti
Alternate --> teks bergerak dari kiri kekanan lalu balik lagi ( bolak-balik bo)


TITLE='pesan" --> Pesan akan muncul saat mouse berada di atas teks


SCROLLMOUNT="angka" --> mengatur kecepatan gerakan dalam pixel, semakin besar angka semajin cepat gerakannya.


SCROLLDELAY="angka" --> Untuk mengatur waktu tunda gerakan dalam mili detik


LOOP="angka|-1|infinite" --> Mengatur jumlah loop


WIDTH="lebar" --> Mengatur lebar blok teks dalam pixel atau persen


Agar lebih jelas akan saya sertakan contohnya :


Contoh marquee dari gerakan :


<MARQUEE align="center" direction="right" height="200" scrollamount="2" width="30%">


marquee dari kanan ke kiri


</MARQUEE>


hasilnya :


marquee dari kanan ke kiri
ganti kata "left" dengan keinginan anda yaitu bisa : left, up, down .


Contoh marquee dari perilaku gerakan :


<MARQUEE align="center" direction="left" height="200" scrollamount="3" width="70%" behavior="alternate">


marquee menurut perilaku


</MARQUEE>


marquee menurut perilaku


Contoh marquee dengan variasi hurup dan warna latar belakang :


<div align="left">&ltFONT FACE="georgia" color="White"><B><MARQUEE BGCOLOR="RED" width="70%" scrollamount="3" behavior="alternate">


</MARQUEE></b></FONT></div>


hasilnya :


marquee dengan variasi hurup




Ada variasi lain dari marquee ini, yakni ketika mouse sedang berada di area marquee teks akan berhenti dan ketika mouse di geser kembali ketempat lain maka teks akan bergerak kembali, ini hanya di tambahkan sedikit program pada kolom marquee.


Contoh, silahkan arahkan mouse anda ke area marquee di bawah ini :


<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="50%" height="200" align="center">


silahkan tunjuk ke sini


</marquee>


hasilnya :


silahkan tunjuk ke sini


Contoh marquee yang di dalam nya terdapat link :


<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="100%" height="100" align="center">

<a href="http://rubrik-elektronik.blogspot.com" target="new">Rubrik Elektronik</a><br/>

<a href="http://electronic-rubric.blogspot.com" target="new">Electronic Rubric </a><br/>

<a href="http://kolom-iklan.blogspot.com" target="new">Kolom iklan </a><br/>

</marquee>


hasilnya : Free Template

Kolom iklan

Kang Rohman




Mungkin itu saja beberapa contoh yang bisa di berikan, silahkan anda otak-atik sendiri agar tercipta variasi-variasi dari marquee ini.


Selamat ber eksperimen 



 Membuat Link Untuk Download

Sobat Saiman beberapa waktu yang lalu mengajukan sebuah pertanyaan yang di tulis pada shoutbox, beliau menanyakan tentang cara memasang artikel atau file exe di blog agar bisa di download orang lain. Sepengetahuan saya yang terbatas ini, di dalam blog tidak bisa untuk menyimpan file exe kemudian bisa di download oleh orang lain, akan tetapi walaupun begitu ada cara lain yang bisa kita tempuh yakni menggunakan jasa situs-situs yang ada di internet yang menyediakan space untuk upload file yang kita punyai dan kemudian bisa di download lagi oleh orang lain.

Secara sederhana saya jabarkan cara kerjanya, pertama tentu saja kita harus mempunyai account pada situs tersebut, kemudian setelah mempunyai account, baru kita upload data yang ingin kita simpan, lalu setelah proses upload berhasil kita akan di beri URL address file yang kita upload. Nah langkah terakhir agar pengunjung dari blog kita bisa mendownload file tersebut adalah memasang tulisan yang mempunyai link terhadap URL address file yang kita upload tadi, jadi tentu saja orang lain bisa mendownload file yang kita pasang melalui blog kita. Kira-kira begitu bos .

Agar tidak terlalu bingung, penyedia layanan ini salah satunya adalah www.SnapDrive.net. dengan menggunakan situs ini kita bisa upload file kemudian file tersebut bisa di download lagi oleh orang lain. Untuk caranya silahkan ikuti langkah-langkah berikut ini :

  1. Silahkan klik di sini untuk menuju http://www.SnapDrive.net
  2. Klik tulisan Register
  3. Isi formulir yang disediakan dengan data diri sobat
    • Username --> isi dengan nama yang ingin sobat gunakan, boleh apa saja yang penting mudah di ingat. contoh : Unyil
    • Password --> isi dengan password yang di inginkan. contoh : pakraden
    • Confirm password --> isi kembali dengan password yang tadi di tuliskan.contoh : pakraden
    • Email address --> isi dengan alamat email sobat, tentunya yang masih valid. contoh : amn_tea@yahoo.co.id
    • First name -->isi dengan nama depan sobat
    • Last name --> isi dengan nama belakang sobat
    • Country --> pilih nama negara dimana sobat tinggal. contoh : indonesia
    • Postcode --> isi dengan kode post daerah sobat
    • Gender --> pilih sesuai dengan jenis kelamin sobat. male(pria), female(wanita)
    • Date of birth --> pilih tanggal kelahiran sobat
    • Preferances isi dengan tulisan yang tertera di situ
  4. Klik tombol Register
  5. Ada konfirmasi bahwa account yang baru di buat harus di aktifkan melalui email yang kita tulis tadi
  6. Cek email milik sobat yang tadi ditulis, periksa apakah email dari Snapdrive sudah sampai atau belum
  7. Jika email sudah sampai, silahkan buka email tersebut. Isi di dalam email tersebut ada yang berupa link untuk aktifasi, klik saja link tersebut
  8. Secara otomatis sobat akan dibawa kehalaman yang berisi ucapan terima kasih
  9. Klik tombol OK
  10. Silahkan Login dengan username serta password yang tadi di tuliskan saat register
  11. Setelah berada di halaman account sobat, klik tulisan Upload
  12. Klik tombol Add Files
  13. Pilih file yang ada dikomputer sobat yang mau di upload
  14. Klik tombol Upload. tunggu beberapa saat ketika proses upload file sedang berlangsung
  15. Jika proses upload selesai, sobat akan diperlihatkan file yang di upload tadi. Klik tulisan details yang ada disebelahnya
  16. Klik tulisan HTML Code
  17. Copy kode yang di berikan lalu paste pada program notepad
  18. Klik tulisan Logout untuk keluar dari situs tersebut
  19. Silahkan tutup layar browser sobat



Langkah selanjutnya adalah memasukan kode tadi ke dalam blog kita, saya ambil contoh kode yang sudah di upload seperti ini :


<a href="http://www.snapdrive.net/files/452250/billing%20internet.zip">billing internet.zip</a>


Kode ini merupakan kode link biasa, jadi tentunya tidak mutlak. Kata billing internet.zip, bisa kita ganti dengan kata apa saja sekehendak kita. saya ambil contoh kata billing internet.zip di rubah menjadi kata download, maka kode diatas menjadi seperti di bawah ini :


<a href="http://www.snapdrive.net/files/452250/billing%20internet.zip">download</a>


Bagaimana cara memasukan kode diatas? tentu saja terserah sobat mau di tempatkan dimana saja, mau di sidebar, footer, atau bahkan di dalam postingan pun bisa. Saya ambil contoh didalam postingan isinya seperti ini :

Untuk men download program billing internet, silahkan anda klik link di bawah ini :
<br/><br/>
<a href="http://www.snapdrive.net/files/452250/billing%20internet.zip">download</a>


Maka nanti di blog kita akan tampil seperti ini :


Untuk men download program billing internet, silahkan anda klik link di bawah ini :

download


Contoh link yang saya buat diatas adalah link yang benar-benar nyata untuk mendownload program billing internet, silahkan sobat klik untuk membuktikannya!


Saya kira sudah cukup pembahasan tentang cara membuat link download, mudah-mudahan dapat di mengerti. Selamat mencoba ! 
Langganan: Postingan (Atom)