Lately I have been trying to pump my blog up a little with some coding though none have it has really worked this has, If you haven't noticed all of my comments on this blog now have an orange cover around it. You can do this to if you just follow these instructions. Note I originally got it from here.
1.First go to your template then press edit html.
2.Then inside the area code press ctrl-f.
Then in the search bar that should have came up put this tag:
</body>
This should take you to were that code is located.
3. Then right above </body> put this code:
<script src='http://code.jquery.com/jquery-latest.js'/>
<script>
$(function() {
function highlight(){
$('.user.blog-author').closest('.comment-block')
.css('border', '1px solid #FFA500')
.css('background','#F1F1F2 url("http://www.blogblog.com/1kt/transparent/white80.png")')
.css('color', '#444444')
.css('font-size', '12px')
.css('padding', '10px');
}
$(document).bind('ready scroll click', highlight);
});
</script>
4. Now you can save your template and possibly do a test comment to see if you like it!
Also I have found some super cute blog buttons here that I have at the bottom of my blog. Here are some of them but by no means I am saying they are mine.
Reading:
1.First go to your template then press edit html.
2.Then inside the area code press ctrl-f.
Then in the search bar that should have came up put this tag:
</body>
This should take you to were that code is located.
3. Then right above </body> put this code:
<script src='http://code.jquery.com/jquery-latest.js'/>
<script>
$(function() {
function highlight(){
$('.user.blog-author').closest('.comment-block')
.css('border', '1px solid #FFA500')
.css('background','#F1F1F2 url("http://www.blogblog.com/1kt/transparent/white80.png")')
.css('color', '#444444')
.css('font-size', '12px')
.css('padding', '10px');
}
$(document).bind('ready scroll click', highlight);
});
</script>
4. Now you can save your template and possibly do a test comment to see if you like it!
Also I have found some super cute blog buttons here that I have at the bottom of my blog. Here are some of them but by no means I am saying they are mine.
Reading:
Pictures:
Eating:
Blog:
No Copywriting:
Travel:
Aren't those just adorable! You can find the full collection here.
Cute little post Nabila! And thank you for the coding, I might use that on my blog ;)
ReplyDelete~Noor
Thanks! It would be cool if you did :)
Delete