Blogger World Tour Stop #1 : AJGC : Handy-Dandy Codes Part 1

Hi jammers! Welcome to the first segment of the Blogger World Tour! ;) Since not enough bloggers entered in the World Tour, AJGC will fill in for for a day or two. :D

Have you ever been looking for some ways to 'enhance your blog', but found way too many codes and ideas? For the days that AJGC will be posting, I will share a few codes in each post that are sure to spice your blog up. :P

Center Page Tabs

To center your page tabs, go to Template > Customize > Advanced > Add CSS and paste the following code into the box:

.PageList {text-align:center !important;}

.PageList li {display:inline !important; float:none !important;}

(For a demo, check out the AJGC's page tabs!)

Center Header

To center your header, go to Template > Customize > Advanced > Add CSS and paste the following code into the box:

#header-inner img {margin: 0 auto !important;} #header-inner {text-align:center !important;}

(For a demo, check out the AJGC's header)

Animal Jam Cursor

To get the official Animal Jam cursor on your blog, go to Template > Edit HTML and then click anywhere inside the HTML box. Use the command: Control-F (or Command-F for Mac computers) and search for the tag: </head> in your HTML. Once you have found the </head> tag, paste the following code above the </head> tag:

<!-- HTML Codes by Code-24work.blogspot.com -->

<style type="text/css">

body {cursor:url(http://1.bp.blogspot.com/-z0zCWXQ25g0/Uu6lJZtT5oI/AAAAAAAABaA/0FVq5Mo9Bdc/s1600/Animal+Jam+cursor.png),auto;}

</style>

<a href="http://24work.blogspot.com/" target="_blank" title="Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a>

In red is the URL for the graphic of the Animal Jam cursor (graphic credit to numnum13) which will make the cursor for your blog the same one as in Animal Jam, but you can change the URL in red to any image you like. 

(For a demo, check out the AJGC's cursor!)

Title-Less Gadget 

One of the annoying things about Blogger, is that it forces you to create a title for your image gadgets. To get rid of this problem, and have title-less images, simply insert <!– –> as the title of your image gadget. It makes your image have no title, and takes up no extra room! 

(For a demo, check out a few of AJGC's sidebar images!)

Rainbow Links

To get rainbow animated links on your blog, go to Layout > Add a Gadget > HTML/Javascript and paste the following code into the box:

<script src='http://yourjavascript.com/512719721/rainbow-links.js'>

/*

Rainbow Links Script- TAKANASHI Mizuki

For full source code, 100&#39;s more DHTML scripts, and TOS, 

Visit http://www.dynamicdrive.com

Blogger Version - http://www.spiceupyourblog.com

*/

</script>

(For a demo, hover over this link, or any of the links on the AJGC!)

Scrolling Text

To get scrolling text on your blog, go to Layout > Add a Gadget > HTML/Javascript and paste the following code into the box:

<marquee behavior="scroll" direction="left">Your scrolling text goes here</marquee>

Make sure to replace the Your scrolling text goes here with the text you want to be scrolling.

(For a demo, go to this link and look below the header!)

Automatic Signature

To add an automatic signature to the end of all of your posts, go to Template > Customize > Advanced > Add CSS and paste the following code into the box:

.entry-content:after {

content: url("YOUR SIGNATURE URL HERE");

margin-left: 150px;

}

Make sure to replace the YOUR SIGNATURE URL HERE with the URL of your signature.

I hope you liked today's Blogger World Tour post! :D Make sure to check back here tomorrow for the link to the second stop! :)

-Panda