Tutorial : Cantikkan Side Bar Kat Blog


As-Salam

Hari ni ade yang bertanya. Nak buat sidebar yang kemas/cantik kat blog.



1. Pi Dashboard --> Template -->Edit Html

2. Tekan Ctrl+A , Cut the paste code ditempat yan sama. (Cara unhide kotak segitiga hitam cara mudah. Kalau tak buat macam ni, Korang tak dapat cari code kat bawah yang korang nak nanti)

3. Tekan CTRL+F serentak, cari code kat bawah then tekan enter.

4. Cari code ni, Ctrl+F  h2 

5. Paste kan kod kat bawah ni di selepas kod h2 yang korang cari tadi

 { background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5_C1-MMNr1aiuJitwQJI-qLzNVCt9h-spnSxaDbG9_GXC3M4hYiPwRBCepA_dSoN3mUstcK4xtm_bUkxCT53nH_vUv82WlQTL7JCV1tsj1DQPlVa-xAoJ_hn7KKCq_oDaygxQOSv34n4/s1600/background+emas+putih.png);
border: 2px solid pink;
line-height: 28px;
-webkit-border-radius: 10px;
text-align: center;text-align:center;
  margin: 0 0 1em 0;

6.  Tukar kan kod :
Merah = Url image korang
Oren and hijau : Tukar ikut kesesuaian.


7. Preview dulu and save.

16 comments