3/22/18

(Request) Merubah Widget Title

Image by TysonTan
Assalammua'alaikum!
Minasan Konnichiwa! Kyou, watashiwa anatani tutorial wo oshiemas.
Halo semuanya! Hari ini, aku akan memberitahukan kamu sebuah tutorial.
Jadi hari ini aku akan memposting tutorial yang direquest oleh Agna Naila, tadinya aku mau posting ini hari Kamis tetapi ternyata tidak sempat jadi aku post hari jum'at pagi.
Nah request dari Agna ini tentang bagaimana cara merubah sidebar title? Ayo kita simaak!
Simple & Denim Template
  1. Buka blogger.com
  2. Pergi ke Theme, atau kalau bahasa indonesianya Tema
  3. Klik tombol berwarna oranye yang bertuliskan Customize atau Sesuaikan
  4. Pilih Advanced atau Lanjutan
  5. Cari Add CSS atau Tambahkan CSS
  6. Copas kode ini:
h2{
border:2px dashed #e5f9ff;
border-bottom:2px solid #ccf4ff;
padding:2px;
background:#fff;
text-align:center;
letter-spacing:2px}
Lihat preview dibawahnya, and... done!

Classic & Blogskin Template

  1. Buka blogger.com
  2. Pergi ke Theme, atau kalau bahasa indonesianya Tema
  3. Ctrl+F cari "</style>"
  4. Copas kode h2 diatas code "</style>"
  5. Done!
NB: 
h2: h2 ini berguna untuk memberi perintah bagian mana yang akan diedit
border: persegi yang ada disekeliling sidebar title
2px: Kalian bisa mengganti angka 2 menjadi angka lain, semakin besar angkanya, semakin tebal bordernya
dashed/solid: dashed dan solid ini adalah jenis bordernya, kalau dashed itu garis putus-putus sedangkan solid itu garis biasa, sebenarnya ada lagi tapi kalian bisa searching di google ya
#e5f9ff/ccf4ff: ini adalah warna dari bordernya.
border-bottom: jika kalian ingin memvariasi setiap sisi bordernya, kalian bisa gunakan border-bottom, border-top, border-right, dan border-left, tapi ngga semuanya juga ngga apa-apa sih.
padding: jarak antara text dengan border
background: ini mah udah pada tahu kan, ini backgroundnya.
text-align: kalian bisa ganti center menjadi left atau right.
letter-spacing: spasi antara satu huruf dengan huruf lainnya.
border-radius: ini ngga ada di code, tapi kalau kalian mau tambahin boleh saja, karena ini membantu dalam menumpulkan sudut-sudut border. Ada beberapa codenya:
border-top-left-radius:10px;
border-top-right-radius:10px;
border-bottom-left-radius:10px;
border-bottom-left-radius:10px;
border-radius: 10px 0 10px 0;
Itu saja dariku, mohon maaf kalau ada kesalahan :)

2 comments: