Adding HTML to your blogger...

Hello, fellow bloggers!

I have had so many people ask how to add layouts/pictures/fun things to your blogger account. Here is the answer in layman's terms! I hope it helps you, and you have some fun with it!

There is a correct term for HTML… But it is basically code for us non- computer language people! You can change your layout, add fun things, add widgets, etc. Just gotta find the written code and sooo many people put it out there on the internet for you.

- "HTML stands for "hyper text markup language". It is the predominant computer language or code used when constructing webpages to be viewed on the Internet."

First you need to find an HTML code you want in your blog...

You can search in Google "HTML code for blogger". You can input the word, layout, labels, clip art or basically anything and see if it's out there. There is so much free stuff, so don't pay for it. Try to always give credit if you use someone’s things. A lot of times they have their name embedded in the code!

This is a good web site with layouts, etc. http://thecutestblogontheblock.com/

* I went to ANIMATIONS and clicked the picture of the snow and copied the falling snow HTML code for you!

*** You can change your layout with HTML code also. LOOK BELOW-

YOU NEED EVERYTHING BELOW COPIED EXACTLY AS IT IS TO YOUR CLIPBOARD FOR THIS TO WORK-
<script>if(typeof $pdj=='undefined'){document.write('<'+'script');document.write(' language="javascript"');document.write(' type="text/javascript"');document.write(' src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js">');document.write('</'+'script'+'>')}</script>

<script>if(typeof $pdj=='undefined'){var $pdj=jQuery.noConflict()}if(!image_urls){var image_urls=Array()}if(!flash_urls){var flash_urls=Array()}$pdj(document).ready(function(){$pdj(function(){$pdj().jSnow({flakes:80,flakeMaxSize:20,flakeMinSize:5,fallingSpeedMax:2,fallingSpeedMin:0,zIndex:65535,interval:30,opacity:true})})});if(!$pdj().jSnow){(function(x){x.fn.jSnow=function(h){var j=x.extend({},x.fn.jSnow.defaults,h);var k,WIN_HEIGHT;setWaH();var l=j.flakes;var m=j.flakeCode;var n=j.flakeColor;var o=j.flakeMinSize;var p=j.flakeMaxSize;var q=j.fallingSpeedMin;var r=j.fallingSpeedMax;var s=j.interval;var t=j.zIndex;var w=false;if(x.browser.msie&&(parseFloat(x.browser.version)<8))w=true;if(x.browser.msie&&(parseFloat(x.browser.version)<8)&&t=="auto")t=0;var u=x("<div \/>");u.css({width:k+"px",height:1,display:"block",overflow:"visible",position:"absolute",top:x("html").scrollTop()+1+"px",left:"1px",zIndex:t});x("body").prepend(u).css({height:"100%"});x("html").css({"overflow-y":"scroll","overflow-x":"hidden"});var v=Array();generateFlake(l,false);setInterval(animateFlakes,s);window.onresize=setWaH;function setWaH(){k=x('body').width();k-=5;WIN_HEIGHT=x(document).height()};window.onscroll=function(){u.css({top:x("html").scrollTop()+"px"})};function generateFlake(a,b){a=a||1;b=b||false;var i=0;for(i=0;i<a;i++){var c=x("<div \/>");var d=o+Math.floor(Math.random()*p);var e=m[Math.floor(Math.random()*m.length)];if(e.indexOf(".gif")!=-1||e.indexOf(".png")!=-1){var f=new Image();if(w)e=e.replace("png","gif");f.src=e;e="<img src='"+e+"' alt='jSnowFlake'>"}if(j.opacity){c.css({opacity:function(){var a=Math.floor(Math.random()*101);a=(a<10)?10:a;return"0."+a}})}c.html(e).css({color:n[Math.floor(Math.random()*n.length)],fontSize:d+"px",display:"block",position:"absolute",cursor:"default","z-index":t});x(u).append(c);f_left=Math.floor(Math.random()*(k-c.width()-50))+25;f_top=(b)?-1*c.height():Math.floor(Math.random()*(WIN_HEIGHT-50));var g=Math.floor(Math.random()*90);x.data(c,"posData",{top:f_top,left:f_left,rad:Math.random()*50,i:Math.ceil(q+Math.random()*(r-q)),swingRange:g,height:c.height()});c.css({top:f_top+"px",left:f_left+"px"});v.push(c)}};function animateFlakes(){var i=0;for(i=v.length-1;i>=0;i--){var f=v[i];var a=x.data(f,"posData");a.top+=a.i;var b=Number();b=Math.cos((a.rad/180)*Math.PI);a.rad+=2;var X=a.left-b*a.swingRange;f.css({top:a.top+"px",left:X+"px"});if((a.top+a.height)>WIN_HEIGHT){x.removeData(f);f.remove();v.splice(i,1);generateFlake(1,true)}}};return this};x.fn.jSnow.defaults={flakes:30,fallingSpeedMin:1,fallingSpeedMax:3,flakeMaxSize:20,flakeMinSize:10,flakeCode:["•"],flakeColor:["#fff"],zIndex:"auto",interval:50,opacity:false}})($pdj)}</script>

<script>if(typeof $pdj=='undefined'){document.write('<'+'script');document.write(' language="javascript"');document.write(' type="text/javascript"');document.write(' src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js">');document.write('</'+'script'+'>')}</script>

<script>if(typeof $pdj=='undefined'){var $pdj=jQuery.noConflict()}$pdj(document).ready(function(){var a=$pdj('<img>').attr({'src':'http://img600.imageshack.us/img600/2662/tagcopy.png','border':0});$pdj('<a></a>').css({position:'absolute',right:'0px',top:'22px','z-index':'90'}).attr({'href':'http://blogamation.com/'}).append(a).appendTo('body')});</script>

<script>if(typeof jQuery=='undefined'){document.write('<'+'script');document.write(' language="javascript"');document.write(' type="text/javascript"');document.write(' src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js">');document.write('</'+'script'+'>')}</script><script>$(document).ready(function(){var a=$('<img>').attr({'src':'http://img600.imageshack.us/img600/2662/tagcopy.png','border':0});$('<a></a>').css({position:'absolute',right:'0px',top:'22px','z-index':'90'}).attr({'href':'http://blogamation.com/'}).append(a).appendTo('body')});</script>

Leave out any part of that, and it could possibly not work!

1) Go to your blog and then click the layout section.

2) Go to ADD A GADGET.

3) Look for HTML CODE (It is on the first page of gadgets).

4) Click ADD and paste the HTML code that you have copied in your clipboard into the box and SAVE.

5) GO preview your blog and your item/pic/etc. will be there!

A lot of times, the copied item will be in a specific area, but sometimes, like with this code… it goes over the whole blog.

Don't forget, you can move your GADGET around in your LAYOUT area and therefore move the item that you just imput the HTML code for. ALWAYS PREVIEW AND SAVE!!!

** LAYOUT CHANGES

You can change your layout/background also.

Search HTML LAYOUT CODES FOR BLOGGER.

When you find, and copy the HTML layout code you want to use onto your clipboard:

1) Go to TEMPLATE

2) Go to BACKUP/RESTORE AND SAVE YOUR CURRENT TEMPLATE, IN CASE YOU NEED IT BACK

3) After you backup your current template, go to EDIT HTML CODE… (hit proceed) select and delete it all. (Your current layout will be gone!!!) Paste the layout HTML code that you have copied to your clipboard and HIT PREVIEW, and if you like it, hit SAVE.

NOTE: When you hit backup, you will see a BROWSE, that is for a layout that you had to save as a file. This gets more complicated.

Sometimes there are problems, and sometimes things get complicated. This is why you save your current layout, so if there is a problem, you can follow these steps with the code to your old layout!

Hope this helps you. Have some fun with it and search Google. You could always be extra nice and share this post, or if I helped you, share my info. I would greatly appreciate it!!! Let me know if I helped!!

Enjoy! KERRIE

Makeup Artist Kerrie

Facebook

www.facebook.com/makeupartistkerrie

Pinterest

https://pinterest.com/makeupartistker/

Twitter

https://twitter.com/#!/MakeupArtistKer

Etsy

http://tinyurl.com/c53whlk

Gorgeous-Glamour Web page (Currently being updated!)

www.gorgeous-glamour.com

makeupartistkerrie@gmail.com