Minggu, 06 Januari 2019

Background Behind Text

Minggu, 6 Januari 2019

" TUTOOORIAL #2 "
     Hai kawan! Kali ini kembali lagi ke sesi tutorial. Cie akhirnya. Langsung aja, caranya bikin supaya di belakang tulisan ada background seperti gambar di bawah ini (tepatnya ada di bagian sidebar kanan blog saya).

Langkah-langkah :
  1. Klik dashboard > tata letak (page element) > tambahkan gadget (add a gadget) > HTML/Javascript > copy kode di bawah > paste di ruang tadi > simpan (save)
  2. Contoh kode blog ini
<div style="position: absolute; width:17.8%; -moz-border-radius:6px;-webkit-border-radius:6px; position: absolute; padding:3px; background:url(http://i1118.photobucket.com/albums/k607/risnandha/tumblr_lu8p3hmYSd1r64uhxo1_100-1.gif);color:#000000; font-size:12px;">[ <a href="http://risnandha.blogspot.com/2011/09/all-about-nandha.html">tentang blogger</a> ] [ <a href="http://risnandha.blogspot.com/2011/09/all-about-nandha.html">credit</a> ] [ <a href="http://my.cbox.ws/risnandhah">chitchat</a> ]</div>
Kode javascript yang bisa kalian copy
<div style="position: absolute; width:17.8%; -moz-border-radius:6px;-webkit-border-radius:6px; position: absolute; padding:3px; background:url(url background yang kalian suka);color:#kode warna font; font-size:12px;">[ <a href="url link">tentang blogger</a> ] [ <a href="url link">credit</a> ] [ <a href="url link">chitchat</a> ]</div>

Untuk kode warna font, bisa kalian cek di google atau langsung klik link > color picker
Semoga membantu dan selamat mencoba ya kawan!
(r.h.)

0 comments:

 

© 2011 - 2019 Risnandha Hermawati | Powered by Blogger