[Miku in school uniform , I like it xD]
Yeah .. I change all contain on this blog , and also I have add some widget on my sidebar
What thing that I change are .. :
1. My sidebar
full with dashes - - - - =,= ! !
you see right ? theres a calendar and a clock at Credit section ..
how to make it ? Later I'll do the tutorial xP
2. My scrollbar ..
For classic template/blogskin : if you want a scroll bar like me ? just copy this code and paste it above </style>
For using denim , washed denim or template designer ? I'm sorry but I cant help you ..
gomenn ne ..
WARNING : This is not my code , I just re-edit it .. so , credit to the rightfull owner , Eza (kawaiilady.blogspot.com)
::-webkit-scrollbar {
width: 15px;
height: 15px;
}
::-webkit-scrollbar-button:start:decrement,::-webkit-scrollbar-button:end:increment {
height: 15px;
width: 15px;
background: #80C3D9 ;
border: 1px dashed #E1DFE0;
-moz-border-radius: 100%;
border-radius: 100%;
}
::-webkit-scrollbar-track-piece {
background-image: #80C3D9;
border: 2px dashed #E1DFE0;
}
::-webkit-scrollbar-thumb:vertical, ::-webkit-scrollbar-thumb:horizontal {
background-color: #80C3D9;
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhM1FsBZNT2XGaqmRReJWsMw2gB1CUnhdiAKL73VSvX9qez-IF_7xM_QjHwsTOMUGiM5W3HRv-zEpRPZOSRhUBgfP5P1lWYio24nsrg6aAQtl0usRNnMWyAaoHXhG6qeQcf6DOdTeCS664/s1600/pastel+blue.png);
background-size:300%;
-moz-border-radius: 3em 3em 3em 3em;
border-radius: 3em 3em 3em 3em;
width: 15px;
height: 15px;
}
::-webkit-scrollbar-button:start:decrement,::-webkit-scrollbar-button:end:increment {
height: 15px;
width: 15px;
background: #80C3D9 ;
border: 1px dashed #E1DFE0;
-moz-border-radius: 100%;
border-radius: 100%;
}
::-webkit-scrollbar-track-piece {
background-image: #80C3D9;
border: 2px dashed #E1DFE0;
}
::-webkit-scrollbar-thumb:vertical, ::-webkit-scrollbar-thumb:horizontal {
background-color: #80C3D9;
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhM1FsBZNT2XGaqmRReJWsMw2gB1CUnhdiAKL73VSvX9qez-IF_7xM_QjHwsTOMUGiM5W3HRv-zEpRPZOSRhUBgfP5P1lWYio24nsrg6aAQtl0usRNnMWyAaoHXhG6qeQcf6DOdTeCS664/s1600/pastel+blue.png);
background-size:300%;
-moz-border-radius: 3em 3em 3em 3em;
border-radius: 3em 3em 3em 3em;
that Magenta , you can change your color with your own
dashed , if you dont want dash (- - - - ) just change it to solid
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhM1FsBZNT2XGaqmRReJWsMw2gB1CUnhdiAKL73VSvX9qez-IF_7xM_QjHwsTOMUGiM5W3HRv-zEpRPZOSRhUBgfP5P1lWYio24nsrg6aAQtl0usRNnMWyAaoHXhG6qeQcf6DOdTeCS664/s1600/pastel+blue.png)
this color blue , you can change it into background that you want xDD
3. My blockquote ..
If you want a blockquote like me
only for blogskin user : copy this code and paste it above </style>
Please credit to the rightfull owner
blockquote {
background:url(https://www.loxleycolour.com/images/float-frame-backgrounds/800x600/polka-dot-light-blue.jpg);
border: 2px dashed #68BBDE;
font: 15px Englebert;
color:#2E2E2E;
border-radius: 10px;
padding-top: 10px;
padding-bottom: 10px;
padding-right: 10px;
padding-left: 10px;
margin:1em 40px;
-webkit-transition: 0.5s;
}
blockquote:hover {
border: 2px solid #AADCF2;
background:url(http://www.studiocollection.co.za/resources/white-and-mist-polka-dot-fabric.jpg);
-webkit-transition: 1s;
}
4. Background of my navigation
5. Header , JQuery , Disclaimer pic
6 Put addthis widget
7. Button Like & Share (facebook)
8. Picture at About , Rules & Friends section (stuff section I dont put any picture there)
9. Put a copyright at below *just keep your scroll and you'll see it*
and later I'll put a twitter widget on my Bio section and change my blog archive
Ok , thats all for my entry today ..
I'm sorry if my grammar have a bit of errors , I'm still in learning how to speak fluently ..
Jaa , Matta !!
No comments:
Post a Comment
1. No harsh word
2. No spamming
3. Dont like ? With my pleasure you can get out from here
4. Lets make a friend here not fighting each other
-LeluChann-