Blog Layout 4

 					!!!!!!!!!!!!Read It!!!!!!!!!!!!

                                                (⊙.⊙(☉_☉)⊙.⊙)

There are div ids/classes in this layout.  Be VERY, VERY, VERY careful not to drop off any of the coding.

The 575px width banner and the profile links are in the Blog Header section.
The content links (the round pic areas) are near the bottom of the Blog Stylesheet section.

///Right Trio and Left Trio of Pics///

Put your 150px width by 150px height image urls in the spots between the ( and ) near the bottom of the Blog Stylesheet secton.  They will look like this:

<div id="vicpic1" style="background-image:url(http://i.imgbox.com/adu6WYL6.png);"></div>

///////////////


                                        !!!!!!!!!!!!TIP!!!!!!!!!!!!

Since you are making a blog for content, it should be relatively blank as the meat of the blog is going to be accessed via the content links.  When they click on a content link, it will take them to the appropriate blog.

1) Create a 'Content' blog (Titled content with a short description or just a period for the body of the text.
2) Disable Kudos & Comments
3) Put a link to this content blog on your profile.


                        Don't forget to replace the XXXXX with your friend ID number.

                                                     (>‿◠)✌


                *****************************SAVE YOUR WORK AS YOU GO.*******************************

----------------------Blog Header------------------------

<center>

<big>TITLE GOES HERE</big>

<BR>

<img src="http://i.imgbox.com/adkoYjtY.png">

<BR>

<table><tr><td valign="top">
<a class="first" href="/logincomplete.php">Home</a>
</td><td valign="top">
<a class="first" href="/add_testimonial.php?member_id=xxxxxx">Comment</a>
</td><td valign="top">
<a class="first" href="/send_message.php?member_id=xxxxxx">Message</a>
</td><td valign="top">
<a class="first" href="/gallery.php?member_id=xxxxxx">Photos</a>
</td></tr></table>
</center>


----------------------Blog Stylesheet------------------------

<style type="text/css">

.vicarious {BE RESPECTFUL TO THE LAYOUT CODER/CREATOR.  DO NOT REMOVE THE .VICARIOUS CREDIT!
Blog Layouts available @ http://vicarious-bloglayouts.tumblr.com/}

.vicarious{Cross Type Shared Commons}



 #vicpic1, #vicpic1a, #vicpic2, #vicpic2a, #vicpic3, #vicpic3a, #vicpic4, #vicpic4a, #vicpic5, #vicpic5a, #vicpic6, #vicpic6a     {
left:50%;
top:0%;
}

#vicpic1, #vicpic1a, #vicpic2, #vicpic2a, #vicpic3, #vicpic3a,  #vicpic4, #vicpic4a, #vicpic5, #vicpic5a, #vicpic6, #vicpic6a     {
position: fixed;
z-index: 9;
}

.main, #vicpic1, #vicpic2, #vicpic1a, #vicpic2a, #vicpic3a, #vicpic3,  #vicpic4, #vicpic4a, #vicpic5, #vicpic5a, #vicpic6, #vicpic6a    {
background: rgb(143, 0, 255);
background: -moz-linear-gradient(30deg, rgb(143, 0, 255) 0%, rgb(38, 0, 0) 70%);
background: -webkit-linear-gradient(30deg, rgb(143, 0, 255) 0%, rgb(38, 0, 0) 70%);
background: -o-linear-gradient(30deg, rgb(143, 0, 255) 0%, rgb(38, 0, 0) 70%);
background: -ms-linear-gradient(30deg, rgb(143, 0, 255) 0%, rgb(38, 0, 0) 70%);
background: linear-gradient(120deg, rgb(143, 0, 255) 0%, rgb(38, 0, 0) 70%);

}

#vicpic1a, #vicpic2a, #vicpic3a, #vicpic4a, #vicpic5a, #vicpic6a, a.first, a.first:link, a.first:active, a.first:visited, a.second, a.second:link, a.second:active, a.second:visited {
-webkit-transition: all 0.6s ease-out;
-moz-transition: all 0.6s ease-out;
-ms-transition: all 0.6s ease-out;
-o-transition: all 0.6s ease-out;
transition: all 0.6s ease-out;
}

#vicpic1, #vicpic2, #vicpic3, #vicpic4, #vicpic5, #vicpic6, #vicpic1a, #vicpic2a, #vicpic3a, #vicpic4a, #vicpic5a, #vicpic6a, a.second, a.second:link, a.second:active, a.second:visited   {
-webkit-border-radius: 180px;
-moz-border-radius: 180px;
border-radius: 180px;
}

 a.first, a.first:link, a.first:active, a.first:visited  {
-moz-border-radius-bottomright: 90px;
-webkit-border-bottom-right-radius: 90px;
border-bottom-right-radius: 90px;
-moz-border-radius-bottomleft: 90px;
-webkit-border-bottom-left-radius: 90px;
border-bottom-left-radius: 90px;
}

.blogcomments, .blogcommentsprofile, p.blogtimestamp, .blog     {
background-color:transparent!important;
}


.vicarious{Background/Blog Properties}

body{
background-color: #3f003d !important;
background-image:url("")!important;
background-repeat: repeat!important;
background-attachment:fixed;
background-position:bottom right;
left:50%;
top:0%;
visibility:visible;
z-index:1;
margin-left:-375px;
margin-top:-100px;
position:absolute;
}

.blog {

width:635px!important;
}

.main {
width:500px!important;
left:50%;
top:0%;
visibility:visible;
z-index:1;
margin-left:-375px;
margin-top:125px;
position:absolute;
padding:0px 0px 50px !important;
-webkit-border-radius: 90px;
-moz-border-radius: 90px;
border-radius: 90px;
}


.vicarious{Text Shared Commons}

a, a:link, a:active, a:visited, a:hover, td, .text, table, td.txt_label , tr, td, li, p, div, input, txt, i, b, .main u, .main font, a.first, a.first:link, a.first:active, a.first:visited, a.second, a.second:link, a.second:active, a.second:visited, big, p.blogtimestamp, .blogsubject   {
font-family: tahoma  !important;
visibility: visible!important;
color: #a8a8a8 !important;
text-decoration:none !important;
font-size:6pt  !important;
line-height:90%  !important;
text-align:left  !important;
background-color:transparent !important;
}

big, a.first, a.first:link, a.first:active, a.first:visited, a.second, a.second:link, a.second:active, a.second:visited,

.blogsubject {
display:block!important;
}

big, a.first, a.first:link, a.first:active, a.first:visited {
color: #000000 !important;
}

big, a.first, a.first:link, a.first:active, a.first:visited, a.second, a.second:link, a.second:active, a.second:visited,

p.blogtimestamp  {
text-transform:uppercase !important;
font-weight:bold !important;
}

big, a.first, a.first:link, a.first:active, a.first:visited, a.second, a.second:link, a.second:active, a.second:visited {
text-align:center !important;
}

.vicarious{Text Properties}

.blogsubject {
width:100%!important;
text-shadow: 2px 2px 2px rgba(0, 0, 0, 1);
font-size: 14pt !important;
color:b7acbe !important;
letter-spacing:-1pt !important;
line-height:100% !important;
padding:5px !important;
text-align: left !important;
text-transform:lowercase !important;
-moz-border-radius-topleft: 90px;
-webkit-border-top-left-radius: 90px;
 border-top-left-radius: 90px;
-moz-border-radius-topright: 5px;
-webkit-border-top-right-radius: 5px;
border-top-right-radius: 5px;
-moz-border-radius-bottomright: 5px;
-webkit-border-bottom-right-radius: 5px;
border-bottom-right-radius: 5px;
-moz-border-radius-bottomleft: 90px;
-webkit-border-bottom-left-radius: 90px;
border-bottom-left-radius: 90px;
}


p.blogtimestamp {
color: #8a7f92 !important;
letter-spacing:1pt !important;
text-align:right !important;
}

i {
color: #555555 !important;
font-style:italic !important;
}

b {
color:  #cccccc !important;
font-weight:bold  !important;
}

big {
font-family:copperplate gothic light !important;
font-size:26pt!important;
line-height:100% !important;
padding:15px 20px !important;
color:b7acbe !important;
text-shadow: 2px 2px 2px rgba(0, 0, 0, 1);
}

.vicarious{Profile Link Codes}
a.first, a.first:link, a.first:active, a.first:visited {
color:c1c1c1 !important;
background-color: #5d0085 !important;
height:10px!important;
line-height:10px!important;
width:110px!important;
margin:0px 0px 5px 0px  !important;
padding: 0px 15px 5px !important;
}

a.first:hover{
color:644d75 !important;
background-color: #3b0033 !important;
}


.vicarious{Content Links}
a.second, a.second:link, a.second:active, a.second:visited {
color: #cccccc  !important;
height:130px!important;
line-height:130px!important;
width:130px!important;
margin:10px !important;
 }

a.second:hover{
-webkit-transform:   rotate(720deg);
-moz-transform:   rotate(720deg);
-o-transform:   rotate(720deg);
-ms-transform:   rotate(720deg);
transform:    rotate(720deg);
}


.vicarious{Div ID Shared Commons}

 #vicpic1a, #vicpic2a, #vicpic3a, #vicpic4a, #vicpic5a, #vicpic6a  {
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
}

#vicpic1a:hover, #vicpic2a:hover, #vicpic3a:hover,#vicpic4a:hover, #vicpic5a:hover, #vicpic6a:hover  {
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
overflow:hidden;
}




.vicarious{Div IDs}


#vicpic1, #vicpic1a, #vicpic2, #vicpic2a, #vicpic3, #vicpic3a {
overflow:hidden;
visibility:visible;
height:150px;
width:150px;
}

#vicpic1, #vicpic1a {
margin-left:350px;
margin-top:50px;
}

#vicpic2, #vicpic2a {
margin-left:400px;
margin-top:200px;
}

#vicpic3, #vicpic3a {
margin-left:350px;
margin-top:350px;
}





#vicpic4, #vicpic4a, #vicpic5, #vicpic5a, #vicpic6, #vicpic6a {
overflow:hidden;
visibility:visible;
height:150px;
width:150px;
}

#vicpic4, #vicpic4a {
margin-left:-495px;
margin-top:50px;
}

#vicpic5, #vicpic5a {
margin-left:-545px;
margin-top:200px;
}

#vicpic6, #vicpic6a {
margin-left:-495px;
margin-top:350px;
}



 .vicarious{Hide Codes}
.profile { display:none !important;visibility:hidden!important; }
.nav, .spacer, .googleafc, .commentspacer, hr {display: none!important;}
#ctl00_cpMain_googlead   { display:none !important;visibility:hidden!important; }
images/spacer.gif{ display:none !important;visibility:hidden!important; }
.st_sharethis_hcount, .st_facebook_hcount, .st_twitter_hcount, .st_pinterest_hcount  { display:none !important;visibility:hidden!important; }
.vicarious {Blog Layouts available @ http://vicarious-bloglayouts.tumblr.com/}
</style>

<div id="vicpic1" style="background-image:url(http://i.imgbox.com/adu6WYL6.png);"></div>
<div id="vicpic1a"><a class="second" href="LINK GOES HERE" >Content Link</a></div>

<div id="vicpic2" style="background-image:url(http://i.imgbox.com/adu6WYL6.png);"></div>
 <div id="vicpic2a"><a class="second" href="LINK GOES HERE" >Content Link</a></div>

<div id="vicpic3" style="background-image:url(http://i.imgbox.com/adu6WYL6.png);"></div>
 <div id="vicpic3a"><a class="second" href="LINK GOES HERE" >Content Link</a></div>

<div id="vicpic4" style="background-image:url(http://i.imgbox.com/adu6WYL6.png);"></div>
<div id="vicpic4a"><a class="second" href="LINK GOES HERE" >Content Link</a></div>

<div id="vicpic5" style="background-image:url(http://i.imgbox.com/adu6WYL6.png);"></div>
<div id="vicpic5a"><a class="second" href="LINK GOES HERE" >Content Link</a></div>

<div id="vicpic6" style="background-image:url(http://i.imgbox.com/adu6WYL6.png);"></div>
<div id="vicpic6a"><a class="second" href="LINK GOES HERE" >Content Link</a></div>