Blog decorations

Ollah you can find goodies,graphcs,icons,favicons fonts,others.. This blog is a resource blog you can request anything to me so i wont be mad

[blogdecorations-blog]

BIG SECRET BIG ONE!:how to convert blogskins to tumblr theme

Hello guiseeeee ! please follow blogdecoration.com and thebest-theme.tumblr.com and sweetsassyelegance.tumblr.com :) first go to the web blogskins.com pick a skin(its like a theme but its for blogger only Then copy the code ,the question is how to copy the code?thats simple just follow dis intruction: Scroll down until ya see blogger main,movable type and xanga  right click the blogger main save link as name it if u want too lets continue: edit html copy the code paste it then you start removing those ones that have $blogger$ those stuff not only that those wrong ones  copy this:

</div>

<center> {block:NextPage}<a href="{NextPage}">next page</a>{/block:NextPage} {block:PreviousPage}<a href="{PreviousPage}">previous page</a>{/block:PreviousPage} {block:PermalinkPagination} {block:NextPost}<a href="{NextPost}" style="border-right:3px solid grey;padding-right:2px;">next post</a>{/block:NextPost} {block:PreviousPost}<a href="{PreviousPost}">previous post</a>{/block:PreviousPost} {/block:PermalinkPagination} </center> </div></div> <div id="content"> {block:Posts} <div id="entry"> <!-----------TEXT POSTS--------------> {block:Text}<div class="entry2">{block:IndexPage}<div class="rebwag"><a href="{ReblogURL}">[↺]</a> {block:NoteCount} <br> <a href="{Permalink}">{NoteCountWithLabel}{/block:NoteCount}</a> </div>{/block:IndexPage} {block:Title}<div id="postitle">{Title}</div>{/block:Title} {Body} <br> {block:IndexPage} <div id="potato"> Posted <span style="border-bottom:1px solid grey;">{block:Date}{Month}-{DayofMonthWithZero}-{Year}</span> {/block:Date}<br> {block:ifShowTags}{block:HasTags}{block:Tags}#<a href="{TagURL}">{Tag}</a>{/block:Tags}{/block:HasTags}{/block:ifShowTags}</div>{/block:IndexPage}</div> {/block:Text} <!-----------PHOTO POSTS-------------> {block:Photo}<div class="entry2">{block:IndexPage}<div class="rebwag"><a href="{ReblogURL}">[↺]</a> {block:NoteCount} <br> <a href="{Permalink}">{NoteCountWithLabel}{/block:NoteCount}</a> </div>{/block:IndexPage} <a href="{Permalink}" target="_blank"><img src="{PhotoURL-HighRes}" width="100%"></a><br> {block:IndexPage} {block:ifShowCaption}{block:Caption}{Caption}{/block:Caption}{/block:ifShowCaption} <div id="potato"> Posted <span style="border-bottom:1px solid grey;">{block:Date}{Month}-{DayofMonthWithZero}-{Year}</span> {/block:Date}<br> {block:ifShowTags}{block:HasTags}{block:Tags}#<a href="{TagURL}">{Tag}</a>{/block:Tags}{/block:HasTags}{/block:ifShowTags}</div>{/block:IndexPage}</div> {/block:Photo} <!-----------PHOTOSET POSTS----------> {block:Photoset}<div class="entry2">{block:IndexPage}<div class="rebwag"><a href="{ReblogURL}">[↺]</a> {block:NoteCount} <br> <a href="{Permalink}">{NoteCountWithLabel}{/block:NoteCount}</a> </div>{/block:IndexPage} {Photoset-350}{block:PermalinkPage} {Photoset-500} {/block:PermalinkPage} <br> {block:IndexPage} {block:ifShowCaption}{block:Caption}{Caption}{/block:Caption}{/block:ifShowCaption} <div id="potato"> Posted <span style="border-bottom:1px solid grey;">{block:Date}{Month}-{DayofMonthWithZero}-{Year} </span>{/block:Date}<br> {block:ifShowTags}{block:HasTags}{block:Tags}#<a href="{TagURL}">{Tag}</a>{/block:Tags}{/block:HasTags}{/block:ifShowTags}</div>{/block:IndexPage}</div> {/block:Photoset} <!----------QUOTE POSTS--------------> {block:Quote}<div class="entry2">{block:IndexPage}<div class="rebwag"><a href="{ReblogURL}">[↺]</a> {block:NoteCount} <br> <a href="{Permalink}">{NoteCountWithLabel}{/block:NoteCount}</a> </div>{/block:IndexPage} {Quote}{block:Source} <br>-{Source}{/block:Source} <br> {block:IndexPage} <div id="potato"> Posted <span style="border-bottom:1px solid grey;">{block:Date}{Month}-{DayofMonthWithZero}-{Year} </span>{/block:Date}<br> {block:ifShowTags}{block:HasTags}{block:Tags}#<a href="{TagURL}">{Tag}</a>{/block:Tags}{/block:HasTags}{/block:ifShowTags}</div>{/block:IndexPage}</div> {/block:Quote} <!------------LINK POSTS-------------> {block:Link}<div class="entry2">{block:IndexPage}<div class="rebwag"><a href="{ReblogURL}">[↺]</a> {block:NoteCount} <br> <a href="{Permalink}">{NoteCountWithLabel}{/block:NoteCount}</a> </div>{/block:IndexPage} <div id="postitle"><a href="{URL}" {Target}>{Name}</a></div> {block:Description}{Description}{/block:Description} <br> {block:IndexPage} <div id="potato"> Posted <span style="border-bottom:1px solid grey;">{block:Date}{Month}-{DayofMonthWithZero}-{Year} </span>{/block:Date}<br> {block:ifShowTags}{block:HasTags}{block:Tags}#<a href="{TagURL}">{Tag}</a>{/block:Tags}{/block:HasTags}{/block:ifShowTags}</div>{/block:IndexPage}</div> {/block:Link} <!------------CHAT POSTS-----------> {block:Chat}<div class="entry2">{block:IndexPage}<div class="rebwag"><a href="{ReblogURL}">[↺]</a> {block:NoteCount} <br> <a href="{Permalink}">{NoteCountWithLabel}{/block:NoteCount}</a> </div>{/block:IndexPage}{block:Title}<div id="postitle">{Title}</div>{/block:Title} <div class="conversation"><ul>{block:Lines}<li class="{Alt}">{block:Label}<span class="label">{Label}</span>{/block:Label}{Line}</li>{/block:Lines}</ul></div> <br> <div id="potato"> Posted <span style="border-bottom:1px solid grey;">{block:Date}{Month}-{DayofMonthWithZero}-{Year} </span>{/block:Date}<br> {block:ifShowTags}{block:HasTags}{block:Tags}#<a href="{TagURL}">{Tag}</a>{/block:Tags}{/block:HasTags}{/block:ifShowTags}</div>{/block:IndexPage}</div> {/block:Chat} <!------------AUDIO POSTS----------> {block:Audio}<div class="entry2">{block:IndexPage}<div class="rebwag"><a href="{ReblogURL}">[↺]</a> {block:NoteCount} <br> <a href="{Permalink}">{NoteCountWithLabel}{/block:NoteCount}</a> </div>{/block:IndexPage}{AudioPlayerBlack} {block:Caption}{Caption}{/block:Caption} <br> {block:IndexPage} <div id="potato"> {block:NoteCount}<a href="{Permalink}">{NoteCountWithLabel}</a> | {/block:NoteCount} Posted <span style="border-bottom:1px solid grey;">{block:Date}{Month}-{DayofMonthWithZero}-{Year} </span>{/block:Date}<br> {block:ifShowTags}{block:HasTags}{block:Tags}#<a href="{TagURL}">{Tag}</a>{/block:Tags}{/block:HasTags}{/block:ifShowTags}</div>{/block:IndexPage}</div> {/block:Audio} <!------------VIDEO POSST---------> {block:Video}<div class="entry2">{block:IndexPage}<div class="rebwag"><a href="{ReblogURL}">[↺]</a> {block:NoteCount} <br> <a href="{Permalink}">{NoteCountWithLabel}{/block:NoteCount}</a> </div>{/block:IndexPage}{Video-350} {block:Caption}{Caption}{/block:Caption} <br> {block:IndexPage} {block:ifShowCaption}{block:Caption}{Caption}{/block:Caption}{/block:ifShowCaption} <div id="potato"> {block:NoteCount}<a href="{Permalink}">{NoteCountWithLabel}</a> | {/block:NoteCount} Posted <span style="border-bottom:1px solid grey;"> {block:Date}{Month}-{DayofMonthWithZero}-{Year}</span> {/block:Date}<br> {block:ifShowTags}{block:HasTags}{block:Tags}#<a href="{TagURL}">{Tag}</a>{/block:Tags}{/block:HasTags}{/block:ifShowTags}</div>{/block:IndexPage}</div> {/block:Video} <!-------------ANSWER POST--------------> {block:Answer}<div class="entry2"><img src="{AskerPortraitURL-40}" align="left" style="margin-top:1px;margin-right:4px;background-color:transparent;padding:2px;"><div id="asker"><span style="font-size:12px;margin-left:-12px;color:black;">◀</span>{Asker} asked: {Question}</div><div id="answerer">{Answer}</div><br> {block:IndexPage}<div id="potato"> {block:NoteCount}<a href="{Permalink}">{NoteCountWithLabel}</a> {/block:NoteCount} Posted <span style="border-bottom:1px solid grey;">{block:Date}{Month}-{DayofMonthWithZero}-{Year}</span> {/block:Date}<br> {block:ifShowTags}{block:HasTags}{block:Tag}#<a href="{TagURL}">{Tag}</a>{/block:Tag}{/block:HasTags}{block:ifShowTags}</div>{/block:IndexPage}</div>{/block:Answer} {block:PermalinkPage} <div style="border-bottom:1px dotted black;text-align:left;width:500px;">WANT TO GO BACK? </div> <a href="/">HOME</a> - {block:AskEnabled}<a href="/ask">ASK</a>-{/block:AskEnabled} {block:SubmissionsEnabled}<a href="/submit">SUBMIT</a>-{/block:SubmissionsEnabled} <a href="/archive">Archive</a> {/block:PermalinkPage} {block:PostNotes}<div id="nutz">{PostNotes}</div>{/block:PostNotes} {/block:Posts}</div>

place it in the last part of the blog skin it ends with </html> or </head> or 

</body> </html> the {block:NextPage}<a href="{NextPage}">next page</a>{/block:NextPage} {block:PreviousPage}<a href="{PreviousPage}">previous page</a>{/block:PreviousPage} {block:PermalinkPagination} {block:NextPost}<a href="{NextPost}" style="border-right:3px solid grey;padding-right:2px;">next post</a>{/block:NextPost} {block:PreviousPost}<a href="{PreviousPost}">previous post</a>{/block:PreviousPost} {/block:PermalinkPagination} is for the next page but if u dont need it or it already have next page delete it ... those link 1 link 2 blah blah just search for home or those that have links on it by click ctrl+f search done and the title in the tab just search for <title> or </title>  put dda name their done! but you cant change the title in the first page you can see those that have this: Title: description: those that have add a page appearance blah blah blah if you want to change da name there just just search for </title> or <title> the put {title} in the middle of the <title> and </title> like this: <title>{title}</title>

[thebest-theme-blog]

Im starting the tutorial ^_^ but first of all i’de like to to have credits to me here’s my main blog SWEETSASSYELEGANCE  BLOG DECORATIONS  ACCIDENTALKISS   THE BEST THEMES  TWEAK THEMES..Learned it from me myself and i :)… this tutor is about how to change the header or how to have a header First you gotta make a banner or find a picture in google  here’s for the one who found a pic on google and wants to make it as a header: First click the pic you wanted next drag the pic in the tabs (or click it)where you click new tab and close it then drag the picture again and you can see it like this HERE its not all wordpress but you can see only the picture and here’s of the people who maked their own header: You edit it using a app that u download or you used a online website like picmonkey or others… then you save it then go to THIS SITE its tinypic ..then you upload the file in tinypic by clicking CHOOSE FILE and make sure the file type is IMAGE then click upload now then something saids please help us spam blah blah u must follow da instruction..then you copy the link in the direct link for layouts next paste it in <center><img class=”header” src=”PASTE HERE” /></center> or click ctrl+f search for header ..and if it doesnt come out or other will come out just find it where to find it??click edit html and first you see this:

<head> (or html or head depends)

<base target=’_blank’/>

<script type=”text/javascript”>

document.ondragstart = function () { return false; }; </script>

<link href=’http://fonts.googleapis.com/css?family=Annie+Use+Your+Telescope’ rel=’stylesheet’ type=’text/css’>

<link href=’http://fonts.googleapis.com/css?family=Short+Stack’ rel=’stylesheet’ type=’text/css’>

<html>

<center><img class=”header” src=”http://i.imgur.com/JoYSMD4.png” /></center>

<title>SONE FOREVER<3</title>

<link rel=”shortcut icon” href=”http://media.tumblr.com/tumblr_mdns6uP6zZ1qdlkyg.gif” /> its the first one you see on the theme its in the number 1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22 depends but hte number is on the side like this..

<head>

<base target=’_blank’/>

script type=”text/javascript”> blah blah it continues.. so then you change it…but here’s for the one who still doesnt have header just copy the html for websites (its in the tinypic when you upload it) paste it after <html> or <header> its the first line in number 1

<html> (after this one)

<base target=’_blank’/>

<script type=”text/javascript”>

document.ondragstart = function () { return false; }; </script>

<link href=’http://fonts.googleapis.com/css?family=Annie+Use+Your+Telescope’ rel=’stylesheet’ type=’text/css’>

<link href=’http://fonts.googleapis.com/css?family=Short+Stack’ rel=’stylesheet’ type=’text/css’>

<html> or after this one

its space in here

space here

space here

<title>{title}</title>

paste it here for an example mine is

here » <a href=”http://tinypic.com?ref=9hs0w7” target=”_blank”><img src=”http://i41.tinypic.com/9hs0w7.jpg” border=”0” alt=”Image and video hosting by TinyPic”></a> tadah! thats how ya do it i hop ya all live dis tutorial follow for more themes and tutorials!

[thebest-theme-blog]

Graphics graphic dolls doll hair bun hair buns hair bun design hair

[thebest-theme-blog]

[thebest-theme-blog]

Graphics graphic dolls doll hair bun hair buns hair bun design hair

[thebest-theme-blog]

[thebest-theme-blog]

[thebest-theme-blog]

Graphics graphic dolls doll hair bun hair buns hair bun design hair

[blogdecorations-blog]

Vintage Pastel(Primary themes)

Theme Pastel-latte by vintaged-pastel.

Live Preview | Back-up preview | Codes

Moving title bar effect

Hovering box

Post title

1 extra sidebar

Pastel background

6 extra links in all

Infinite scrolling Note: Hello this isnt my theme i just found it i thought i would like to share this with you btw,the one who made it is her >>http://vintaged-themes.tumblr.com/tagged/themes

[blogdecorations-blog]

i was wondering if you could do a tutorial on how to do link hover text html on blogs where you hover over and you can put like music or cute little note you know?? okay thank you!! xxx

Sorry im too busy

[blogdecorations-blog]

How To Make A Banner

Okay this is sooo easy i learned it from my niece this post if for not having posts.

Tutorial start!

okay so make a banner first pick a picture then edit it using anything like photoshop,picmonker,etc then save as or save it then go to tinypic upload a photo get the code on HTML for websites then copy paste it on your support me then walah done but heres an example its hard to make if your making it by yourself 

<h2>Support me</h2>

<a href="http://fash-ionelegance.tumblr.com/" target="_blank"><img height="180" src="http://static.tumblr.com/kvuyw0v/nQTmn8jy5/fe.jpg" width="240" /></a>

Click <a href="http://pastebin.com/fT3bSLhq">here</a> for the codes then T.A me you banner codes.

<br></center></div></div>

-------------------------------learned this from my niece---------------------------------

[blogdecorations-blog]

hey can you do a tutorial of how to add a page

sure here and btw,i have a tutorial blog HERE  

How To Add A Page --ADDING PAGE TIME NO HTML--

GO TO YOUR BLOG

GO TO CUSTOMIZE»CLICK PAGES»ADD A PAGE

NAME THE PAGE WITH FAQS, QUESTIONS OR ANYTHING YOU LIKE

CUSTOMIZE YOUR PAGE ADD URL, TITLE AND BODY

YOU CAN ALSO ADD/ UPLOAD PHOTOS.

Example:

   6. NOW SAVE YOUR PAGE

   7. NEXT STEP IS GO TO EDIT HTML FIND YOUR LINKS LIKE THIS:

PLEASE READ THIS NOTE: If your theme does not support page links, what you need to do is to get the url of your page: “page url” example (http://yoururl.tumblr.com/faqs)  and put it to your html code (find you navigation)  like this: 

Example:

Must replace the “yoururl” with your real user name.

Thanks for reading!

------------------------learned this from tumblrtutoriial.tumblr.com----------------------------------

[blogdecorations-blog]

hey was just asking if uhhmm do a tutorial of learning marquee?

learning marquee but its already in the thing i posted read all of it i explained it =).

[blogdecorations-blog]

New!favicons!

want favicons there many just click HERE

[blogdecorations-blog]

Fonts

Note:wanna know the instructions?go to http://blogdecorations.tumblr.com/fonts

[blogdecorations-blog]

[blogdecorations-blog]

[blogdecorations-blog]

How To Put slide out tab (for network,updates,etc)

I learned this from html-tutorials its pretty simple you guise this tutorial is for those people who cant put <h2>supported or etc</h2> it in there blog because the sidebar is following the posts and for those who's there sidebar is on the upper corner these is way to easy... The slide out tab looks like this And if you move your cursor it looks like this but its actually moving.

First put this code directy BEOFER </style> Then put this code directly BEFORE <body> So everyone of you notice its not moving well its because there's missing ill tell you.it looks like this which you cant edit this one. 1st step which is the first code <!-- made by sppice, tutorial at megscoding.tumblr.com--> <div id="oneout"><span class="onetitle"> TITLE HERE  </span><div id="oneout_inner"><center> SLIDE TEXT GOES IN HERE - Updates, networks, etc <br></center></div></div> 2nd step <!-- made by sppice, tutorial at megscoding.tumblr.com--> <div id="oneout"><span class="onetitle"> What will you name in the slid out tab </span><div id="oneout_inner"><center> SLIDE TEXT GOES IN HERE - Updates, networks, etc <br></center></div></div> 3rd step <!-- made by sppice, tutorial at megscoding.tumblr.com--> <div id="oneout"><span class="onetitle"> What will you name in the slid out tab </span><div id="oneout_inner"><center> <h2>supported and etc</h2> <MARQUEE DIRECTION= UP HEIGHT=80 SCROLLAMOUNT=4 onmouseover="this.setAttribute('scrollamount', 0);" onmouseout="this.setAttribute('scrollamount', 4);"><center> <a href="URL OF THE BLOG YOU SUPPORTED OR ECT"><img src="YOUR IMAGE" title="TITLE OF THE BLOG YOU SUPPORTED AND ETC"/> </a>  <a href="URL OF THE BLOG YOU SUPPORTED OR ECT"><img src="YOUR IMAGE" title="TITLE OF THE BLOG YOU SUPPORTED AND ETC"/> </a>  <--!you can upload in tinypic.com its still thesame  with the example there^--> </center></MARQUEE> <h2>your title here</h2> <MARQUEE DIRECTION= UP HEIGHT=80 SCROLLAMOUNT=4 onmouseover="this.setAttribute('scrollamount', 0);" onmouseout="this.setAttribute('scrollamount', 4);"><center> <a href="URL OF THE BLOG YOU SUPPORTED OR ECT"><img src="YOUR IMAGE" title="TITLE OF THE BLOG YOU SUPPORTED AND ETC"/> </a>  <a href="URL OF THE BLOG YOU SUPPORTED OR ECT"><img src="YOUR IMAGE" title="TITLE OF THE BLOG YOU SUPPORTED AND ETC"/> </a>  </center></MARQUEE> <br></center></div></div> there!here's the explenation. the <MARQUEE DIRECTION= UP HEIGHT=80 SCROLLAMOUNT=4 onmouseover="this.setAttribute('scrollamount', 0);" onmouseout="this.setAttribute('scrollamount', 4);"><center> makes the images move and try erasing the <MARQUEE DIRECTION= UP HEIGHT=80 SCROLLAMOUNT=4 onmouseover="this.setAttribute('scrollamount', 0);" onmouseout="this.setAttribute('scrollamount', 4);"><center> makes the images move the </center></MARQUEE> it makes the images in the hover tab isnt in the upper corner that has lots of space but you cant scroll down in your posted pics try erasing the </center></MARQUEE>  but paste it again so it will still be steady. the <br></center></div></div> it makes your blog not messy. there will be another one but diffrent for thos blogs that the sidebar cant move if you scroll down. maybe this will help you i've been working 30 minutes doing this tutorial ---------------------------------------learned from html-tutorials.tumblr.com--------------------------------------