Scroll dan ganti Background Comment Box


Bagi nakkan kelainan boleh cuba tutorial ni. Bagi komen yang terlalu banyak, sangat disyorkan bertukar ke Comment Box seperti ini. Ok ikut step seperti di bawah:


1. Sign in akaun blogger

2. Dashboard > Template   > Edit HTML > Expand Widget Templates

3. Tekan Ctrl+ F paste kod di bawah dan tekan enter

.post-footer {margin: 1.5em 0 0;}


4. Kemudian Copy kod di bawah ini dan paste kan di bawah kod berwarna Merah.


#comments {
height:280px;
overflow:auto;
border:8px ridge #FFFF33;
background-image:url('URL Background Korang di sini');
padding: 20px 20px 10px 20px;
margin: 10px 0px 0px 0px;
}
#comments .comment-author {
padding-top: 1.5em;
background :#009900;
border:1px dotted;
}

Contoh:

.post-footer {margin: 1.5em 0 0;}
#comments {
height:280px;
overflow:auto;
border:8px ridge #FFFF33;
background-image:url('URL Background Korang di sini');
padding: 20px 20px 10px 20px;
margin: 10px 0px 0px 0px;
}
#comments .comment-author {
padding-top: 1.5em;
background :#009900;
border:1px dotted;
}

** Masukkan URL background  di text berwarna Biru. Jika mahu background berwarna sahaja gantikan dengan kod background-image:url('URL Background Korang di sini'); menjadi background;#FFCCCC;
** Tukar kod warna kotak line korang di tex warna Pink

~ Kod Warna korang boleh rujuk di bawah ini:

Beraneka Warna-Warna Terkini
-----------------------------------------
EDITOR KOD WARNA HTML 
Tutorial Blog Cantik
#FFFFFF #FFFFCC #FFFF99 #FFFF66 #FFFF33 #FFFF00
#FFCCFF #FFCCCC #FFCC99 #FFCC66 #FFCC33 #FFCC00
#FF99FF #FF99CC #FF9999 #FF9966 #FF9933 #FF9900
#FF66FF #FF66CC #FF6699 #FF6666 #FF6633 #FF6600
#FF33FF #FF33CC #FF3399 #FF3366 #FF3333 #FF3300
#FF00FF #FF00CC #FF0099 #FF0066 #FF0033 #FF0000
#CCFFFF #CCFFCC #CCFF99 #CCFF66 #CCFF33 #CCFF00
#CCCCFF #CCCCCC #CCCC99 #CCCC66 #CCCC33 #CCCC00
#CC99FF #CC99CC #CC9999 #CC9966 #CC9933 #CC9900
#CC66FF #CC66CC #CC6699 #CC6666 #CC6633 #CC6600
#CC33FF #CC33CC #CC3399 #CC3366 #CC3333 #CC3300
#CC00FF #CC00CC #CC0099 #CC0066 #CC0033 #CC0000
#99FFFF #99FFCC #99FF99 #99FF66 #99FF33 #99FF00
#99CCFF #99CCCC #99CC99 #99CC66 #99CC33 #99CC00
#9999FF #9999CC #999999 #999966 #999933 #999900
#9966FF #9966CC #996699 #996666 #996633 #996600
#9933FF #9933CC #993399 #993366 #993333 #993300
#9900FF #9900CC #990099 #990066 #990033 #990000
#66FFFF #66FFCC #66FF99 #66FF66 #66FF33 #66FF00
#66CCFF #66CCCC #66CC99 #66CC66 #66CC33 #66CC00
#6699FF #6699CC #669999 #669966 #669933 #669900
#6666FF #6666CC #666699 #666666 #666633 #666600
#6633FF #6633CC #663399 #663366 #663333 #663300
#6600FF #6600CC #660099 #660066 #660033 #660000
#33FFFF #33FFCC #33FF99 #33FF66 #33FF33 #33FF00
#33CCFF #33CCCC #33CC99 #33CC66 #33CC33 #33CC00
#3399FF #3399CC #339999 #339966 #339933 #339900
#3366FF #3366CC #336699 #336666 #336633 #336600
#3333FF #3333CC #333399 #333366 #333333 #333300
#3300FF #3300CC #330099 #330066 #330033 #330000
#00FFFF #00FFCC #00FF99 #00FF66 #00FF33 #00FF00
#00CCFF #00CCCC #00CC99 #00CC66 #00CC33 #00CC00
#0099FF #0099CC #009999 #009966 #009933 #009900
#0066FF #0066CC #006699 #006666 #006633 #006600
#0033FF #0033CC #003399 #003366 #003333 #003300
#0000FF #0000CC #000099 #000066 #000033 #000000

Tiada ulasan:

Catat Ulasan

Komen Terbaru