The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
Reply to this topicStart new topic
> Help adding text box to Tumblr theme, I want to add another box on the side of my theme that I can put text
Syzygy
post Jan 30 2012, 02:08 PM
Post #1





Group: Members
Posts: 1
Joined: 30-January 12
Member No.: 16,358



http://safe.tumblr.com/theme/preview/12137

I want to add another box on the right hand side, like the toolbar, likes, and search box, but empty so that I can add text and html markup to it; I mostly just want it to be able to hold the little scarf/banner things like these: http://citadel-icons.livejournal.com/92558.html

Anyway, there's no place to put them in the current description box, so I wanted to try and make a new place for them. I know next to nothing about HTML markup, so I don't know if it's even possible, but I've been trying to mess around with the coding for the past couple weeks to try and get it to work. I managed to add a link to an "About Me" section and a link to my ask box with icons into the toolbar just through trial and error, as well as changing the font of the post titles and getting rid of some sections I didn't want, but just blind guessing isn't working for this one. If anyone could give me a hand, it'd be much appreciated.

Oh, and the theme's coding:

<!DOCTYPE HTML>
<html lang="en-US">
<head>
<!-- ================================================================================
==============================
Name: DJ2 (CComic)
Description: This is a modded Comic5 [http://jiewmeng.tumblr.com/post/690437447] theme for Funky Pharaoh [http://funkypharaoh.tumblr.com/]
Credits: Komika Title [http://www.fontsquirrel.com/fonts/Komika-Title]
Wireframe mono icons [http://www.iconfinder.com/search/?q=iconset%3Acc_mono_icon_set]
Inside icons [http://www.iconfinder.com/search/?q=iconset%3Ainside]
Design by: Jiew Meng [http://jiewmeng.tumblr.com]
Changelog:

================================================================================
=============================== -->
<meta charset="UTF-8">
<title>{title}</title>
<meta name="if:Use Google Chrome Frame" content="0" />
<meta name="if:Enable Infinite Scrolling" content="1" />
<meta name="text:Disqus Shortname" content="" />
<meta name="text:Google Analytics UA Code" content="" />
<meta http-equiv="X-UA-Compatible" content="chrome=1">
{block:Description}
<meta name="description" content="{MetaDescription}" />
{/block:Description}
<link rel="shortcut icon" href="{Favicon}" />
<link rel="alternate" type="application/rss+xml" href="{RSS}" />
<link rel='stylesheet' href='http://fonts.googleapis.com/css?family=Nobile:regular,italic,bold,bolditalic' />
<link rel="stylesheet" href="http://static.tumblr.com/ikeq9mi/GEfl4yvqm/komikatitle.css" />
<link rel="stylesheet" href="http://static.tumblr.com/ikeq9mi/jD5l3owqy/reset.css" />
<link rel="stylesheet" href="http://static.tumblr.com/ikeq9mi/eihl3ows4/text.css" />
<link rel="stylesheet" href="http://static.tumblr.com/ikeq9mi/Eahl3owsp/960.css" />
<style>
header, section, article, aside, footer {
display: block;
}
body {
background: #fff;
background: -moz-linear-gradient(top, #cacaca, #fff 660px);
background: -webkit-gradient(linear, 0 0, 0 660, from(#cacaca), to(#fff));
border-top: 8px solid #999;
font: 13px/22px 'Nobile', arial, sans-serif;
color: #444;
padding-top: 20px;
}
h1, h2, h3 {
font-family: 'KomikaTitleRegular';
text-shadow: 2px 2px 0 #999;
}
h1 strong, h2 strong, h3 strong {
color: #C71724;
}
h1 {
font-size: 50px;
line-height: 50px;
}
h2 {
font-size: 40px;
line-height: 40px;
}
h3 {
font-size: 30px;
line-height: 30px;
}
a:link, a:visited {
color: #C71724;
text-decoration: underline;
}
a:hover, a:active {
text-decoration: none;
}
h1 a:link, h1 a:visited,
h2 a:link, h2 a:visited,
h3 a:link, h3 a:visited {
color: #333333;
text-decoration: none;
}
#masthead {
position: relative;
margin-bottom: 20px;
}
#masthead h1 {
margin-bottom: 10px;
}
#masthead p {
font: 25px/30px 'KomikaTitleRegular';
color: #888;
}
#portriat {
float: left;
margin: 0 30px 0 0;
}
#portriat img {
border: 5px solid #eee;
-moz-box-shadow: 2px 2px 0 #999;
-webkit-box-shadow: 2px 2px 0 #999;
box-shadow: 5px 5px 0 #999;
}
#mainnav ul {
list-style: none;
padding: 0;
margin: 0 0;
overflow: hidden;
}
#mainnav li {
margin: 0 0 5px 0;
}
#mainnav li a:link,
#mainnav li a:visited {
position: relative;
display: block;
padding: 5px 15px;
font: 22px/30px 'KomikaTitleRegular';
text-decoration: none;
background: #ccc;
color: #444;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
#mainnav li a:hover,
#mainnav li a:active {
background: #444;
color: #fff;
}
#mainnav li a:link:after,
#mainnav li a:visited:after {
display: block;
width: 24px;
height: 24px;
content: '';
position: absolute;
top: 7px;
right: 12px;

}
#mainnav li a.random:link:after,
#mainnav li a.random:visited:after {
background: url("http://static.tumblr.com/ikeq9mi/72Rl7rndt/random.png") no-repeat 0 0;
}
#mainnav li a.random:hover:after,
#mainnav li a.random:active:after {
background-position: 0 -24px;
}
#mainnav li a.archive:link:after,
#mainnav li a.archive:visited:after {
background: url("http://static.tumblr.com/ikeq9mi/dSdl7t38g/archive.png") no-repeat 0 0;
}
#mainnav li a.archive:hover:after,
#mainnav li a.archive:active:after {
background-position: 0 -24px;
}
#mainnav li a.rss:link:after,
#mainnav li a.rss:visited:after {
background: url("http://static.tumblr.com/ikeq9mi/jRvl7rnp8/rss.png") no-repeat 0 0;
}
#mainnav li a.rss:hover:after,
#mainnav li a.rss:active:after {
background-position: 0 -24px;
}
#socialNetworks ul {
list-style: none;
padding: 0;
margin: 0;
text-align: center;
}
#socialNetworks li {
display: block;
float: left;
margin: 0 6px 6px;
}
#socialNetworks a:link,
#socialNetworks a:visited {
background: url("http://static.tumblr.com/ikeq9mi/6DMl4yz61/socialsprites.png") no-repeat;
display: block;
width: 64px;
height: 64px;
text-indent: -9999px;
}
#socialNetworks #twitterLink:link,
#socialNetworks #twitterLink:visited {
background-position: 0 0;
}
#socialNetworks #twitterLink:hover,
#socialNetworks #twitterLink:active {
background-position: 0 -64px;;
}
#socialNetworks #facebookLink:link,
#socialNetworks #facebookLink:visited {
background-position: -64px 0;
}
#socialNetworks #facebookLink:hover,
#socialNetworks #facebookLink:active {
background-position: -64px -64px;;
}
#socialNetworks #youTubeLink:link,
#socialNetworks #youTubeLink:visited {
background-position: -128px 0;
}
#socialNetworks #youTubeLink:hover,
#socialNetworks #youTubeLink:active {
background-position: -128px -64px;;
}
#socialNetworks #flickrLink:link,
#socialNetworks #flickrLink:visited {
background-position: -256px 0;
}
#socialNetworks #flickrLink:hover,
#socialNetworks #flickrLink:active {
background-position: -256px -64px;;
}
#socialNetworks #linkedInLink:link,
#socialNetworks #linkedInLink:visited {
background-position: -192px 0;
}
#socialNetworks #linkedInLink:hover,
#socialNetworks #linkedInLink:active {
background-position: -192px -64px;;
}
#socialNetworks #rssLink:link,
#socialNetworks #rssLink:visited {
background-position: -320px 0;
}
#socialNetworks #rssLink:hover,
#socialNetworks #rssLink:active {
background-position: -320px -64px;;
}

article {
position: relative;
padding: 30px 40px 15px 70px;
margin-bottom: 20px;
border: 1px solid #bbb;
background: #fff;
background: -moz-linear-gradient(90deg, #eee, #fff);
background: -webkit-gradient(left top, left bottom, from(#eee), to(#fff));
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
-moz-box-shadow: 5px 5px 0 #ccc;
-webkit-box-shadow: 5px 5px 0 #ccc;
box-shadow: 5px 5px 0 #ccc;
}
a.type {
position: absolute;
top: 25px;
left: -40px;
display: block;
width: 80px;
height: 60px;
background: #C71724;
background-repeat: no-repeat;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
a.type:before {
content: '';
width: 48px;
height: 48px;
display: block;
background: url("http://static.tumblr.com/ikeq9mi/gt1l3udmm/typesprite.png") no-repeat;
position: relative;
top: 6px;
left: 16px;
}
a.text:before { background-position: 0 0; }
a.photo:before { background-position: -48px 0; }
a.quote:before { background-position: -96px 0; }
a.link:before { background-position: -144px 0; }
a.chat:before { background-position: -192px 0; }
a.audio:before { background-position: -240px 0; }
a.video:before { background-position: -288px 0; }
.media,
article img {
margin-bottom: 20px;
}
article p img,
article .media img {
margin-bottom: 0;
}
article img {
max-width: 500px;
}
blockquote, pre {
margin: 20px;
padding-left: 15px;
border-left: 5px solid #ccc;
overflow: auto;
}
blockquote p:last-child {
margin-bottom: 0;
}
#disqus_thread {
margin: 20px 0;
}
ol.notes {
list-style: none;
padding: 0;
margin: 20px 40px;
font-size: 10px;
}
ol.notes li {
margin: 0 0 3px;
}
ol.notes img {
position: relative;
top: 3px;
margin: 0 5px 0 0;
}
.postMeta {
font-size: 10px;
padding: 10px 0;
margin-top: 10px;
color: #888;
}
.postMeta ul {
list-style: none;
padding: 0;
margin: 0;
}
.postMeta li {
margin: 0 8px 0 0;
float: left;
}
.postMeta .numNotes a:link,
.postMeta .numNotes a:visited {
position: absolute;
top: 90px;
left: -40px;
display: block;
text-align: center;
text-decoration: none;
width: 80px;
font: 22px/22px 'KomikaTitleRegular';
padding: 5px 0 20px 0;
background: #eee url("http://static.tumblr.com/ikeq9mi/hoZl4z2kc/notes.png") no-repeat center 32px;
border: 1px solid #ccc;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
.postMeta a:link,
.postMeta a:visited {
color: #777;
text-decoration: none;
}
.postMeta a:link,
.postMeta a:visited {
color: #444;
padding: 2px 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: 1px solid #ccc;
}
.postMeta a:hover,
.postMeta a:active {
border-color: #aaa;
}
.timeAgo a:link:before,
.timeAgo a:visited:before {
content: '';
display: block;
float: left;
width: 16px;
height: 16px;
margin-right: 5px;
background: url("http://static.tumblr.com/ikeq9mi/62Tl3ugz4/articlefootersprite.png") no-repeat -64px 0;
opacity: 0.7;
position: relative;
top: 3px;
}
.comments:before {
content: '';
display: block;
float: left;
width: 16px;
height: 16px;
margin-right: 5px;
background: url("http://static.tumblr.com/ikeq9mi/5zjl4zihe/comment.png") no-repeat;
opacity: 0.7;
position: relative;
top: 3px;
}
.tags ul {
list-style: none;
padding: 0;
margin: 0;
}
.tags ul:before {
content: '';
display: block;
float: left;
width: 16px;
height: 16px;
margin-right: 5px;
background: url("http://static.tumblr.com/ikeq9mi/62Tl3ugz4/articlefootersprite.png") no-repeat -16px 0;
opacity: 0.7;
position: relative;
top: 3px;
}
.tags li {
margin: 0 3px 0 0;
float: left;
}
#pageNav ul {
list-style: none;
padding: 0;
margin: 0;
}
#pageNav li {
margin: 0 5px 0 0;
float: left;
}
#pageNav a:link,
#pageNav a:visited {
display: block;
float: left;
padding: 10px 15px;
font: 18px/18px 'KomikaTitleRegular';
text-decoration: none;
background: #eee;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: 1px solid #ccc;
-moz-box-shadow: 3px 3px 0 #ccc;
-webkit-box-shadow: 3px 3px 0 #ccc;
box-shadow: 3px 3px 0 #ccc;
}
#pageNav a:hover,
#pageNav a:active {
-moz-box-shadow: 3px 3px 0 #aaa;
-webkit-box-shadow: 3px 3px 0 #aaa;
box-shadow: 3px 3px 0 #aaa;
}
#pageNav a.active:link,
#pageNav a.active:visited {
color: #999;
}
#sidebar section {
padding: 20px 30px;
margin-bottom: 20px;
background: #fff;
background: -moz-linear-gradient(90deg, #eee, #fff);
background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#fff));
border: 1px solid #ccc;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-border-radius: 10px;
-moz-box-shadow: 2px 2px 0 #ccc;
-webkit-box-shadow: 2px 2px 0 #ccc;
box-shadow: 2px 2px 0 #ccc;
}
#txtSearch {
width: 198px;
padding: 10px 30px 10px 10px;
border: 1px solid #bbb;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
color: #888;
background: url("http://static.tumblr.com/ikeq9mi/QLVl50obn/search.png") no-repeat 212px 10px;
}
#txtSearch:focus {
color: #444;
}
#likes {
list-style: none;
padding: 0;
margin: 0;
font-size: 11px;
line-height: 16px;
}
#likes li {
padding: 20px 0 0;
margin: 0;
border-bottom: 1px solid #ccc;
}
#likes li.like_quote_post,
#likes li.like_chat_post {
padding-bottom: 20px;
}
#likes li:first-child {
padding-top: 0;
}
#likes li:last-child {
padding-bottom: 0;
border: none;
}
#likes img {
max-width: 238px;
}
#grpMembers ul,
#following ul {
list-style: none;
padding: 0;
margin: 0;
overflow: hidden;
}
#grpMembers li,
#following li {
margin: 0 4px 4px 0;
float: left;
}
#sitemeta {
text-align: center;
margin-top: 15px;
font-size: 11px;
color: #888;
}
#sitemeta a:link,
#sitemeta a:visited {
color: #777;
}
#scrollToTop:link,
#scrollToTop:visited {
display: none;
position: fixed;
top: 15px;
right: 15px;
padding: 10px 20px;
font-size: 16px;
font-weight: bold;
text-decoration: none;
background: #ccc;
color: #333;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
.loading {
padding: 10px 20px;
width: 120px;
background: rgba(0, 0, 0, 0.8);
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
position: fixed;
top: 20px;
left: 50%;
margin-left: -80px;
text-align: center;
font-size: 11px;
font-weight: bold;
color: #fff;
display: none;
z-index: 999;
}
.loading p {
margin-bottom: 5px;
}
.loading a:link,
.loading a:visited {
color: #fff;
}
.noMorePosts {
padding: 10px;
text-align: center;
background: #eee;
border: 1px solid #ccc;
color: #888;
font-weight: bold;
display: none;
margin-bottom: 15px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: 3px 3px 0 #ccc;
-webkit-box-shadow: 3px 3px 0 #ccc;
box-shadow: 3px 3px 0 #ccc;
}
{CustomCSS}
</style>
</head>
<body>
<div id="wrapper" class="container_12">
<section id="masthead" class="grid_12">
<a href="/" id="portriat"><img src="{PortraitURL-128}" alt="{title}" /></a>
<h1><a href="/">{title}</a></h1>
{block:Description}<p>{Description}</p>{/block:Description}
<div class="clear"></div>
</section>

<div class="clear"></div>

<section class="grid_8 alpha">
<div id="main">
<div id="postsWrapper">
{block:Posts}
<article>
{block:Text}
<header>
<a href="{Permalink}" class="type text"></a>
{block:Title}<h2><a href="{Permalink}">{Title}</a></h2>{/block:Title}
</header>
{Body}
{/block:Text}

{block:Photo}
<a href="{Permalink}" class="type photo"></a>
<div class="media">{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}" />{LinkCloseTag}</div>
{block:Caption}{Caption}{/block:Caption}
{/block:Photo}

{block:Photoset}
<a href="{Permalink}" class="type photo"></a>
<div class="media">{Photoset-500}</div>
{block:Caption}{Caption}{/block:Caption}
{/block:Photoset}

{block:Link}
<a href="{Permalink}" class="type link"></a>
<h2><a href="{URL}" {Target}>{Name}</a></h2>
{block:Description}{Description}{/block:Description}
{/block:Link}

{block:Quote}
<a href="{Permalink}" class="type quote"></a>
<h2>{Quote}</h2>
{block:Source}<p>{Source}</p>{/block:Source}
{/block:Quote}

{block:Chat}
<header>
<a href="{Permalink}" class="type chat"></a>
{block:Title}<h2>{Title}</h2>{/block:Title}
</header>
<ul class="chat">
{block:Lines}
<li>{block:Label}<strong>{Label}</strong>{/block:Label} {Line}</li>
{/block:Lines}
</ul>
{/block:Chat}

{block:Audio}
<a href="{Permalink}" class="type audio"></a>
{AudioPlayerGrey}
{block:Caption}{Caption}{/block:Caption}
{/block:Audio}

{block:Video}
<a href="{Permalink}" class="type video"></a>
<div class="media">{Video-500}</div>
{block:Caption}{Caption}{/block:Caption}
{/block:Video}

{block:Answer}
<header>
<a href="{Permalink}" class="type text"></a>
<h3>{Asker} asked: {Question}</h3>
</header>
{Answer}
{/block:Answer}

{block:Date}
{block:PermalinkPage}
{block:IfDisqusShortname}
<!-- start: show disqus comments. -->
<script>
var disqus_url = "{Permalink}";
var disqus_title ="{block:PostTitle}{PostTitle}{/block:PostTitle}";
</script>
<div id="disqus_thread"></div>
<script>
(function() {
var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
dsq.src = 'http://{text:Disqus Shortname}.disqus.com/embed.js';
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
})();
</script>
<noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript={text:DisqusShortname}">comments powered by Disqus.</a></noscript>
<!-- end: show disqus comments -->
{/block:IfDisqusShortname}

{block:PostNotes}
{PostNotes}
{/block:PostNotes}

{/block:PermalinkPage}


<footer class="postMeta">
<nav>
<ul class="clearfix">
{block:NoteCount}<li class="numNotes"><a href="{Permalink}#notes">{NoteCount}</a></li>{/block:NoteCount}
{block:IfDisqusShortname}<li class="comments"><a href="{Permalink}#disqus_thread" class="dsq-comment-count">Comments</a></li>{/block:IfDisqusShortname}
<li class="timeAgo"><a href="/day/{Year}/{MonthNumberWithZero}/{DayOfMonthWithZero}">{TimeAgo}</a></li>
{block:HasTags}
<li class="tags">
<ul>
{block:Tags}<li><a href="{TagURL}">{Tag}</a></li>{/block:Tags}
</ul>
</li>
{/block:HasTags}
</ul>
</nav>
{block:IfDisqusShortname}
<script>
var disqus_shortname = '{text:Disqus Shortname}';
(function () {
var s = document.createElement('script'); s.async = true;
s.src = 'http://disqus.com/forums/{text:Disqus Shortname}/count.js';
(document.getElementsByTagName('HEAD')[0] || document.getElementsByTagName('BODY')[0]).appendChild(s);
}());
</script>
{/block:IfDisqusShortname}
</footer>
{/block:Date}
</article>
{/block:Posts}
</div><!-- #postsWrapper -->

{block:PermalinkPagination}
<nav id="pageNav">
<ul class="clearfix">
{block:PreviousPost}<li><a href="{PreviousPost}" id="pageNavOlder">Previous</a></li>{/block:PreviousPost}
{block:NextPost}<li><a href="{NextPost}" id="pageNavNewer">Next</a></li>{/block:NextPost}
</ul>
</nav>
{/block:PermalinkPagination}

{block:Pagination}
<nav id="pageNav">
<ul class="clearfix">
{block:PreviousPage}<li><a href="{PreviousPage}" id="pageNavNewer">Newer</a></li>{/block:PreviousPage}
{block:JumpPagination length="5"}
{block:CurrentPage}<li><a href="{URL}" class="active">{PageNumber}</a></li>{/block:CurrentPage}
{block:JumpPage}<li><a href="{URL}">{PageNumber}</a></li>{/block:JumpPage}
{/block:JumpPagination}
{block:NextPage}<li><a href="{NextPage}" id="pageNavOlder" class="next">Older</a></li>{/block:NextPage}
</ul>
</nav>
{/block:Pagination}

{block:DayPagination}
<nav id="pageNav">
<ul class="clearfix">
{block:PreviousDayPage}<li><a href="{PreviousDayPage}">{DayOfMonth} {ShortMonth}</a></li>{/block:PreviousDayPage}
{block:NextDayPage}<li><a href="{NextDayPage}">{DayOfMonth} {ShortMonth}</a></li>{block:NextDayPage}
</ul>
</nav>
{/block:DayPagination}
</div>
</section>

<aside id="sidebar" class="grid_4 omega">
<section>
<form action="/search" method="get"><input type="text" id="txtSearch" name="q" /></form>
</section>

<section>
<nav id="mainnav">
<ul>
{block:HasPages}
{block:Pages}<li><a href="{URL}">{Label}</li>{/block:Pages}
{block:HasPages}
<li><a href="/random" class="random">Random</a></li>
<li><a href="/archive" class="archive">Archive</a></li>
<li><a href="{RSS}" class="rss">Rss</a></li>
</ul>
</nav>
</section>

{block:Likes}
<section>
<h3>Likes</h3>
{Likes limit="6" width="220" summarize="100"}
</section>
{/block:Likes}

{block:GroupMembers}
<section id="grpMembers">
<h3>Members</h3>
<ul>
{block:GroupMember}<li><a title="{GroupMemberName}" href="{GroupMemberURL}"><img src="{GroupMemberPortraitURL-40}" alt="{GroupMemberName}" /></a></li>{/block:GroupMember}
</ul>
</section>
{/block:GroupMembers}

{block:Following}
<section id="following">
<h3>Following</h3>
<ul>
{block:followed}<li><a title="{FollowedTitle}" href="{FollowedURL}"><img src="{FollowedPortraitURL-40}" alt="{FollowedTitle}" /></a></li>{/block:followed}
</ul>
</section>
{/block:Following}
</aside>

<div class="clear"></div>

<footer id="sitemeta">
<p>© copyright 2010 {title} - <a href="http://tumblr.com/themes/by/jiewmeng">themes</a> by <a href="http://www.tumblr.com/themes/by/jiewmeng">jiewmeng</a></p>
</footer>
</div>
<a href="java script:;" id="scrollToTop">Top</a>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script src="http://static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js"></script>
{block:IfEnableInfiniteScrolling}
<script src="http://static.tumblr.com/ikeq9mi/t0ol6oa0f/infinitescroll.min.js"></script>
{/block:IfEnableInfiniteScrolling}
<!--[if IE]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
{block:IfUseGoogleChromeFrame}
<!--[If IE]>
<script src="http://ajax.googleapis.com/ajax/libs/chrome-frame/1/CFInstall.min.js"></script>
<script src="http://static.tumblr.com/ikeq9mi/5ORl4gyp0/innershiv.min.js"></script>
<script>
$(function() {
CFInstall.check({
preventPrompt: true,
onmissing: function() {
$("#postsWrapper").prepend(innerShiv('<article><h2>You are using Internet Explorer</h2><p><a href="http://www.google.com/chromeframe" title="Install Google Chrome Frame"><img src="http://farm2.static.flickr.com/1103/4726899471_5204558d92.jpg" alt="Google Chrome Frame" /></a></p><p>It is recommended that you use a modern browser like <a href="www.mozilla.com/firefox/">Firefox</a>, <a href="www.google.com/chrome">Chrome</a> or install <a href="http://www.google.com/chromeframe">Google Chrome Frame</a> to experience better performance and advanced HTML5 and CSS3 features. Google Chrome Frame is a plug-in for internet explorer, it installs in seconds and do not require a browser restart</p></article>'));
}
});
});
</script>
<![endif] -->
{/block:IfUseGoogleChromeFrame}
{block:IfGoogleAnalyticsUACode}
<script>
var _gaq = _gaq || [];
_gaq.push(['_setAccount', '{text:Google Analytics UA Code}']);
_gaq.push(['_trackPageview']);

(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
{/block:IfGoogleAnalyticsUACode}
</body>
</html>
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

Reply to this topicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 



- Lo-Fi Version Time is now: 28th March 2024 - 06:31 PM