SMK NEGERI 2 TANJUNGBALAI

Teknologi dan Rekayasa

Membuat Code Tukaran Link Pada WordPress

Posted by SMKN 2 TBALAI pada 9 April 2012


Membuat Code Tukaran Link Pada WordPress

Tukar link sangat penting bagi seseorang yang mempunyai blog, dengan saling tukar link maka komunikasi antara sesama pengelola blog bisa dicapai dengan mudah. Berikut contoh cara membuat COPY CODE seperti pada gambar dibawah ini dan letak COPY CODE biasanya pada kanan blog yaitu pada sidebar.
Pertama tama  kita harus Membuat COPY CODE seperti gambar dibawah ini :

Photobucket

Caranya adalah masuk ke website http://cooltext.com/ dan akan keluar gambar seperti ini :

Photobucket

Pada gambar di atas ada pilihan choose a logo style dengan berbagai gambar, juga ada pilihan choose a buton design dengan berbagai gambar penulis sarankan pilih saja choose a logo style dengan memilih choose a logo style tidak makan tempat

Photobucket

Setelah itu regester (daftar ) , pendaftarannya gratis apabila tidak mau daftarpun gak apa-apa. Pilih salah satu. Nah setelah kita memilih akan keluar gambar seperti di bawah ini dan silahkan pilih warna maupun warna text sesuai selera kita :

Photobucket

Jika sudah menyunting sesuai dengan selera kita maka pilih pilihan get HTML code seperti pada gambar di bawah ini :



Photobucket

Maka kan keluar gambar seperti ini :


Photobucket

Klik I agree. Artinya kita setuju dengan pernyataan cool text dan setelah kita klik itu akan keluar gambar seperti di bawah ini :

Photobucket

Copy code HTML tersebut lantas buka new post atau postingan baru pada dashboar kita dan pastekan.

Ingat…! Jangan di pastekan pada mode VISUAL akan tetapi pastekan pada mode HTML maka akan keluar gambar seperti ini :

Photobucket

Yang diberi tanda dengan lingkaran biru ganti dengan alamat blog kita sedang yang diberi tanda dengan lingkaran merah hapus saja maka akan keluar gambar seperti di bawah ini :

Photobucket

Kemudian ubah postingan dari mode HTML menjadi VISUAL maka akan keluar gambar seperti di bawah ini :

Photobucket

Setelah itu pindah sekali postingan ke mode HTML dan anda akan memperoleh gambar seperti dibawah ini :

Photobucket

Kode yang diberi tanda lingkaran merah inilah yang kita cari untuk di letakkan pada widget tex, tapi sebelum diletakkan pada widget texs, terlebih dahulu kita tambah beberapa kode HTML agar saat di pasang pada widget texs dan tampil di sidebar ada tombol scroolnya, Coba kita perhatikan dengan teliti, kode inilah yang kita dapat dari copy  yang ada pada gambar diatas

 <a href="http://edywitanto.wordpress.com"><img src="http://images.cooltext.com/2112914.gif" alt="pixel" width="80" height="15" /></a>

Dan kode dibawah inilah kode yang kita tambah dengan < div stle=”overflow: auto: width: 200px: 100px:”> tulis disini </div> maka code yang kita copy tadi menjadi seperti yang ini :

<div style="overflow: auto; width: 200px; height: 100px;"> &lt;a href="http://edywitanto.wordpress.com"&gt;&lt;img src="http://images.cooltext.com/2112914.gif" alt="pixel" width="80" height="15" /&gt;&lt;/a&gt; </div>


Copy code yang telah siap diatas, kemudian pindah ke dashbor, pilih tampilan ==> widget sepeti gambar dibawah ini :

Photobucket

Klik yang ditandai merah maka akan keluar gambar seperti di bawah ini :

Photobucket

Klik yang ditandai merah akan keluar gambar seperti di bawah ini :

Photobucket

Pastekan kode yang sudah kita tambahi dengan beberapa kode html tersebut diatas, setelah itu simpan perubahan.

Selesai ! Maka hasil akhir pekerjaan kita akan terlihat seperi gambar dibawah ini :

Photobucket

Maka code tukaran link kita telah selesai

Salam sukses ! Semoga bermanfaat… !

Iklan

Komentar Anda :

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

Logo WordPress.com

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

Gambar Twitter

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

Foto Facebook

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

Foto Google+

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

Connecting to %s

 
%d blogger menyukai ini: