If I search (FOR EXAMPLE) /tagged/asdwrv why didn't my posted reply to her/him appeared?
Anonymous
asked by
It depends on the blogger’s owner - if he/she put your url as a tag or not :)
It depends on the blogger’s owner - if he/she put your url as a tag or not :)
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
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
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
requested by: (x)
so thejadedfoolsennui asked if we could add floating pagination into an existing theme. yes you could but you will need an image for your pagination (optional) and where you wanna put it.
image pagination (if you don’t want this skip to the text pagination)
step 1, you will need the pagination code, stick this before </body>
{block:Pagination}
<div style="position: fixed; margin-bottom: 10px; margin-right: 10px; background: transparent;">
{block:PreviousPage}
<a href="{PreviousPage}"><img src="previouspageimageurl.jpg"></a>
{/block:PreviousPage}
{block:NextPage}
<a href="{NextPage}"><img src="nextpageimageurl.jpg"></a>
{/block:NextPage}
</div>
{/block:Pagination}step 2, here are some images to replace ‘previouspageimageurl.jpg’
they all have a white background so it looks kinda fab. feel free if you wanna request any (: but please give us the html color codes for the arrow and the background
here are some images to replace 'nextpageimageurl.jpg’
danube | arista | cocogoose | eraser (tfios font) | upon a dream (maleficent font) | kraash
just google search it, (eraser and upon a dream is from dafont) most is from dafont, excuse my derpy english
// claire
Want a fixed full length sidebar? here’s how!
step 1, look for the sidebar’s div/css, like #sidebar.
and once you find it look for the height in the sidebar. for ex:
#sidebar{
height: 300px;
width: 300px;
padding: 5px;
position: fixed;
top: 30px;
left: 20px;
}
step 2, change the height into 100%, so it’ll look like this:
#sidebar{
height: 100%;
width: 300px;
padding: 5px;
position: fixed;
top: 30px;
left: 20px;
}
// claire
made a music hover box bc bored. and you can now add your playlist. but keep it short and simple. if the title is too long you can always change the width. feel free to modify it! but please give credit! if you really read the whole thing you can click the face, thanks for reading ^_^
// claire
twitter: @fetuspenguin
ig: claihre | lau.gh
Like our banner?
today i’m going to show you how to make the trippy 3d effect!
open up photoshop, let’s say the document will be 900x140
and now let’s make the color black or anything you like, click on edit > fill or shift+f5 on a mac idk on windows ._.
and change it to black or if you want it a custom color click the drop down menu and click on color, but for now let’s make it black (:
and now let’s write a simple text, i’m using consolas as a font in the size 60pt
now duplicate the layer by going to layer > duplicate layer and just click ok (you must be on the text layer)
now go on the duplicated layer (welcome to my blog copy) and change the text color to red. i’m using #f74141 and now you have that on your screen.
now go and click the opacity and lower it down, this will be the 3d effect that will be going around. i’d prefer turning it to around 40-70%
now make the duplicated layer go in the bottom of the original layer. just drag the duplicated layer under the original layer, and you will have:
now use the move tool (v for shortcut) and just use your keyboard arrows and move it a little to the right side (if you want the animation to start from right to left) or you want to move it to the left side if you want the animation to start from the left to right.
let’s just make it from the right. i’m so boring.
and now if you move it more there’s like more 3d-ish effect there, and now
go on the bottom where it says timeline, click video timeline (if you don’t have it you can go to window > timeline)
create video timeline, and click on the boxes on the bottom left, and that should make your video timeline look much simpler to understand like:
now click on the 5 seconds thingy and change it to 0.2 secs the smaller the number the faster the animation. but you can change it to anything you like.
now after that just right away duplicate the frame. HOW?! click on that paper icon near the trash can in the timeline, it looks like:
and you see it duplicates the layer:
and on that second frame. (focus on your work now) by still using the move tool (v) move the layer once to the left (if you want your animation right-left, vise versa if you want it from left-right).
and now duplicate the layer but everytime you duplicate it you must move the red duplicated text layer to the left one time and one time means one pixel. until the red goes to the left and you satisfied.
after you are done change the looping options to forever
you can find it near the play button.
exporting it. to export it you need to go to file > save for web and devices
and a little BIG window shall pop out, just change the 2nd drop down box into ‘GIF’ and leave everything untouched. DON’T TOUCH IT IF YOU DON’T WANT YOUR RESULT TO FAIL! and just click save
and here’s my finished product! feel free to use it but credit me!!
like this post if you think this was helpful!
// claire
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:
Okay so the ad networks to begin with is
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
Font face means interpreting fonts into web fonts just by using a css code and a direct link for the font.
all you need is a font you need (with direct link, if you don’t know how proceed to step 1)
step 1 (if you have the font with the direct link or url, proceed to step 2)
okay for the font i’m going to use DigitalLove.ttf
! make sure you have the font you need installed in your computer11!!1!
go upload the font in here or anything that accepts any file and gives you the url
choose the file and click upload file, the url will appear in the bottom, (https://static.tumblr.com/x1wzx4n/bPRn40yc5/digitallove.ttf)
step 2
the css code is needed for this tutorial
go to customize > go to your css (<style>)
and just between <style> and </style>
paste this code:
@font-face{
font-family: 'FONT NAME';
src: url('DIRECT URL');
}explanation:
bolded - replace the FONT NAME with any name you wanna cal your font, like Digital Love, but when you use it the caps or quotation marks doesn’t matter actually. (if you wanna use digital love you will need to type in digital love if you are going to use it)
italized - replace DIRECT URL with the direct link/url you have for the font. it’s to tell where they will refer to if you use the font family.
step 3
how to use it?
go in your css, for example you wanna change your blog title, look for the css code for the blogtitle, like .blogtitle (if that’s what they called it) and look for font-family, and the contents like ex.
.blogtitle{
font-family: georgia;
}Just replace georgia with the font-family you used in step 2 :)
if you have any questions regarding this tutorial please feel free to message us!
// claire
Tutorial 05 - Hide Stuff Tutorial
In this tutorial there are FIVE ways I will show you how to hide stuff. This is mostly just for like Terms of Usage pages or whatever you wish. Most of the examples are simply copying and pasting different bits. But this will require you to know where the HEAD, CSS, and HTML sections are. The last ways to hide stuff are really the only “advanced” part of the tutorial as they require some coding understanding. Hope it’s useful!
Note: All of the ways I show you are found on different sites aka not made by me (but I have used a couple of them) and I have just compiled them (with sources) in one place.
okay so we know like none of you guys read these things, but were just assuring you keep the credit and don't steal anything from the theme. i mean like just preview the code and rip things off there. the themes here are
theme: claire
cute transitions: justin aguilar animations
creative link effects: tympanus
sidebar icon: @notesmokeciggys