Blogger Tricks Animal Jam Graphic Central!: Blogger World Tour Stop #1 : AJGC : Handy-Dandy Codes Part 1

Sunday, February 15, 2015

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


2 comments:

Hi guys! I am so happy you've decided to share your opinions on AJGC! Make sure to read/follow the following bullets:
- You guys probably know- no swearing, not even ***, no mocking or making fun of others and no judging.
- Free commenting (no moderation) is a privilege, if I see 1 inappropriate comment, comment moderation is turned on for all of you, sorry, I just don't want this to be an unsafe environment.
- If you are caught being mean to another viewer, you will have all of your comments deleted. You only have 2 chances before you are banned from ever having your comment appear again on the blog.
- I have absolutely no problem with you advertising your own blog/site in the comment section, I just request that you write an actual comment about the post or page before advertising your own site. Flat out advertising comments will not be deleted, but they make the comment area more of a spammy place- get what I mean?
- Please do not request diamond or membership codes. If you are looking for gem codes, then make sure to check out our Codes page. But if I catch you threatening another jammer, demanding a membership or diamond code, I will turn on comment moderation.
- When commenting anonymously, you must sign your username.
Sorry if these rules sounded harsh, I'm sure most of you already know the commenting rules, they are virtually the same for every blog.
Happy commenting!