o ne naijablo g.co m http://o nenaijablo g.

co m/2013/03/ho w-to -give-yo ur-blo gger-blo g-co mment-sectio n-a-different-co lo r/

How To Give Your Blogger Blog Comment Section a Different Color

babanature

Ok! Let me tell you why I bring out this post topic today; I am creating a new blog and I am using blogger blog as the blogs platf orm, I have customized all what I needed to be customize but I still f eel it needed some f inal touch so the last thing I could think of is the comment section. Now what I want the comment section to do is to be like; when I reply a comment Id want it to get a dif f erent color f rom the other commentators so theyll know Im tha boss so I search high and low to f inding my dream code and af ter a brief search, I saw one nice looking style. I know I have bloggers who uses blogger blog that do read my blog so thats why I wanted to share this because I know youll by all means love what this gadget do. Must Read: A Stylish Feedburner Subscription Form For Blogger and WordPress Blog

Giving Your Blogger Blog Comment Section A New look

So lets not talk much and make the tutorial do the talking, shall we? First of f , login to your blogger blog admin section (dashboard) Click on Template >>> Click Edit HT ML. Now youre in your HT ML section where all the editing will be taking place. Now search f or this tag </body> Remember: To make the search more easy, simultaneously press the ctrl + f key to bring out a search box. Have you seen the code? Now that you have seen the </body> tag, paste the below code right above the </body> tag view source print? 1 <script src='ht t p://code.jquery.com/jquery-lat est .js'/>

<script >

$(funct ion() {

funct ion highlight (){

$('.user.blog-aut hor').closest ('.comment -block')

10

11

.css('border','1px solid #FFA500')

12

13

.css('background', '#F1F1F2 url("ht t p://1.bp.blogspot .com/-Z3-B5PNQqS0/UVPgNbTJkI/AAAAAAAABt U/eV0QKc9TSKI/s1600/whit e.png")' )

14

15

.css('color','#444444')

16

17

.css('font -size','12px')

18

19

.css('padding','10px');

20

21

22

23

$(document ).bind('ready scroll click', highlight );

24

25

});

26

27

</script >

If you have pasted the code accordingly, click Save and close your work now go check your blog and see a whole new comment section. Must Read: How to Write Quality Content And See Great Results Note: If youre using a white background template, you might want to adjust some f ew things in the code or it might not show the way you want it. Ok if youre using a white background, you should change the color f rom #F1F1F2 to the best color of your choice and change the background url which is http://1.bp.blogspot.com/-Z 3B5PNQqS0/UVPgNbT J-kI/AAAAAAAABtU/eV0QKc9T SKI/s1600/white.png to your pref erred color. And you can customize virtually anything you want to and how you f eel like. T hats that Go make your admin comment section look like a boss Wow Do you have any questions youd like to share? Please do by using the comment box below and well get back almost immediately. Must Read: How To Change the default avatar in blogger blog to a more professional look Dont read and go away f riend, kindly drop a comment or thought using the comment box below. Remember that your comments and thoughts are highly appreciated and welcomed. Do you like the post? Was the post helpf ul? T hen do click the like button, share us and recommend us with f riends because youll never know which of your f riends searching f or this gadget. Bef ore you go, do not f orget to subscribe to our f eed f or your latest updates on the go.

YOU SHOULD ALSO READ:

8 Killer Ways Of Getting More Comments To Your Blog Post Adding Categories And Menu To Your Wordpress Blog ADDING AUT HOR'S BIO T O BLOGGER BLOG POST ADDING A ST YLISH SHARE BUT T ON T O YOUR BLOGGER BLOG

Powered by OnenaijaBlog