Cara Membuat Link di Blog

Secara umum link atau tautan merupakan sebuah url yang menuju pada alamat website tertentu. Pada awalnya link mengarahkan pembaca untuk melakukan navigasi pada halaman situs tersebut atau merujuk pada referensi diluar situs. Lama kelamaan kegunaan link menjadi lebih luas lagi, digunakan sebagai sarana promosi baik berupa link gratis maupun berbayar. Tidak jarang informasi yang ditawarkan dalam sebuah link mungkin tidak berkaitan sama sekali dengan topik yang dibahas. Bentuk link gratis adalah link yang dibuat oleh para komentator artikel sedangkan bentuk link promosi berbayar disediakan oleh penyedia jasa iklan seperti google adsense, bidvertiser, kumpulblogger, adsensecamp dan lain sebagainya.


Berikut ini ada lima dasar cara membuat link di blog :


1. FORMAT LINK STANDAR


Oke kita kembali lagi ke topik cara membuat link pada blog. Aturan untuk membuat link secara sederhana adalah sebagai berikut :

<a href="http://www.namadomain.com/namahalaman.html" >judul</a>

Sebagai contoh, misalkan ingin menambahkan link pada blog anda alamat ke situs www.aimyaya.com maka link tersebut dapat berupa :

<a href="http://www.aimyaya.com" > aimyaya dot com</a>

Tampilannya berupa :

aimyaya dot com
 

atau misalkan anda ingin menambahkan link ke alamat halaman ini maka kode HTML yang bisa anda buat adalah :

<a href="http://www.blog.aimyaya.com/2014/10/cara-membuat-link-di-blog.html" > Cara Membuat Link Pada Blog </a>



Tampilannya berupa :

Cara Membuat Link Pada Blog

2. MEMBUKA LINK PADA JENDELA BARU

Setelah berhasil membuat link, terkadang kita tidak ingin pengunjung menutup atau mengganti halaman/tab yang sedang menampilkan artikel kita, jadi dibutuhkan tab atau jendela baru untuk menampilkan halaman lain agar dapat bekerja secara paralel antar kedua jendela tersebut. Untuk membuat link yang di klik pengunjung dibuka pada jendela atau tab baru maka link yang sudah kita buat kita tambahkan dengan target="blank" pada bagian open tag nya. Sebagai contoh lihat link berikut :

<a target="blank" href="http://www.aimyaya.com" > aimyaya dot com</a>

Meskipun tampilannya sama dengan yang sebelumnya, tapi jika anda klik link berikut maka akan ditampilkan pada tab/jendela baru:

aimyaya dot com
 

3. CARA MEMBUAT GAMBAR/IMAGE MENJADI LINK

Selain teks, kita juga bisa membuat link dari gambar. Jadi ketika pengunjung meng-klik gambar tersebut maka akan langsung dibawa ke alamat yang ada pada link. Format sederhana untuk membuat link pada gambar adalah mengapit kode html untuk gambar yang tampil dengan tag a seperti contoh diatas.

<a href="http://www.namadomain.com/namahalaman.html" >

<img src="url_gambar" alt="deskripsi_gambar" />
</a>

Kita juga biasa menambahkan target="_blank" untuk membuka di jendela baru. Contoh praktek untuk menambah link pada gambar dapat dilihat sebagai berikut :

<a target="_blank" href="http://www.aimyaya.com " >

<img src="http://aimyaya.com/images/cara/www_aimyaya_com.jpg" alt="aimyaya dot com link" />
</a>

Tampilan kode tersebut di website dapat dilihat di bawah ini. Bila anda klik gambar tersebut maka akan muncul jendela/tab baru yang menampilkan http://www.aimyaya.com:

aimyaya dot com link

Bila anda ingin mengetahui lebih jauh tentang bagaimana menampilkan gambar di website/blog, sebaiknya lihat juga cara cepat menampilkan gambar di website/blog

4. CARA MENGGANTI WARNA LINK

Secara default/bawaan warna link adalah biru. Kita bisa mengganti warna tersebut dengan warna lainnya sekehendak hati kita. Format untuk mengganti warna adalah cukup dengan menambahkan style="color:kodewarna" pada tag a. kode warna bisa red, green, blue, yellow , atau kode RGB milik kita sendiri seperti #ee3322; Sebagai contoh kita akan mengganti link menjadi beberapa warna:

<a target="_blank" style="color:#ee0000;" style="color:green;"> href="http://www.aimyaya.com" >Merah </a>

<a target="_blank" style="color:#00ee00;" style="color:green;"> href="http://www.aimyaya.com" >Hijau </a>

<a target="_blank" style="color:#0000ee;" style="color:green;"> href="http://www.aimyaya.com" >Biru </a>

Hasil tampilan kode tersebut adalah:

Merah
Hijau
Biru


5. CARA OTOMATIS MENAMPILKAN BAGIAN TERTENTU DARI HALAMAN WEBSITE/BLOG

Karena artikel yang dibuat panjang, kita perlu menambahkan navigasi untuk pengunjung agar langsung menuju ke topik yang dikehendaki. untuk hal semacam tersebut kita harus membuat / mengetahui terlebih dahulu “ bookmark “ yang ada di halaman website. Format kode untuk membuat bookmark adalah sebagai berikut :

<a id="nama_bookmark" > teks/isi di website </a>

Sebenarnya ada dua cara, yakni menggunakan atribut id dan atribut name . Tapi untuk kompatibilitas maka sebaiknya gunakan saja atribut id . contoh penggunaannya adalah sebagai berikut :


<a id="formatstandar" >
<b>FORMAT LINK STANDAR</b>
</a>

Hasilnya anda dapat dilihat sebagai berikut :

FORMAT LINK STANDAR
 

Pada tampilan diatas tidak terlihat garis bawah/underline seperti yang tampak pada link, karena memang tulisan tersebut bukan sebuah link, tapi merupakan tanda sebuah bookmark. Untuk menuju pada bookmark tersebut kita harus menggunakan atribut href seperti saat kita membuat link, tetapi bookmark yang dituju kita sebutkan namanya. Format penulisannya :

<a href="#namabookmark" > teks keterangan bookmark </a>



Harus diingat, pada nilai atribut href kita harus tambahkan tanda “ # ” (kres/pagar) yang menunjukkan bahwa itu adalah bookmark. Sebagai contoh kita akan mengakses bookmark formatstandar , maka kode HTML yang harus ditulis :


<a href="#formatstandar" >
<b>Silahkan menuju format standar</b>
</a>

Tampilannya adalah :

Silahkan menuju format standar

Bila anda klik link tersebut maka akan menuju ke bagian dimana terdapat bookmark formatstandar. Teks yang berada pada bookmark tersebut akan berada pada baris paling atas dari jendela browser anda


 

Tips Membuat Link di Blog

  • Untuk mengatur warna link juga bisa dilakukan melalui CSS
  • Selain cara manual, anda juga bisa menggunakan tools / alat bantu pembuatan link yang sudah disediakan oleh blogger, wordpress, atau editor text lainnya. Meskipun demikian, cara pembuatan manual tetap harus anda ketahui agar anda bisa membuat link komentar pada blog yang anda kunjungi saat “blog walking”
 

Cara Mengganti Template Blogger

Cara mengganti kode dan template blogger – Tampilan blog memang memiliki nilai tersendiri. Sebelum pengunjung membaca tulisan atau melihat lebih jauh isi blog biasanya langsung melihat dan menilai tampilan blog terlebih dahulu. Tampilan blog sangat bergantung pada template blog yang digunakan. Template tersebut berisi kode-kode “pemrograman” yang berbasis pada HTML. Tetapi jangan pesimis terlebih dahulu, karena meskipun anda tidak memiliki pengetahuan apapun tentang HTML anda masih tetap bisa mengganti template blogspot yang anda gunakan di blogger. Secara sederhana, anda hanya cukup klik ini dan itu untuk mengganti template blog. Untuk lebih jelasnya berikut ini akan dibahas satu persatu cara mengganti template blog di blogspot milik anda tersebut.


CARA MENGGANTI TEMPLATE BLOG BAGI PEMULA

Cara untuk mengganti template ini sangat mudah dan biasanya digunakan oleh para pemula yang baru mulai atau mengenal blogging di blogger. Meskipun terkesan bagi pemula tetapi cara ini ampuh untuk digunakan.
  1. Pertama – tama masuk / login ke akun blogger anda
  2. Pada daftar blog milik anda, pilih blog yang akan di ganti template nya. Misalkan Blog saya yang baru. Klik tombol drop down pada area menu blog tersebut lalu pilih Template
  3. Selanjutnya pada panel sebelah kanan scroll ke bawah, anda akan melihat beberapa kategori template blog, seperti template simple, Dynamic Views, Picture Window, Awesome Inc., Watermark, Ethereal, Travel, atau kembali ke template blogspot klasik pada Revert to classic templates. Hanya saja, bila anda menggunakan template klasik berarti anda tidak bisa memanfaatkan kelebihan penggunaan Template Designer yang disediakan blogger.
  4. Pilih salah satu template menarik menurut anda, Klik template tersebut untuk Preview, atau bila ingin langsung dipasang caranya arahkan kursor mouse pada template tersebut, misalkan salah satu pada template simple, lalu klik link Apply to Blog.
  5. Pada tampilan Preview template, anda akan melihat bagaimana display blog anda nantinya.. Coba template lain dengan klik tombol < atau > yang ada disebelahnya. Bila telah sesuai klik saja Apply to blog untuk menggunakan template tersebut.


CARA MENGGANTI KODE HTML TEMPLATE BLOGGER

Penggunaan template yang unik dan cantik merupakan kelebihan tersendiri. Memanfaatkan desain dan penataan warna, kolom, gambar, dan keunggulan lainnya. Cara ini biasanya digunakan oleh mereka yang suka mengganti template blog dengan template baru yang tidak tersedia di daftar template yang telah disediakan blogger. Template tersebut biasanya disediakan oleh situs penyedia template blog dalam bentuk kode XML atau XHTML. Template tersebut ada yang berbayar maupun gratisan yang juga tidak kalah elegan dengan yang berbayar. Berikut ini cara mudah mengganti template blogger dengan template dari situs lain:
  1. Pertama-tama buka akun blogger pada web browser dan buka tab Template. Lalu pada panel kanan klik Edit HTML
  2. Bila belum punya kode template cadangan, maka sebaiknya back up terlebih dahulu kode template blog anda yang asli. Cara Backup template Blog yang aktif sebagai berikut :

    • Pilih semua teks dengan menekan tombol CTRL+A lalu copy dengan CTRL+C.
    • selanjutnya buka aplikasi teks editor seperti Notepad, Wordpad atau bisa juga microsoft word lalu paste teks kode template blog yang telah disalin sebelumnya dengan menggunakan CTRL+V
    • Simpan kode tersebut dengan menekan tombol CTRL+S dan berikan nama yang mudah di ingat, misalkan “Kode Template Blog Saya yang Baru



  3. Kembali ke penggantian template blog. Buka situs penyedia template blog anda pada tab/jendela baru. Pilih dan download kode template blog. Bila dalam format terkompres (.zip, .rar, atau yang lainnya) buka dahulu. Lalu hasil download kode template blog tersebut kemudian dibuka dengan menggunakan text editor seperti Notepad atau Wordpad. Caranya buka melalui Windows Explorer lalu klik kanan file kode template lalu pilih Open withlalu klik Wordpad.




  4. Salin / copy kode template tersebut ke clipboard. Pilih semua teks dengan cara tekan tombol CTRL+A (select all) lalu tekan CTRL+C.





  5. Buka kembali jendela browser anda sedang dalam mode pengeditan template. Ganti semua teks dengan kode template yang sudah anda copy tadi. Berturut-turut tekan CTRL+A lalu DELETE (optional) lalu CTRL+V.


  6. Selanjutnya simpan dengan klik tombol Save Template. Kini template blog anda sudah diganti dengan yang baru.


 

Tips Mengganti Template Blog

  • Mengganti template blog bisa dilakukan oleh anda tanpa harus mengerti atau memiliki pengetahuan kode HTML. Meskipun demikian, jangan merubah kode template blog sembarangan tanpa membuat / memiliki backup terlebih dahulu. Jadi bila perubahan yang anda lakukan gagal, anda masih bisa kembali menggunakan kode template yang telah dibackup sebelumnya.
  • Mengganti template dengan template gratis/free yang disediakan oleh berbagai situs bisa memberikan tampilan yang lebih atraktif, menarik ataupun powerful yang lebih SEO friendly. Meskipun demikian, banyak dari template tersebut yang justru tidak kompatibel dengan blogger. Pada banyak kasus, sering dijumpai fasilitas design template blogger tidak mendukung template baru tersebut.

Cara Membuat Posting Artikel Baru di Blogger

Setelah memiliki blog sendiri seperti yang telah dibahas pada pada artikel sebelumnya, cara membuat blog gratis dalam 5 langkah, maka langkah berikutnya adalah membuat atau menambahkan posting artikel pada blog. Sebagai pemula, anda tidak perlu repot dengan urusan SEO dan semacamnya. Yang paling penting adalah tulisan yang anda buat bisa dibaca dengan nyaman oleh para pengunjung blog anda nantinya. Berikut ini langkah demi langkah bagaimana cara membuat postingan artikel di blogger :

 

Pertama-tama login dahulu ke dalam akun blogger.com anda. Setelah itu, yang harus anda lakukan adalah masuk ke dalam halaman pengeditan postingan / artikel. Pada halaman dashboard blogger klik tombol Create new post pada blog yang sudah anda buat.


Selanjutnya anda dapat memulai pengetikan artikel/postingan milik anda. Untuk memulai pengetikan Anda bisa langsung mengetik pada editor yang telah disediakan blogger. Bagi anda yang sudah terbiasa dengan menggunakan pengolah dokumen seperti microsoft word atau Writer tentu sudah tidak asing lagi dengan beberapa tombol bantuan yang disediakan. Anda bisa mengganti ukuran dan jenis huruf (font), tebal, miring, garis bawah dan lain-lain dengan bantuan tombol yang disediakan pada editor teks artikel tersebut. Supaya lebih jelas, dibawah ini saya berikan keterangan kegunaan dari setiap tombol yang ada di halaman pengeditan postingan milik blogger



 

Berikut ini keterangan singkat dari item yang ada pada halaman edit blogger:
  1. Post (Judul artikel) : kotak tempat mengisikan judul posting/artikel
  2. Tombol Perintah , digunakan untuk mengatur posting artikel secara keseluruhan, terdiri dari Publish untuk mempublikasikan/menerbitkan artikel, Save untuk menyimpan hasil ketikan /edit artikel terakhir, Preview untuk pratinjau / melihat sementara hasil ketikan bila ditampilkan pada browser internet, terakhir tombol Close untuk menutup halaman edit posting blogger.
  3. Mode Pengeditan : untuk mengatur bagaimana artikel di edit, terdiri dari :
    • Compose untuk tampilan pengeditan “mudah” untuk artikel, seperti saat anda menggunakan microsoft word/editor teks. Anda dapat memanfaatkan banyak fasilitas yang telah disediakan.
    • HTML : tampilan pengeditan “sederhana” bagi anda yang sudah memahami dan telah terbiasa dengan kode HTML.
  4. Undo dan Redo, Undo (panah ke kiri) untuk membatalkan dan mengembalikan proses pengeditan ke hasil sebelumnya. Redo (panah ke kakan) untuk melanjutkan kembali ke hasil editan yang pernah di buat
  5. Jenis, ukuran dan style font
    • F – font adalah jenis font yang bisa anda pilih
    • TT atau ukuran adalah ukuran font yang bisa anda gunakan
    • Heading adalah style untuk teks anda, biasanya digunakan untuk mengatur judul, sub judul dan narasi posting
  6. Bentuk font : untuk membuat tulisan dengan font tebal ( Bold ), Miring ( Italic ), Garis bawah ( Underline ) ataupun coretan ( strikethrough , ABC)
  7. Warna dan latar font : untuk mengganti warna font (pada tombol A ) dan latar font / hightlight (pada tombol Pena )
  8. Link dan Media : untuk menyisipkan link (tautan), gambar ( picture ) ataupun video serta page break .
  9. Pengaturan baris dan paragraf : untuk mengatur baris dan paragraf menjadi rata kiri/tengah/kanan , penomoran ( numbering ), poin baris ( bulleting ), quote , ataupun untuk menghilangkan format yang ada di suatu paragraf.
  10. Check Spelling : untuk mengecek ejaan hasil ketikan posting/artikel
  11. Konfigurasi artikel / posting (pos settings) : untuk mengatur berbagai hal berkaitan dengan setting/konfigurasi artikel seperti label , skedul publikasi ( schedule ), alamat tautan ( permalink ), lokasi ( location ), maupun opsi artikel lainnya ( options ).


 

Tips Cara Membuat Posting Artikel Baru di Blogger

Cara terbaik untuk mengetahui manfaat dari setiap tombol adalah dengan mencobanya satu persatu. Semakin sering anda menggunakan editor yang ada di halaman edit posting blogger maka anda akan semakin terbiasa dan dapat memanfaatkan fasilitas yang tersedia.
Pengunjung aimyaya dot com, terima kasih atas kunjungan anda pada website kami.
Bila anda suka berikan klik "like" pada facebook fan page kami
 

 
dan/atau bila anda merasa artikel ini bermanfaat maka bantu promosikan dengan klik Google di bawah ini :
 

 
TIDAK DIPERKENANKAN MEMPERBANYAK baik secara OFFLINE(print out, cetakan, dsb) maupun ONLINE (blog, artikel, dsb) tanpa seizin aimyaya dot com.
 
Informasi lebih lanjut baca halaman Disclaimer serta Kebijakan dan Privasi yang kami buat.