Put number on every comments...

Assalamualaikum and hola people...^^, I'm back with a new tutors...nampak tak blog saya dah berubah? sebenarnya banyak lagi benda yang saya nak tambah...sekarang saya dah tak guna denim...saya guna template watermark pulak...

Ok today tutorial is about number on every comment (counted comments) I think it's only work on template designer only...

Image preview

The instructions :

1. Blogger.com/home --> Template --> Edit HTML
2. Search below code using F3 or CTRL+F...

/* Comments
----------------------------------------------- */ 

Or search  .post{  if above code not exist...

Then, copy below code...

.comment-thread ol {
counter-reset: countcomments;
}
.comment-thread li:before {
content: counter(countcomments,decimal);
counter-increment: countcomments;
float: right;border:2px solid #FEE8E8;
z-index: 2;
position:relative;
font-size: 14px;border-radius:30px;
color: #333333;
padding-left:8px;
padding-top:3px;
background:#FFFFFF;
margin-top:7px;
margin-left:10px;
width: 23px; /*image-width size*/
height: 23px; /*image-height size*/
}
.comment-thread ol ol {
counter-reset: contrebasse;
}
.comment-thread li li:before {
content: counter(countcomments,decimal) "." counter(contrebasse,lower-latin);
counter-increment: contrebasse;
float: right;
font-size: 13px;
color: #666666;
}

And then paste the code after...

/* Comments
----------------------------------------------- */    or   .post{

The notes :

Blue text : Color of the circle border

Red text : Color of the number

Fuchsia text : Background of the circle

Then, preview and save...

Nak tengok live previewnya tak? trylah comments pada post nie...^^, good luck...Assalaualaikum...

Background ( Vertical stripe )

Assalamualaikum dan selamat malam semua...now,I want to give background again...I make it by myself so, don't re-contribute or re-freebies...

If you want to copy image url...
Firstly click image --> Right click --> Copy image url / Copy image location...

If you want to save the image...
Click image --> Right click --> Save image as...

http://colourlovers.com.s3.amazonaws.com/images/patterns/3834/3834104.png

http://colourlovers.com.s3.amazonaws.com/images/patterns/3834/3834093.png

 

http://colourlovers.com.s3.amazonaws.com/images/patterns/3834/3834115.png

http://colourlovers.com.s3.amazonaws.com/images/patterns/3831/3831636.png

 

http://colourlovers.com.s3.amazonaws.com/images/patterns/3831/3831631.png

http://colourlovers.com.s3.amazonaws.com/images/patterns/3831/3831788.png

http://colourlovers.com.s3.amazonaws.com/images/patterns/3853/3853878.png

http://colourlovers.com.s3.amazonaws.com/images/patterns/5428/5428285.png

Ok,next time I'll try making more dark pattern because my pattern color are too pastel and bright...Please never re-post my freebies especially if it was made by my own...I spend a long time to make this freebies...please respect my own made...Comments and credit are really appreciated...

Akan ditambah apabila rajin...^^,

Want to make your own background? Go here...^^,  Make an account first...Don't forget to follow my account  here... ok Assalamualaikum people \o/

Background ( diagonal stripe )

Assalamualaikum and hai people...now let me give you some freebies...I make it by myself so, don't re-contribute or re-freebies...

If you want to copy image url...
Firstly click image --> Right click --> Copy image url / Copy image location...

If you want to save the image...
Click image --> Right click --> Save image as...

http://colourlovers.com.s3.amazonaws.com/images/patterns/3827/3827395.png

http://colourlovers.com.s3.amazonaws.com/images/patterns/3827/3827443.png

http://colourlovers.com.s3.amazonaws.com/images/patterns/3827/3827587.png

http://colourlovers.com.s3.amazonaws.com/images/patterns/3827/3827607.png

http://colourlovers.com.s3.amazonaws.com/images/patterns/3827/3827638.png

http://colourlovers.com.s3.amazonaws.com/images/patterns/3827/3827647.png

http://colourlovers.com.s3.amazonaws.com/images/patterns/5428/5428224.png

http://colourlovers.com.s3.amazonaws.com/images/patterns/4667/4667192.png

http://colourlovers.com.s3.amazonaws.com/images/patterns/5428/5428261.png

http://colourlovers.com.s3.amazonaws.com/images/patterns/5428/5428271.png

Comments and credit are really appreciated...

Akan ditambah apabila rajin...^^, Anywhere, kalau awak semua nak request tutorial, header, cursor atau apa sahaja berkaitan blog sila contact di ask.fm atau add facebook saya...

Youtube music player...

Assalamualaikum dan hai semua...kali nie saya nak buat tutorial pasal music player lagi...kali nie youtube player pulak...
Disebabkan irondj.net selalu ada problem lebih baik guna youtube player nie jer...senang nak cari lagu sebab banyak pilihan lagu kat youtube kan?... :-)

preview

1. For template designer : Log in blogger --> Layout --> Add Gadget --> HTML/Javascript
2. For blogskin : Log in blogger --> Template
3. Copy below code and paste it in HTML/Javascript gadget or between sidebar code for blogskin...

<center><object width="60" height="25"><param name="movie" value="http://www.youtube.com/v/hhhucO8tMw4?version=2&amp;autoplay=1&amp;hl=en_US&amp;color1=81F7F3&amp;color2=81F7F3" /><param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /><embed src="http://www.youtube.com/v/hhhucO8tMw4?version=2&autoplay=1&hl=en_US&color1=81F7F3&color2=81F7F3" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="60" height="25"></embed></object></center>

Customize :

Blue text : Color of the music player find here...but, don't put  #

Example : 81F7F3 instead of #81F7F3

Red text : Width of the youtube player you can change with 300 , 200 or 30

Orange highlight : Youtube video url ( follow instruction below to change it )

1. Go to youtube.com
2. Search and open the music that you want to put in your blog...

( Refer below picture)

Only copy the url after http://www.youtube.com/watch?v= 

example : http://www.youtube.com/watch?v=hhhucO8tMw4

Then, change the old url with the new one...

Ok,then preview and save....

Kalau tak faham commentlah..:-)  code from : Amalina...

New url Kawaiilady...

Assalamualaikum and hello everyone...Look at my new url... I have change my blog url...

From :

http://pinkkawaiigirl.blogspot.com

To :

http://kawaiilady.blogspot.com

Why I change my url?

I change my url because I think my old url are too long...actually its not too long...lol -,-

I think my new url are more simpler to remember...

Notice :

Please change my url in exchange link...and can you help me by re-follow my blog... :'(

Thanks you so much to everyone for supporting my blog...
Do unfollow me then follow back to get my latest update...love you... :'* 

Freebies fonts...

Assalamualaikum and hello people...^^ ok sempena cuti raya nie updatelah blog nie supaya tak bersawang sangat bila dah naik sekolah nanti...kalau nak font nie amiklah yer...click je preview gambar font tuw lepastu terus automatic download... :-)

1. Billo

2. Stereofidelic

3. Fanande

4. Shade of black

5. Things we said

6. Jokewood

7. Reed of love

Oklah dah cukuplah tuw yer...kalau nak lagi carilah sendiri disini atau disini atau cari jer kat google...

Kalau dah ambil tuw commentlah yer...susah taw nak cari font lawa-lawa...hehe...ok jumpa nanti...assalamualaikum...