Lanjut ke konten

Bagaimana cara membuat tombol tukar link di blog WordPress

Juni 4, 2009

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 Komentar leave one →
  1. Desember 12, 2009 01:24

    http://pakasep.wordpress.com
    guuuud

  2. Desember 13, 2009 20:14

    1. ada gadis lima tahun melahirkan….
    2. trik buat biar muncul spektrum cahaya matahari di facebook anda…
    3. semua ada di:
    http://pakasep.wordpress.com
    mampir ya….

  3. julianusginting permalink
    Januari 6, 2010 17:17

    mantaf bro…
    http://julianusginting.wordpress.com

  4. Februari 25, 2010 06:40

    Apa betul ini blognya Krisna Balagita, mantan personil ADA Band. Kalau benar salam kenal mas…

  5. Maret 6, 2010 08:21

    Good and best ….

  6. Maret 7, 2010 09:38

    wah artikelnya keren mas… makasih y infonya

  7. Maret 8, 2010 01:16

    teima kasih tutorialnya, salam kenal

  8. September 22, 2010 01:59

    makasih infonya mas… langsung ke TKP

  9. Oktober 11, 2010 21:32

    Mantap mass…………….slam knal jgn lpa berkunjung………..

  10. November 18, 2010 22:40

    Silakan kunjungi blog sehat di http://www.wisnuvegetarianorganic.wordpress.com/

  11. Februari 17, 2011 19:31

    makasih mas infonya…

  12. Mei 14, 2011 01:53

    Apa betul ini blognya Krisna Balagita, mantan personil ADA Band. Kalau benar salam kenal mas…

  13. Juni 10, 2011 12:29

    terimakasih infonya.

  14. Juli 24, 2011 15:27

    ok … ok …

  15. Oktober 28, 2011 23:33

    thanx.
    jgn lupa mampir ke blog saya y gan .
    http://rokar.wordpress.com

  16. bryanwisnu permalink
    November 7, 2011 16:58

    http://bryanwisnugoblog.wordpress.com/

  17. November 24, 2011 09:20

    Salam kenal…..boleh tukerran link..? trims….

  18. Desember 17, 2011 23:20

    ribet mas,kalo buat kaya anda gmn mas caranya?

  19. Desember 22, 2011 14:06

    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

  20. April 1, 2012 15:05

    nice post gan…
    thank you..

  21. Agustus 11, 2012 20:35

    nice post :)
    http://arifrohmadi.wordpress.com/

  22. Agustus 24, 2012 10:28

    thx infonya…

  23. Januari 12, 2013 00:05

    salam kenal mas……..boleh tukaran link gak?trims

  24. Mei 17, 2013 12:06

    mantaaaaaappp, gan thank”s

  25. Oktober 11, 2013 13:16

    indahnya jadi bisa saling berbagi :”)

Lacak Balik

  1. Cara Membuat Tombol Tukar Link di Blog WordPress « Julianusginting's Blog
  2. testing | Bandung12oktober's Blog
  3. Bagaimana cara membuat tombol tukar link di blog WordPress « mickiejuniors

Tinggalkan 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

  • Listed on: Dmegs Web Directory

    ANY CHARACTER HERE
  • ANY CHARACTER HERE
  • personal   blog of krishna balagita, Indonesian musician, news, wordpress tutorial
  • SEOmoz Linkscape Score: 3.5
  • Ikuti

    Get every new post delivered to your Inbox.

    Bergabunglah dengan 132 pengikut lainnya.