Friday, May 3, 2013

Cara Membuat Tulisan Link Menjadi Berwarna Pelangi

Bagaimana kabarny sobat blogger???sehat kan. . . .
Pada siang hari ini saya mau berbagi dengan sobat blogger tentang Trik membuat Link Berwarna warni,Dari pada sobat pusing mikirin naiknya BBM yang tidak pasti. . . . .heheheh

Trik ini memang sudah lama atau bisa di bilang Jadul tetapi saya di sini berbagi buat sobat blogger yang belum tahu dan masih pemula.Untuk yang sudah tahu dan Master silahkan menyimak dan kasih saran atau review postingan ini atau isi blog Prasty.Soalnya saya juga masih terbilang new bie.Seperti judul diatas " Cara Membuat Tulisan Link Menjadi Berwarna Warni Seperti Pelangi "sobat ikuti langkah-langkah di bawah.
Langkah-langkah Cara Membuat Tulisan Link Menjadi Pelangi :

1. Silahkan login ke akun Blog sobat.
2. Pilih menu Rancangan dan Pilih Edit/HTML
3. Setelah Itu Centang Expand Widget
4. Kemudian cari kode hover  lihat kode di bawah:


a:visited {
text-decoration:none;
color: $(link.visited.color);
}
a:hover {
text-decoration:underline;
color: $(link.hover.color);

}
.content-outer {
background: $(content.background);

5.silahkan sobat ganti kode warna Hijau di atas dengan kode di bawah ini:
color: #00FFFF; text-transform: uppercase; font-weight: bolder;
font-size: 20px; background-image: url(http://i27.tinypic.com/2626vyh.jpg);

6.Kalau sudah di ganti nanti hasilnya seperti ini :
a:visited {
text-decoration:none;
color: $(link.visited.color);
}
a:hover {
color: #00FFFF; text-transform: uppercase; font-weight: bolder;
font-size: 20px; background-image: url(http://i27.tinypic.com/2626vyh.jpg);

}
.content-outer {
background: $(content.background);

7.Simpan dan Lihat hasilnya.

NB :silahkan sobat ganti kode warna nya #00FFFFsesuka sobat dan bisa sobat ganti kode warnanya di sini.
Semoga Artikel di atas bermanfaat buat sobat blogger semuanya.Slogan dari Prastyblogger sendiri adalah "Berbagi itu Indah".
Jangan lupa tinggalkan jejak di kotak komentar atau Like FP Blog ini buat kemajuan dan perkembangan Prastyblogger. T   E   R   I   M   A   K   A   S   I   H 
Comments
1 Comments

1 comment: