Wednesday, September 29, 2010

Comment Box



Assalamualaikum

Nak Cantikkan Commrnt Box macam saya jom ikut tutorial nie ok.

 Klik Template > Edit HTML > Proceed > Tick Expend Widget

 CTRL + F cari code nie /* Comments

 Dah jumpa kan? Korang deleat kod-kod yang dekat bawah tu dan gantikan dengan 
      kod dibawah nie

 Korang copy code nie

#comments h4 {
margin: 1em 3em;
font-weight: bold;
line-height: 1.4em;
color: #ffffff;
}
#comments-block {
margin-left:1.5em;
line-height:1.6em;
background: transparent;
color: black;
padding: 1em;
border:0px solid #ffffff;
}
#comments-block .comment-author {margin:.5em 0;}
#comments-block .comment-body {margin:.25em 0 0; background: #ffffff;}
#comments-block .comment-footer {
margin:-.25em 0 2em;
line-height: 1.4em;
letter-spacing:.1em;
}
#comments-block .comment-body p {
margin:0 0 .60em;
padding: 5px 5px 5px 5px;
background: url(URL IMAGE BACKGROUND) repeat top left;
-moz-border-radius: 20px 20px / 20px 20px;
border-radius: 5px 5px / 5px 5px;
border: 2px solid  #000000 ;
}
.deleted-comment {
font-style:underlined;
color:transparent;
}
.feed-links {
clear: both;
line-height: 2.5em;
}
#blog-pager-newer-link {
float: left;
}
#blog-pager-older-link {
float: right;
}
#blog-pager {
text-align: center;
}

  URL IMAGE BACKGROUND masukkan URL korang suka


 #000000 masukkan kod warna 

 Savekan terus.Preview pada bahagian yang ada comment 


Tuesday, September 14, 2010

Scroll Bar



Assalamualaikum

Nak buat Scroll Bar macam saya??? khas untuk template denim sahaja.
Jom ikut Tutorial nie ok !


 Klik Template > Edit HTML > Proceed > Tick Expend Widget

 CTRL + F cari code nie /* Header

 Korang copy code di bawah nie pulak 


#navbar-iframe {display: none;}

::selection{color: #000000 background: #000000}
::-webkit-scrollbar { width: 10px; background-color: #oooooo; border-right:5px solid white; }
::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment { height: 1px; display: block; background: #oooooo;}
::-webkit-scrollbar-track-piece { background-color: #oooooo; }
::-webkit-scrollbar-thumb{ background-color: #ffffff; -webkit-border-radius: 400px; border-radius: 400px; }


 Pastekan di atas code /* Header

 Code #000000 #ffffff korang boleh pilih warna korang suka KLIK SINIE




 

Since 2010-2019 | Copyright by © Ayu Barbydol. Design by me Ayu Barbydol