Merubah Tampilan Teks Link di BlogDETIK

Posted on Mei 31st, 2010 oleh gubhugreyot

Panduan BlogDETIK dan Tutorial BlogDETIK ini hanya merupakan sebuah improvisasi untuk sedikit memberi penampilan berbeda dan memberi warna identitas diri ditengah berbagai “keterbatasan untuk menciptakan berbagai kreasi”. Ya memang agak susah juga punya blog tapi nggak bisa othak-athik desain blognya. Yang terjadi di BlogDETIK nggak jauh juga dari soal ini. Beberapa masalah yang kemudian muncul dan jadi kekecewaan adalah ketika kebetulan tema (template) sudah cocok, e …. ternyata beberapa bagian yang kita anggap penting, seperti bentuk teks link-nya jauh dari harapan. Ada yang kebetulan teks link-nya hampir-hampir nggak kelihatanlah (warna hampir sama dengan warna halaman blog), ada lagi warna sudah cocok … e …. bawah link pakai garis lagi (under-line)! Buh … posing juga jadinya. Berpangkal dari kejadian ini aku mencoba mencari solusi. Yah … nggak sempurna-sempurna amat (hover link jadi hilang), sih, tapi setidak-tidaknya bisa menjadi satu solusi. Satu kelebihan dari perubahan ini terletak pada kebebasan kita untuk berekspresi dengan berbagai jenis font dan ukuran serta ketebalannya. Jadi yang jelas lebih banyak untungnya.

Melakukan perubahan pada teks link di blog detik tidak bisa dilakukan dengan merubah kode html link-nya (<a href=”http:// …> teks link </a>). Merubah teks link hanya dapat dilakukan dengan memberikan tambahan kode html baru (span), dan semua harus dilakukan di posting mode HTML.

Cara Merubah Tampilan teks link di BlogDETIK :

1. Halaman Posting : Masuk di halaman posting melalui login dan kemudian dilanjutkan ke Dasbor, baru kemudian ke Tulisan (add New).
2. Posting : Buat posting seperti biasanya. Setelah selesai membuat posting dan ada teks link yang akan dirubah, KLIK “HTML” yang berada di samping mode “Visual”.
3. Cari Teks Link : Cari teks link yang akan dirubah tampilannya, kemudian lakukan perubahan pada kode html link tersebut.

Contoh Teks Link sebelum dilakukan perubahan :

<a title=”gubhugreyot” href=”http://gubhugreyot.blogdetik.com” target=”_blank”>
Text Link
</a>

<a class=”aligncenter” title=”gubhugreyot” href=”http://gubhugreyot.blogdetik.com” target=”_self”>
Text Link
</a>

<a class=”wp-caption” title=”gubhugreyot” href=”http://gubhugreyot.blogdetik.com” target=”_blank”>
Teks Link
</a>

Kode html tambahan untuk merubah tampilan teks link :

<span style=”color:red;font-weight:bold;font-size:16px;font-family:Monotype Corsiva;”>
Teks Link
</span>

Kode html Link menjadi :

<a title=”gubhugreyot” href=”http://gubhugreyot.blogdetik.com” target=”_blank”>
<span style=”color:red;font-weight:bold;font-size:16px;font-family:Monotype Corsiva;”>
Teks Link
</span>
</a>

Jika ingin mengetahui berbagai macam jenis font yang bisa digunakan, silahkan lanjutkan mengikuti lanjutan panduan BlogDETIK ini dengan KLIK Read More :

Semoga bermanfaat! Happy Blogging !