Teks Bolak-Balik Vertikal Sumber : http://kolombloggratis.blogspot.com/2011/03/cara-membuat-efek-marquee-atau-teks.html#ixzz2G8LhtVYU
Powered By Blogger

Kamis, 10 Januari 2013

Cara membuat TEXT AREA atau CODE tukar link di wordpress

Cara membuat TEXT AREA atau CODE tukar link di wordpress

Tukar link sangat penting bagi seseorang yang mempunyai blog, dengan saling tukar link maka komunikasi antara sesama pengelola blog bisa dicapai dengan mudah dan pada postingan yang terdahulu saya sudah memberikan cara membuat kode LOGO sekarang akan saya berikan cara membuat COPY CODE seperti pada gambar dibawah ini dan letaknya COPY CODE biasanya pada kanan blog yaitu side bar cara membuatnya COPY CODE tukar link versi Islam dan Alquran adalah begini
Pertama tama  anda harus Membuat COPY CODE seperti gambar dibawah ini
Photobucket
caranya adalah sama dengan membuat LOGO yaitu 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 tidakmau daftarpun tidak apa-apa… nah setelah anda memilih akan keluar gambar seperti di bawah ini dan silahkan pilih warna maupun warna text pilihan tergantung selera anda
Photobucket
apabila anda sudah menyunting sesuai dengan selera anda maka pilih pilihan get HTML code seperti pada gambar di bawah ini


Photobucket
dan akan keluar gambar seperti ini


Photobucket
klik I agree itu artinya anda setuju dengan pernyataan cool text dan setelah anda klik itu akan keluar gambar seperti di bawah ini
Photobucket
Cpyi code HTML tersebut lantas buka newpost atau ( postngan baru tambahkan baru )  pada dashboar anda dan pastekan ( ingat jangan di pastekan pada tanda VISUAL akan tetapi pastekan pada tanda HTML maka akan keluar gambat seperti ini
Photobucket
yang saya beri tanda dengan lingkaran biru ganti dengan alamat blog anda sedang yang saya beri tanda dengan lingkaran merah hapus saja maka akan keluar gambar seperti di bawah ini
Photobucket
setelah itu rubah postingan anda dari kode HTML menjadi VISUAL maka akan keluar gambar seperti di bawah ini
Photobucket
setelah itu pindah sekali postingan anda pada kode HTML dan anda akan memperoleh gambar seperti dibawah ini
Photobucket
Kode yang saya beri 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 side bar ada tombol scroolnya, Coba kita perhatikan dengan teliti kode inilah yang kita dapat dari copi  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 lantas kita pergi kedashboar pilih tampilan dan pilih pada kolom itu widget sepeti gambar dibawah ini
Photobucket
klik yang saya tandai merah maka akan keluar gambar seperti di bawah ini
Photobucket
klik yang saya tandai 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
selesai dan semoga bermanfaat

0 komentar:

Posting Komentar