Showing posts with label Teknik Ngeblog. Show all posts
Showing posts with label Teknik Ngeblog. Show all posts

Wednesday, April 25, 2012

Membuat Link HTML

Link memang merupakan fasilitas yang sangat berguna di dunia internet. Bayangkan jika tidak ada Link, sedangkan di internet bertebaran jutaan informasi. Dengan adanya Link maka dengan mudah kita dapat lompat dari satu informasi ke informasi lainnya baik di dalam halaman website itu sendiri atau ke website lain.

Cara membuat Link HTML

Pola kode htmlnya adalah <a href="alamat tujuan link">nama link</a>

Alamat tujuan link dapat kita isi dengan:

1. alamat url website lain, misal:
     http://yogamenulis.blogspot.com

2. alamat sebuah halaman di website itu sendiri,misal:
    http://yogamenulis.blogspot.com/2012/04/nikmatnya-khusnudzan-berpikir-positip.html 


Nama link adalah teks yang akan ditampilkan untuk diklik menuju alamat link.
Misalkan dari kode html:

<a href="http://yogamenulis.blogspot.com">Yoga Menulis</a>

Maka yang akan tampil adalah teks: Yoga Menulis

Demikian, semoga bermanfaat.

Thursday, January 1, 2009

Pernak-pernik Blog


Pernak-pernik memang diperlukan untuk mempercantik blog. Dalam bahasa para blogger, pernak-pernik ini disebut Widget. Wujud Widget itu dapat berupa jam, kalender, buku tamu, daftar pengunjung, dll. Tetapi tentunya harus proporsional sesuai tujuan dan karakter blog itu sendiri. Karena jika terlalu banyak Widget dan penuh sesak justru memperburuk tampilan blog kita.


Sudah banyak situs penyedia tampilan Widget, kita tinggal meng-copy kode htmlnya saja dan mem-paste-kan di blog kita, yaitu di Menu (bagi pengguna blogspot):

Layout-->Add a Gadget-->HTML/Javascript.

Di bawah ini daftar situs penyedia Widget yang saya ketahui:

Menyediakan Widget untuk mengetahui jumlah orang yang sedang membuka blog kita.

Menyediakan Widget berbagai macam tampilan jam yang menarik.

Macam-macam Widget ada di sini.

Menyediakan Widget buku tamu.

Menyediakan Widget kalender dan jam.

Demikian, moga bermanfaat.

Menulis Kode HTML di Postingan

Pernahkah Anda mencoba menulis sebuah kode html di postingan blog. Tetapi dengan maksud hanya ingin menjadikan kode tsb. tampilan informasi saja. Tidak sebagai kode program html yang akan dieksekusi jika ditampilkan. Maka, ada cara mudah untuk menjadikan kode html sebagai postingan.

Pertama, silahkan Anda kunjungi situs encode/decode html entities.

Kedua, tuliskan atau Copy kode html yang akan diposting dan Pastekan ke dalam kotak yang diberikan. Contohnya:



Ketiga, klik Encode pada bagian bawah kotak. Silahkan Copy dan Paste hasilnya ke halaman posting. Selamat mencoba!



Membuat Link Blogroll Bergerak

Di bawah ini adalah cara untuk membuat Link Blogroll yang bergerak. Manfaatnya adalah dapat menghemat ruang (space) blog kita dan membuat lebih menarik penampilan blog kita.

Ini kodenya, copy dan paste di Menu Layout --> Add a Gadget --> HTML/Javascript di blogspot.


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

Isi dari Blogroll
xxxxxxxxxxxxx xxxxxxxxxxxxx
xxxxxxxxxxxxx xxxxxxxxxxxxx 

</marque>

Lebar dan tinggi Blogroll dapat diatur dari width dan height dengan mengganti angkanya sesuai lebar dan tinggi yang sesuai pada space blog.