Friday, February 9, 2018

Tulisan Dengan Warna Yang Berbeda

Tulisan dengan warna yang berbeda. Setiap aksara memiliki warna yang berbeda. Bisa dipakai sebagai goresan pena di menu blog. Pada ketika goresan pena tersebut di klik, akan terbuka halaman baru.
 Setiap aksara memiliki warna yang berbeda Tulisan Dengan Warna yang Berbeda

Sebagai contoh: aku menciptakan sajian dengan judul Fandra Juani. Setiap aksara memiliki warna yang berbeda-beda. Dan pada ketika diklik akan terbuka halaman ihwal saya. Lihat contoh dibawah ini.


Untuk lebih jelasnya ihwal cara menciptakan goresan pena dengan warna yang berbeda di blog. Ikuti langkah-langkah dibawah ini.
  1. Login ke blogger. Dari halaman dasbor pilih pengaturan tata letak.
  2. Lalu, klik tambahkan Gadget. Dan pilih HTML/Javasript.
  3. Selanjutnya copi isyarat dibawah ini.
  4. <style>
    #tentang{background:transparent}
    #tentang ul{float:left}
    #tentang ul li{float:left;list-style:none}
    #tentang ul li span{float:left;text-transform:uppercase;font-family:Ravie;font-size:12px;text-shadow:2px 2px 5px #1780dd;font-weight:bold;padding:0}
    d{font-size:180%;color:DarkCyan}
    g{color:red}
    h{color:blue}
    i{color:#ee3e80}
    j{color:pink}
    k{color:black}
    l{font-size:180%;color:violet}
    m{color:DarkCyan}
    n{color:blue}
    o{color:pink}
    r{color:red}
    #tentang ul li span:hover{background:transparent;font-weight:bold;color:#aaa;font-size:14px;font-family:Calligraffitti;text-shadow:2px 2px 3px #3af}
    </style>
    <div id='tentang'>
    <ul>
    <li><a href='http://fandrajuani.blogspot.com/p/blog-page_25.html' title='Fandra Juani'><span><d>F</d><g>a</g><h>n</h><i>d</i><j>r</j><k>a</k> <l>J</l><m>u</m><n>a</n><o>n</o><r>i</r></span></a></li>
    </ul>
    </div>
  5. Dan pastekan di Gadget HTML/Javascript Tadi. Save, kemudian tempatkan gadget kemanapun yang kalian inginkan. Selesai.
Keterangan Kode Diatas:
  • #tentang ul li span { fungsinya untuk mengatur tebal fon-family dan ukuran aksara yang digunakan.
  • #tentang ul li span:hover{ fungsinya untuk mengatur tebal fon-family dan ukuran aksara pada ketika di sentuh kursor.
  • Kode Merah d hingga r. untuk mengatur warna tiap2 huruf.
  • Kode Biru ialah kalimat yang akan ditampilkan.
  • Jadi Intinya setiap aksara memiliki isyarat tersendiri. <d></d> untuk f dan seterusnya. 
  • Terakhir, jangan lupa diganti  http://fandrajuani.blogspot.com/p/blog-page_25.html dengan alamat URL kalian sendiri.
Contoh yang aku berikan ini jumlah hurufnya ada 11, jadi ada 11 isyarat tersendiri di setiap hurufnya. Jika jumlah aksara kalian lebih dari 11. Tambahkan isyarat yang lain, contohnya <z></z> ,<t></t>.
Jika aksara yang ingin kalian buat kurang dari 11, silakan dikurangi saja beberapa isyarat diatas. Misal aksara kalian 6, maka gunakan isyarat merah d hingga k saja. Kode l sampai r hapus.

Begitu juga untuk isyarat biru gunakan <d>F</d><g>a</g><h>n</h><i>d</i><j>r</j><k>a</k> saja. Kode <l>J</l><m>u</m><n>a</n><o>n</o><r>i</r> hapus.

Itulah sedikit cara menciptakan goresan pena dengan warna yang berbeda yang sanggup dipakai di sajian blog. Semoga Bermanfaat.
      Share:

      0 comments:

      Post a Comment