Bagaimana cara membuat tombol tukar link di blog WordPress

cooltext424487551

Kita bisa membuat tombol seperti ini di beberapa beberapa tempat secara online, salah satunya adalah Cooltext. Cara membuatnya sangat mudah anda hanya butuh menuliskan nama yang anda inginkan, juga bisa merubah warnanya sesuai dengan selera yang anda inginkan. Kesulitannya adalah jika membuat tombol itu tampil di depan blog kita. Karena kita butuh menyesuaikan dengan menu dropdown yang bentuknya adalah kode2 html. Setelah anda berhasil membuatnya kemudian download ke komputer anda, setelah itu anda upload di salah satu halaman statis anda. Begitu logo itu terupload maka dia akan memiliki kode html dan alamat url. Anda hanya perlu untuk mengcopynya dan memasukkan ke dalam kode yang akan saya contohkan. Di bawah ini adalah kode asli setelah saya upload di halaman statis  (tekan tombol HTML)

<a href="http://krishnabalagita.files.wordpress.com/2009/04/cooltext424588848.gif"><img
class="alignleft size-full wp-image-1909" title="cooltext424588848"
src="http://krishnabalagita.files.wordpress.com/2009/04/cooltext424588848.gif"
alt="cooltext424588848" width="80" height="15"
/></a>

Ini kode html yang sama setelah saya sesuaikan sedikit, menjadi seperti ini

<a href="http://krishnabalagita.wordpress.com/" title="Krishna Balagita's
Pages"
target="_blank"><img
title="cooltext424588848"
src="http://krishnabalagita.files.wordpress.com/2009/04/cooltext424588848.gif"
alt="cooltext424588848" width="80" height="15" /></a>

(title dan alt bisa di rubah)

Ini setelah di gabung di dalam menu dropdown dan di encode di http://centricle.com/tools….cari yang html kemudian kita taruh, setelah itu tekan control plus A dari komputer, tekan encode, di copy lalu di selipkan di tengah seperti contoh di bawah ini

</td>
<div>

style="overflow:auto;width:200px;height:70px;font-family:Arial;font-size:10pt;text-align:center;">&lt;a href=&quot;http://krishnabalagita.wordpress.com/&quot; title=&quot;Krishna Balagita's Pages&quot;target=&quot;_blank&quot;&gt;&lt;img class=&quot;alignleft size-full wp-image-1909&quot;title=&quot;cooltext424588848&quot;
src=&quot;http://krishnabalagita.files.wordpress.com/2009/04/cooltext424588848.gif&quot;
alt=&quot;cooltext424588848&quot; width=&quot;80&quot; height=&quot;15&quot; /&gt;&lt;/a&gt;
</a></span><br>
</div></td>

Hasilnya seperti di bawah ini, anda bisa juga menyesuaikan ukuran dengan merubah width dan heightnya

permasalahan biasanya di tanda2 kutip, karena tanda2 tersebut tidak bioleh ada yang tertinggal atau double. Sumber http://solocybercity.wordpress.com/ kalau mau mencoba-coba decode/encode kode html bisa masuk ke alamat ini http://centricle.com/tools/html-entities/.

<a href=”http://krishnabalagita.wordpress.com/&#8221; title=”Krishna Balagita’s
Pages”
target=”_blank”><img class=”alignleft size-full wp-image-1909″
title=”cooltext424588848″
src=”http://krishnabalagita.files.wordpress.com/2009/04/cooltext424588848.gif&#8221;
alt=”cooltext424588848″ width=”80″ height=”15″ /></a>

Technorati Tags: , ,

About these ads

31 comments

  1. Masih bingung bagaimana mengisi daftar link teman ke menu scroll tukeran link. Mohon di bantu gan. Saya sudah dapat Kode HTML scroll box-nya dari blog teman. Tetapi bingung mau masukin daftar link teman. Gimana caranya?
    Salam

Berikan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Logout / Ubah )

Twitter picture

You are commenting using your Twitter account. Logout / Ubah )

Facebook photo

You are commenting using your Facebook account. Logout / Ubah )

Google+ photo

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s