This blog is best viewed on Google Chrome, with your browser zoomed in 100%.



Please do not copy or repost my tutorials, answers or codes! This blog is the product of a lot of time and work. I am fine with reblogs, or links to my posts! Also, any credit you list to tutorial-baby on your blog is great if you're using something specific I've designed.


FAQ & Ask Codes and Tuts Narnia 1&2 Tuts Links Themes trouble viewing pages? my network my shop backgrounds banners header links bio

going thru some theme renovations~ excuse my mismatched appearance! 

Floating Nav Box #2

Hey guys!! 

Here’s a new floating box for your links! Like the last one, it uses tooltips for labels, so if you already have tooltips installed in your blog follow the directions in the code to remove what’s gotta go :) I think this one looks best on minimal style blogs or art blogs, I’m a big fan of the pixels. And as always it is easily customizable to fit any blog type. Enjoy!

live view  

Includes:

-8 spots for links (and to add more, just copy the link code that repeats under <div id=”peex”>)

-strip that turns pale blue on hover

-pixels that have a lavender background on hover

code:

here are the pixels I used— downloaded from a free photoshop pack (uploaded as pngs)

Anonymous inquired: Hello! Really helpful tutorials! I was wondering if you knew how to insert a slider to your page? :)

Thank youu! And a slider? I think I have an idea of what you mean, but can you link me to a few examples?

fightingdreamer34 inquired: How do you make sure your blog shows the tags for your posts?

Right now I think yours is doing that, whereas my tags only show on a posts’s permalink page. To make your tags show on your index page, find your posts section under <body> which is generally {block:Posts}, then find under that section where the index page is coded. In my theme, that’s easy to find, and it is {block:Indexpage}. Here is where you’ll find notecount codes, permalink and rebloglink codes. To add tags to your index page posts, place this code before {/block:Indexpage}

{block:HasTags}
tagged as:
{block:Tags}<a href=”{TagURL}”>{Tag}</a>{/block:Tags}
{/block:HasTags}

This can differ from theme to theme but every theme has these sections under <body> categorizing post types, and it is in those post types— and more specifically, in the section of the post section that codes for the index page— that you can add viewable tags.

If you can’t see them, try adding a font color and size using html tags! Just like <font size=”3”></font> sometimes the assets from other objects in the theme are transmuted to these new codes (making them invisible or illegible) .

sevenylime inquired: Is there a way to have two sidebar images on one page? Lovely blog btw!

Yes of course!

There are a few ways this could be done. You could insert the image into your html, using <img src=”yourimageurlhere.com”> But that leaves the image unformatted.

You could put that code within an existing div, so it’s being formatted just like the other sidebar image.

You could create a new div, which means you’re working under <style> and <body> to format and place your new image.

You could also do any of these things but instead of using a URL for your image, you could upload it from your own computer, then use that code instead of the image URL. You still have to format it like you would the image URL though! To be able to upload any image, add this under <head> with your meta names:

<meta name="image:SidebarPic2" content=""/>


and then use this where you want your image to appear:

<img src="{image:SidebarPic2}"/>

Let me know if I can help you more specifically! Themes differ in formats and divs, so this sort of thing really depends on each theme. This is hopefully a general answer that still sheds some light haha

Hello friends, summer’s here!

So I’m home for the summer now (just finished my freshman year at art college!!), and even though I’m really busy with job hunting/apartment searching/work etc, I’ve been wanting to take some time and post a few new tutorials!

For this purpose I want your input— I’m gonna reopen my ask box for a few days minimum and see what you guys want to learn (while I learn, too!). Some new kind of sliding tabs? Nav boxes? Custom pages? New tooltips? Post hovers? 

I figure that for everything that I see on tumblr you guys have seen something twice as cool somewhere else on tumblr, so I wanna hear from you!

http://tutorial-baby.tumblr.com/message

I’ll also be able to take some time to answer various questions, but remember to check my pages and search the tags for what’s already been answered or posted :)

What tutorials do you want me to post this summer?

Basic Tooltip Tutorial

I’ve been meaning to make this for a while now! It includes the basic tooltip code with notes on how to customize it (that are inside the code!) I’ll make a post about some pre-designed tooltips soon too :)

What are tooltips?

For those of you who don’t know or haven’t seen them, tooltips are the labels that can appear when you hover over links. It’s a nice touch to make your blog look unique or cohesive, and it’s also useful if you want to use symbols for your links but also want a label to appear when you hover on the symbol (so people know what they’re clicking).

TO USE A TOOLTIP: 

Your links, in html, look like this:

<a href=”linkURL”>link title</a>

to start using tooltips on your links, change that format to this:

<a title=”tooltip text” href=”linkURL”>link title</a>

Basic tooltip coding for a tooltip that looks like this:

  1. Add this under <head>

2. Follow the “USE A TOOLTIP” steps in the beginning of this tutorial!

Hey everyone!

Sorry to bring this news but I have to close my ask box for a while. I was expecting to have all this time and energy to get through a lot of questions this break, but I’ve ended up with this strange bronchial illness that’s leaving me super exhausted (led to a trip to the ER…bleh)

My next semester starts on the 14th, so hopefully I’ll be back soon to fill up some of that beginning of the semester free time that goes missing by the middle/end!

Love you guys, thanks for being supportive, I wish I could help you all more currently :) <3

x Abbey

Anonymous inquired: If that's you on your icon pic on the left, then you are absolutely gorgeous!! Are you from Japan? :)

Ohh no that’s not me on the left! That’s Marina from Marina and the Diamonds :) My picture is far down on the right sidebar! I’m not from Japan though, I’m in the US, currently Maine.

But hey guys vacation is in like two days for me! Then I can get to answering some more questions and hopefully start writing some new tutorials and codes for fun, it’s been way too long. :)

littlebit-liberal inquired: Hey, I'm trying to delete the note count on my posts. I've tried just about everything I could in the html and I can't figure it out. My theme is from dolliecrave. If you could help, that'd be amazing.

Go to your html and search ” {notecount} ” or ” {notecountwithlabel} ” or “notecount”, and see if you can find those tags in the section of your html under </style>. Anywhere that those tags are are going to be where your note count is displayed, so depending on which ones you delete will erase the note count from your image posts, or videos, etc! Just pay attention to what is around that {notecount} tag to know what you’re erasing the note count of.

teoteska inquired: The code for rounded corners on images is working - on single image posts. Any hints on getting it to work for multi image posts/ all images on my page?

You’ll have to add the code for rounded corners to your post code, not just your image post code! That should cover it. If your multi image posts still aren’t affected, you might have a separate code for photosets in your theme, in which case you can try adding the rounded corner code to that as well (and that should really cover it then!).

voghued inquired: Hii! I want this - ♔ LA BEAU PARADIS - (my tumblr title) to be a link to my homepage but I don't know how to do it, I was looking for some code or anything all over the internet, but there are only tips how to make banner a link.. Thanks for answer!

You can add a nav link either in your html or as a redirect page! Then just use your text for the link title. This would be added to your main links/navigation. To find your navigation, search “home” in your html (or another link title) and that’s where you can add a new link

Anonymous inquired: r u still doing the blogmakeover giveaway?

nooo that was long ago! Months ago at this point.

br0imhungry inquired: I'm probably going to sound stupid so I apologize in advance but wasn't there a page on tumblr that kind of looked like a blogroll but had every post I ever made in it? I could've sworn I used to have one.

you’re probably thinking about your archive! Right? You do have an archive link and an archive shows every post you ever made so I think that’s it haha

sempiternalenergy inquired: Could you suggest a site to get images to put between header links? (that doesn't have a massive image url that accompanies google images' pictures?) if that makes sense haha xx

What I do with long URLs is save the image, then upload it into tinypic which gives you a new URL that’s usually pretty short and easy to manage!

http://tinypic.com/