graphic-codes-blog-blog - Tumblr blog

graphic-codes-blog-blog · 12 years ago

Text

You want be advertise?

There are 2 simply ways to be advertise

POSTING RULES

RECS

The 1st; Send me a tutorial/codes/resources made by you, then give me the link of your blog,I'll create a post with your tutorial/codes/resources and the credits.

The 2nd; Give me the code of your banner, You'll have the banner with the direct link of your blog on my blog.

So guys, choose now! :)

#promotion #promote #tumblrtutorial #tutorials #codes #Resources

0 notes

graphic-codes-blog-blog · 12 years ago

Text

How to put a TWITTER BADGE on your blog

This is a simply tutorial so guys let's read. ;)

Go HERE and follow the instruction.

Made your twitter badge.

When you finish click on 'update code'.

Copy the code and paste it between <body> and </body> (Use CTRL+F to find it.)

Update preview then Save!

Simply no? :)

#tutorial #tumblrtutorial #twitterbadge #twitter

0 notes

graphic-codes-blog-blog · 12 years ago

Text

Moving “Follow” & “Dashboard” buttons

MY FOLLOW AND DASHBOARD BUTTONS DISAPPEARED. WHAT CAN I DO? You probably messed up your HTML theme, but don’t worry, that’s what you have to do: go to Customize > Edit HTML and paste THIS code before the </style> tag (use CTRL+F to find it). Save and then ask a friend to go to your blog and see if it’s everything okay. FOLLOW AND DASHBOARD BUTTONS FIXED AT THE TOP RIGHT CORNER Originally, your Follow and Dashboard buttons are at the top right corner, but they aren’t fixed. You can fix them if you want, so the buttons will stay at the top of your page even when someone scroll down your blog content. Go to Customize > Edit HTML and paste THIS code before the </style> tag (use CTRL+F to find it). Save and it’s done! FOLLOW AND DASHBOARD BUTTONS FIXED AT THE BOTTOM RIGHT CORNER Go to Customize > Edit HTML and paste THIS code before the </style> tag (use CTRL+F to find it). ClickUpdate Preview, then Appearence and then Save. All done!

#tutorial #tumblrtutorial #follow #dashboard #buttons

1 note · View note

graphic-codes-blog-blog · 12 years ago

Text

DEACTIVATE-THEME1

PREVIEW CODE

#deactivatetheme #theme #deactivate #code

1 note · View note

graphic-codes-blog-blog · 12 years ago

Text

Sidebar Informations/Codes a CSS Tutorial

Credit to: http://tumblrtutoriial.tumblr.com

Have you ever wondered how can your sidebar float?? well, here’s a css tutorial!

look for the sidebar div, like for example:

<div id=”sidebar“> the sidebar is the div, if you see id, it means it’s with a hashtag + the div name, like:

<div id=”sidebar“> so it means the div in the css is= #sidebar! if it is

<div id class=”sidebar“> the div in the css is .sidebar!

but in your theme, sidebar could be anything! just search where you put your information, not the posts :)

Now, for the positioning, here’s an example of a floating sidebar:

#sidebar{

position: fixed;

left: 150px;

top: 40px;

width: 200px;

background-color: #fff;

}

look at the bolded word (fixed) it’s fixed, a lot of theme says there is a fixed sidebar there, it means floating, and if we say fixed, it means float. if you don’t want it to float, change the bolded text (fixed) into absolute.

DID YOU KNOW?

You can put a background image to your sidebar!!!

just add:

background-image: url(BACKGROUNDHERE);

you just have to put the background image url in the BACKGROUNDHERE between the brackets, don’t remove the brackets otherwise the codes wouldn’t work.

#tutorial #tumblrtutorial #css #codes #sidebar

1 note · View note

graphic-codes-blog-blog · 12 years ago

Text

More Codes/Tutorials/Resources:

You wanna many Codes/Tutorials/Resources?

Like this post/Reblog

Follow me

Send me, a message with 'DEAL'

1 LIKES/REBLOGS= 1 CODE

2 LIKES/REBLOGS= 1 TUTORIAL

3 LIKES/REBLOGS= 1 RESOURCES

So guys, follow the intsruction!

Enjoy!

#tumblrtutorial #tutorial #more #tutorials #just #like #this #post

1 note · View note

graphic-codes-blog-blog · 12 years ago

Text

Basic Codes

Codes List:

BOLD: <b>text</b>

ITALIC: <i>text</i>

UNDERLINES: <u>text</u>

STRIKE THROUGH: <s>text</s>

CENTER TEXT: <center>text</center>

TEXT ON THE RIGHT: <div style="text-align: right;">text</div>

TEXT ON THE LEFT: <div style="text-align: left;">text</div>

CHANGING COLOR: <font color="htmlcolor">text</font>

Choose your HTML color here: http://www.mxstudio.com.br/Conteudos/Dreamweaver/Cores.htm (example: black - #000000, red - #FF0000)

CHANGING SIZE: <font size="2">text</font>

The number "2" is an example, you can put any number.

CHANGING COLOR & SIZE: <font size="2" color="htmlcolor">text</font>

MAKING A LINK: use this code: <a href="http://link">name</a>

*** If you want to open the link in a NEW window, use this code:

TEXT WITH A BACKGROUND: use the following code.

Change the width, the height, the background-color and the color text to your linking. You can replace "left" with "right" or "center" for those effects.

BORDER AROUND YOUR TEXT: use the following code.

Change the width, the height and the color (#000000) to your liking. You can replace "solid" with "dashed" or "dotted".

PUTTING A IMAGE IN YOUR DESCRIPTION: upload the image you want on TinyPic, ImageShack or Photobucket. Get the direct link (it should end in .jpg for example) and use this code: <img src="directlink">

SCROLLING MARQUEE: http://www.myspacegens.com/handler.php?gen=marquee

#tutorial #basiccodes #codes #tumblrtutorial

8 notes · View notes

graphic-codes-blog-blog · 12 years ago

Text

How to Disable right click

**paste this code under the <body> tag** :

If you dont' see, click CTRL+F and type <body>.

<!—

function clickIE() {if (document.all) {(message);return false;}}

function clickNS(e) {if

(document.layers||(document.getElementById&&!document.all)) {

if (e.which==2||e.which==3) {(message);return false;}}}

if (document.layers)

{document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}

else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}

document.oncontextmenu=new Function(“return false”)

// —>

</SCRIPT>

#DISABLERITHCLICK #tumblrtutorial #tutorial

0 notes

graphic-codes-blog-blog · 12 years ago

Text

How to enable Infinite Scroll

**paste this at the end of your description on tumblr.**

#tutorial #tumblrtutorial #infinitescroll

0 notes

graphic-codes-blog-blog · 12 years ago

Text

Font Websites

www.1001freefonts.com/

www.dafont.com/

www.urbanfonts.com/

www.1001fonts.com/

#resources #tutorial #tumblrtutorial

1 note · View note

graphic-codes-blog-blog · 12 years ago

Text

Add a Cursor

In this tutorial I explain how add a cursor in your blog, step by step!

So, let's read this! :D

Copy this CODE;

<div style> body, a, a:hover { cursor:url(CODE), auto }</style><a href=”http://http://graphic-codes.tumblr.com/”></a>

Copy the URL of your cursor, "Right click --> Copy Image URL"

Then,paste the URL of your cursor image to replace "CODE".

Now, your code is already for the copy

Paste at your description box.

Okay?? :) If you want some cursors just click here: http://graphic-codes.tumblr.com/post/48203552884/cursors

#tutorial #how #to #add #a #cursor #in #your #blog

2 notes · View notes

graphic-codes-blog-blog · 12 years ago

Text

Cursors

#resources #cursors

1 note · View note

graphic-codes-blog-blog · 12 years ago

Text

Music player in your blog.

Upload your music to either Kiwi6. (You'll need to make an account.)

Copy your music mp3 URL.

Go to Billy Player,paste your mp3 URL there. You can add more mp3 URLs if you wish.

Click on Generate code button

Copy the coding and go to Customize Theme.

Paste the coding in your description or wherever you want to add.

Save and Close.

#tags #tutorial #musicplayer #site

2 notes · View notes