Tumblr Tutoriial ♡

How do I post a hyper link within a text post?

asked by

~~This will be a step-by-step tutorial.~~ Do you mean how to add a link in a text post? Click add a new text post. Highlight the word that will be a link.

Then you know what’s next. Hope this helps! :)

//Queenie

Posted with 6 notes · Reblog?

blog borders

preview

put this code under <style>

.borderleft{
position: fixed;
width: 30px;
background: #dbdbdb;
height: 100%;
top: 0px;
left: 0px;
}

.bordertop{
position: fixed;
background: #dbdbdb;
width: 100%;
height: 30px;
top: 0px;
left: 0px;
}

.borderbottom{
position: fixed;
background: #dbdbdb;
width: 100%;
height: 30px;
bottom: 0px;
left: 0px;
}

.borderright{
position:fixed;
top:0;
right:0;
width:30px;
height:100%;
background:#dbdbdb;
}

things that could be modified is the width and the height and the background in color codes (:

and this code under <body>

<div class="borderleft"></div>
<div class="bordertop"></div>
<div class="borderbottom"></div>
<div class="borderright"></div>

// claire

Posted with 10 notes · Reblog?

how to have tooltips // updated

okay guys tooltips are the little bubbles that pop up following your cursor when you hover on something. the live preview is on my blog (x) first you will need to put this under <head>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script> <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script> <script> (function($){ $(document).ready(function(){ $("[title],a[title],img[title]").style_my_tooltips({ tip_follows_cursor:true, tip_delay_time:100, tip_fade_speed:300, attribute:"title" }); }); })(jQuery); </script>

<style>

#s-m-t-tooltip{

max-width:300px; 
padding:4px 4px 4px 4px; 
margin:20px 0px 0px 20px; 
background: #fff;
border:1px solid #eee;
font-family: Calibri;
font-size:10px;
letter-spacing:1px;
text-transform: uppercase;
color:#555;
z-index:999999999999999999999999999999999999; 
}

</style>

okay so that is all!

you can modify it too~

background ~ background color (html color codes x)

border ~ the width, color and style of the border (put 0 if you don’t want borders)

font-family ~ the font family in the tooltip

font-size ~ the size of the font

text-transform ~ can be uppercase, lowercase or none

color ~ the color of the text

letter-spacing ~ the spacing between the letters in the tooltip

// claire

Posted with 11 notes · Reblog?

Making money with tumblr

Okay so probably maybe SOME of you guys have heard of people asking you to click on their ads and stay there for like around 2 minutes.

Well some people are getting paid to do this. So every visitor who clicks on their ad, the company will pay them. So this is handy especially if you have a lot of followers.

This could come in handy earning yourself some money, this could maybe earn you 2-5 dollars per day, so means in a month, you get like 2x30=$60!

But make sure you read this first:

You will need a lot of visitors in your page. You’ll probably get rejected if you don’t have a lot of visitors in your page. You can find tips on gaining followers here.
Get a nice tumblr theme. don’t make your blog super messy, make it simple and eye-catching.
Don’t message people too much. don’t annoy people just to tell them to click on your ads please, not everyone would do it and they get annoyed easily.

Okay so the ad networks to begin with is

Google Adsense ; This is everyone’s favorite. Google Ad Network for publishers will be the first and not so easy to replace Ads.
Adbrite ; In case you get rejected by Google (follow the tips above so you can avoid this) Adbrite will always welcome your site here. It’s highly likely you will need 4 times the amount of visitors to make the same amount of money that with Adsense.
Amazon ; If you do products or stuff review, this network is for you. Since you can place affiliate links in your posts, you can get a chunk of the purchase if there’s a succesful item sold after the click.
Friend finder ; I guess that according to the user type in Tumblr, Friend Finder could be a huge money maker.

These are the Ad Companies to begin with. Of course there are many affiliate programs outthere that you might find suitable for your Tumblr. Bu all in all this is more than enough if you just start to make money with Tumblr.

NOTE: This Tumblr Tip is not intended to show you how to actually embed the ads code into your Tumblr HTML, or the best place to insert it. It is meant to be an introductory post to learn how to make money with Tumblr using the various online advertising agencies available to any person that owns a Tumblelog with enough visitors, in quantity or quality, to make at least a few dollars per day.

Source: tumblring.net

// claire

Posted with 9 notes · Reblog?

Christmas Lights!

So it’s almost christmas, and I wanna look for some christmas things to decorate for your blog, and I found these christmas light curtains or headers for your blog! It’s super simple and super cute! It looks like this:

The steps are easy! Put this below your style!

body{
background: #YOURBGCOLOR url('http://img90.imageshack.us/img90/3152/lightsn.gif') repeat-x top center;
}

So I will be opening the ask box okay?

// Claire

Posted with 6 notes · Reblog?

To be cleared out with networks and stuff

How do I make a network badge? You use photoshop to create it or any other editing software program, and save it as a .png file and upload it in like tinypic? and link it like this: <a href=“http://yournetwork.tumblr.com”><img src=“IMG URL HERE” title=“Your Network Name”></a>

How do I make network themes? Well you will need to look for the themes here

How do I size down my network icon? Simple! Just size down like a regular image:

How do I make a network? Create a secondary blog, and insert your theme, put the links in there, and link it to their blogs, and start inviting members, go to the right side and there are like a drop down menu for all the blogs you own / co-own, and click your network blog you just made, and click members, make sure the person you invite sends their email, so enter an email address and click enter, so there will be either they check their mail, or you can just T.A them the link so they can join instantly!

Okay, I bet I made myself clear for every network question okay? :) No more network questions

Please like this post if you think it’s useful :3

// Claire

Posted with 17 notes · Reblog?

How to make the shadow effect for ribbons

So yeah, as you might be wondering about these kind of things:

The shadow effect there.. I’m going to teach you using photoshop :3

Step 1, open up your new file, I’m going to use 200 x 100 for now on a transparent mode

Step 2, make your ribbon / track, I’m just going to teach you how for now.

Choose the rectangle tool (shortcut: U), or the rounded rectangle tool, then make a random rectangle, like this:

Then rasterize the layer, make sure you’re on the rectangle layer

Choose the polygonal lasso tool, it looks like this:

if you don’t have that equipped, just click and hold the lasso tool, then there should be a slideout, then release it on the polygonal lasso tool

Step 3, Make a triangle by clicking some edges then back to the dot you started first, so you could make a selection, like so:

Then connect it to the dot you started then press delete, it should look like this,

You could try all sorts of different shapes! Now for the shadow effect, I prefer you use white background, some complicated background like mine is hard, I use pattern, Just make a regular rectangle that isn’t too big, something like this: