Where to put tumblr html code to open permalinks in new tab -
i've searched around , figured need add target="_blank" i'm not sure where. i've tried placing @ various places after <a href="{permalink}" didn't seem anything
i want have when clicks on post/photo on main page it'll open permalink of post in new tab.
here complete html:
<!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><html><head> <title>{title}</title> <meta name="description" content="{metadescription}" /> <link rel="shortcut icon" href="{favicon}"> <meta http-equiv="x-ua-compatible" content="ie=edge,chrome=1"> <link rel="alternate" type="application/rss+xml" title="rss" href="{rss}" /> <meta name="viewport" content="width=1220" /> <!-- default variables --> <meta name="color:background" content="#ffffff" /> <meta name="color:center" content="#ffffff" /> <meta name="color:text" content="#000000" /> <meta name="color:link" content="#5c5c5c"/> <meta name="color:link hover" content="#5c5c5c" /> <meta name="color:sidebar link background" content="#cfcfcf" /> <meta name="color:blog title" content="#5c5c5c" /> <meta name="color:scrollbar" content="#7e817e"/> <meta name="image:background" content="" /> <meta name="image:sidebar" content="" /> <meta name="if:2 columns" content="0"/> <meta name="if:3 columns" content="1"/> <meta name="if:rounded photos" content="0"/> <meta name="if:show blog title" content="1"/> <meta name="if:blog title a" content="1"/> <meta name="if:blog title b" content="0"/> <meta name="if:blog title c" content="0"/> <meta name="if:link style 1" content="0"/> <meta name="if:link style 2" content="1"/> <meta name="if:show photo permalinks" content="1"/> <meta name="if:post border" content="0"/> <meta name="if:post shadow" content="0"/> <meta name="if:post shadow on hover" content="1"/> <meta name="text:ask title" content="message" /> <meta name="text:link one" content="" /> <meta name="text:link 1 title" content="" /> <meta name="text:link two" content="" /> <meta name="text:link 2 title" content="" /> <meta name="text:link three" content="" /> <meta name="text:link 3 title" content="" /> <meta name="text:link four" content="" /> <meta name="text:link 4 title" content="" /> <meta name="text:link five" content="" /> <meta name="text:link 5 title" content="" /> <!--- stylesheets & static uploads ---> <link href="http://static.tumblr.com/ek9ly4s/emomovvhc/animate-custom.css" rel="stylesheet"> <link href="http://static.tumblr.com/6jwx45k/0bmmpcsel/style.css" rel="stylesheet"> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script> <link href='http://fonts.googleapis.com/css?family=ubuntu|open+sans|lekton|pacifico|gloria+hallelujah|viga' rel='stylesheet' type='text/css'> <script src="http://static.tumblr.com/6jwx45k/qnrmqhe43/ifie1.js"></script> <script src="http://static.tumblr.com/6jwx45k/qckmqhe47/ifie2.js"></script> <style type="text/css"> html{ {block:indexpage} {block:if3columns}margin-left:245px;{/block:if3columns} {block:if2columns}margin-left:200px;{/block:if2columns}{/block:indexpage} {block:permalinkpage}margin-left:100px;{/block:permalinkpage} cursor:crosshair; height:103%;} body, p { font-family:ubuntu; font-size:10px; font-style: normal; padding: 0px; margin: 0px; color:{color:text};} body { cursor:crosshair; background-color:{color:background}; background-image:url({image:background}); background-attachment: fixed; background-repeat: repeat;} { text-decoration:none; color:{color:text}; -webkit-transition: 0.4s linear; -moz-transition: 0.4s linear; transition: 0.4s linear;} a:link, a:active, a:visited{ color: {color:link}; text-decoration: none; -webkit-transition: 0.6s ease-out;-moz-transition: 0.6s ease-out;-o-transition: 0.6s ease-out;transition: 0.6s ease-out;} a:hover{ color:{color:link hover};} img {{block:ifroundedphotos}border-radius:5px;{/block:ifroundedphotos}} img:hover{opacity:1.0;-webkit-transition: 0.6s ease-out;-moz-transition: 0.6s ease-out;-o-transition: 0.6s ease-out;transition: 0.6s ease-out;cursor:crosshair;} #wrapper { position: relative; width: 100%; text-align: center;} .clear { text-align:left;clear: both;} #entry.masonry-brick { top: 0 !important; left: 0 !important;} #infscr-loading { position: absolute!important; width: 16px!important; height: 11px!important; bottom: 0px!important; left: 48.5%!important; margin-top: 10px!important; margin-bottom: 5px!important;} .supreme{text-align:right;margin-top:10px;} .title{ text-align:center; font-size:14px; line-height:16px;} blockquote{ padding:0px 0px 2px 1px; margin:0px 0px 2px 1px; border-left: 1px dotted #555555;} .blogtitle{font-size:10px;line-height:40px;text-align:center;letter-spacing:1px; padding-top:3px; {block:ifblogtitlea}font-family:pacifico;padding-bottom:13px;{/block:ifblogtitlea} {block:ifblogtitleb}font-family:courier new;letter-spacing:3px; text-transform:uppercase;{/block:ifblogtitleb} {block:ifblogtitlec}font-family:'gloria hallelujah', cursive;padding-bottom:8px;{/block:ifblogtitlec}} .blogtitle a{color:{color:blog title};text-transfrom:uppercase;} .description{margin-top:7px;margin-bottom:7px;text-align:center;font-family:courier new;letter-spacing:1px; text-transform:uppercase;color:#5c5c5c;} #content{ margin:auto;position:relative; {block:indexpage} {block:if3columns}width:930px;{/block:if3columns} {block:if2columns}width:730px;{/block:if2columns} {/block:indexpage} {block:permalinkpage}width:500px;{/block:permalinkpage}} .sidebar{width:200px;background-color:{color:center}; {block:ifpostborder} border:1px solid #ccc; {/block:ifpostborder} padding:0px; margin-left:-225px; position:fixed; z-index:100; margin-top:35px; font-size:10px; font-family:courier; {block:indexpage} {block:ifpostshadow}box-shadow: 0px 1px 7px #a3a3a3; -moz-transition: 0.4s ease-in-out; -webkit-transition: 0.4s ease-in-out; -o-transition: 0.4s ease-in-out; -ms-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out;}{/block:ifpostshadow} {/block:indexpage}} .text{{block:indexpage}width:248px;{/block:indexpage} {block:permalinkpage}width:500px;{/block:permalinkpage}} .photoset{{block:indexpage}width:248px;overflow:hidden;{/block:indexpage} {block:permalinkpage}width:500px;{/block:permalinkpage}} .photo{width:300px;height:auto;background-color:{color:center};} .photo img{width:300px;-webkit-transition: 0.3s ease-in;{block:ifroundedphotos}border-radius:5px;{/block:ifroundedphotos}} .photo img:hover{-webkit-transition: 0.3s ease-in;} .photobig{width:500px;height:auto;background-color:{color:center};} .photobig img{width:500px;-webkit-transition: 0.3s ease-in;{block:ifroundedphotos}border-radius:5px;{/block:ifroundedphotos}} .photobig img:hover{-webkit-transition: 0.3s ease-in;} .entry{ margin:5px 0px 0px 5px; padding:0px 0px 0px px; background-color:{color:center}; {block:indexpage} width:300px; overflow:hidden; {block:ifpostborder} border:1px solid #ccc; {/block:ifpostborder} {block:ifpostshadow} box-shadow: 0px 1px 7px #a3a3a3; -moz-transition: 0.4s ease-in-out; -webkit-transition: 0.4s ease-in-out; -o-transition: 0.4s ease-in-out; -ms-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out;} {/block:ifpostshadow} {/block:indexpage} {block:permalinkpage} width:500px; height:auto; {/block:permalinkpage}} {block:ifpostshadowonhover} .entry:hover, .sidebar:hover{ box-shadow: 0px 1px 7px #a3a3a3; -moz-transition: 0.4s ease-in-out; -webkit-transition: 0.4s ease-in-out; -o-transition: 0.4s ease-in-out; -ms-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out;} {/block:ifpostshadowonhover} /* scroll bar appearance */ ::-webkit-scrollbar-thumb:vertical { background-color:{color:scrollbar}; height:10px;width:10px;opacity:1; -webkit-border-radius:0px;border:3px {color:background} solid;} ::-webkit-scrollbar-thumb:horizontal { background-color:#4c4f50;opacity:1; height:10px !important;border:3px {color:background} solid; -webkit-border-radius:0px;} ::-webkit-scrollbar { height:10px; width:10px; background-color:{color:background}; -webkit-border-radius:0px;} ::-webkit-scrollbar-corner { background-color:{color:background};} ::-webkit-resizer { background-color:{color:background};} .clearfix:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.clearfix{display:inline-block}html[xmlns] .clearfix{display:block}* html .clearfix{height:1%} .tumblrautopager_page_info, .tumblrautopager_page_separator {display:none;} {block:iflinkstyle1} .nav { overflow:hidden; padding:3px; padding-top:4px; margin-left:-1px; margin-top:2px; display:block; font-family:'viga', arial, sans-serif; font-size:14px; text-align: left; text-transform:uppercase; text-decoration:none; color: #000; background-color:#eeebeb; -webkit-transition: 0.5s ease-out; -moz-transition: 0.5s ease-out; transition: 0.5s ease-out;} .nav a:hover{ border-radius:0px; background-color:#cdcdcd; border-right:62px solid black; -webkit-transition: 0.4s ease-out; -moz-transition: 0.4s ease-out; transition: 0.4s ease-out; text-decoration:none;}{/block:iflinkstyle1} {block:iflinkstyle2} .nav a{ font-size:9px; font-family:courier new; line-height:16px; padding:2px; letter-spacing:2px; text-transform:uppercase; padding-left:4px; color:white; background-color:{color:sidebar link background};} .nav a:hover{ background-color:{color:link hover};} {/block:iflinkstyle2} {customcss} </style> <!-- infinte scroll script --> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> <script type="text/javascript" src="http://static.tumblr.com/ek9ly4s/m6zmozr72/infintescroll3-1.js"></script> <script type="text/javascript" src="http://static.tumblr.com/j1tjexd/wywm8ed44/like_script.js"></script> <script type="text/javascript"> $(window).load(function () { var $content = $('#content'); $content.masonry({itemselector: '.entry', columnwidth:0 }); $content.infinitescroll({ navselector : 'div#pagination', nextselector : 'div#pagination a#nextpage', itemselector : '.entry', loading: {/*loading...*/ finishedmsg: '', img: 'http://static.tumblr.com/dbek3sy/px1lrx8xv/ajax-loader.gif' }, bufferpx :600, debug : false, }, // call masonry callback. function( newelements ) { window.n = window.n || 0; tumblr.likebutton.get_status_by_page(++window.n); var $newelems = $( newelements ); $newelems.hide(); // ensure images load before adding masonry layout $newelems.imagesloaded(function(){ $content.masonry( 'appended', $newelems, true, function(){$newelems.fadein(1500);} ); }); }); }); </script> {block:indexpage} {block:pagination} <div id="pagination"> {block:nextpage} <a id="nextpage" href="{nextpage}"></a> {/block:nextpage} {block:previouspage} <a href="{previouspage}"></a> {/block:previouspage} </div> {/block:pagination} {/block:indexpage} </head><body> <script type="text/javascript" src="http://scmplayer.net/script.js" data-config="{'skin':'skins/black/skin.css','volume':6,'autoplay':true,'shuffle':false,'repeat':1,'placement':'bottom','showplaylist':false,'playlist':[{'title':'little monster','url':'https://www.youtube.com/watch?v=ere2mstl8ww'},{'title':'all do','url':'https://www.youtube.com/watch?v=jksmqdzvy0s'},{'title':'souls','url':'https://www.youtube.com/watch?v=cuxk8vw01py'},{'title':'elements','url':'https://www.youtube.com/watch?v=sf6ld2b_kdq'},{'title':'high this','url':'http://www.youtube.com/watch?v=cxgoo0hema8'},{'title':'cry me river','url':'http://www.youtube.com/watch?v=j0xhlpdn-mm'},{'title':'lights','url':'http://www.youtube.com/watch?v=uqlgurx_nlm'},{'title':'only flaw','url':'http://www.youtube.com/watch?v=zgbrdl6urca'},{'title':'b*tch don%27t kill vibe','url':'http://www.youtube.com/watch?v=ksmnpl4g3i4'},{'title':'bullet train','url':'http://www.youtube.com/watch?v=2qkarcpo3sa'},{'title':'cherie amour','url':'https://www.youtube.com/watch?v=0a9sig4drbk'},{'title':'swim good','url':'http://www.youtube.com/watch?v=uclsd8rcvq4'},{'title':'stay','url':'http://www.youtube.com/watch?v=1ujjuz3t3jc'},{'title':'radioactive','url':'http://www.youtube.com/watch?v=x6-s6iagsqu'},{'title':'island in sun','url':'http://www.youtube.com/watch?v=hy4y20dolks'},{'title':'hold on','url':'http://www.youtube.com/watch?v=_x6dmyxnbai'},{'title':'titanium','url':'http://www.youtube.com/watch?v=qa_cnajqpjy'},{'title':'payphone','url':'http://www.youtube.com/watch?v=ndhsjlq5gae'},{'title':'lie me','url':'http://www.youtube.com/watch?v=dtn8ps8jaig'}]}" ></script> <!-- scm music player script end --> <div id="content" class="infinite-scroll"> <div class="sidebar"> <center> {block:ifshowblogtitle}<div class="blogtitle"> <a href="/">{title}</a> </div>{/block:ifshowblogtitle} {block:ifsidebarimage}<center><a href="/"><img src="{image:sidebar}" style="width:80%;" class="img"></a></center>{/block:ifsidebarimage} <div style="margin-top:14px;"></div> <span class="nav"> <a href="/">home</a> {block:askenabled}<a href="/ask">{text:ask title}</a>{/block:askenabled} {block:iflinkonetitle} <a href="{text:link one}">{text:link 1 title}</a>{/block:iflinkonetitle} {block:iflinktwotitle} <a href="{text:link two}">{text:link 2 title}</a>{/block:iflinktwotitle} {block:iflinkthreetitle} <a href="{text:link three}">{text:link 3 title}</a>{/block:iflinkthreetitle} {block:iflinkfourtitle} <a href="{text:link four}">{text:link 4 title}</a>{/block:iflinkfourtitle} {block:iflinkfivetitle} <a href="{text:link five}">{text:link 5 title}</a>{/block:iflinkfivetitle} {block:iflinksixtitle} <a href="{text:link six}">{text:link 6 title}</a>{/block:iflinksixtitle} {block:iflinkseventitle} <a href="{text:link seven}">{text:link 7 title}</a>{/block:iflinkseventitle} {block:iflinkeighttitle} <a href="{text:link eight}">{text:link 8 title}{/block:iflinkeighttitle} {block:haspages}{block:pages}<a href="{url}">{label}</a>{/block:pages} {/block:haspages} <a href="/archive">archive</a> <!-- not remove credits keep themes free --> <a href="http://final-stand.tumblr.com" target="blank">theme</a></center> </span> <div class="description">{description}</div> </div> {block:posts} <div id="content" class="infinite-scroll"> <div class="entry"> {block:photo} {block:indexpage} <div class="photo">{linkopentag}<a href="{permalink}"><img src="{photourl-500}" alt="{photoalt}"/> </a>{linkclosetag}</div> {block:ifshowphotopermalinks} <div class="permalinks"> <ul class="buttons"> <li>{reblogbutton color="gray" size="16"}</li> <div class="noteslabel"><a href="{permalink}">{timeago}</a></div> <div class="noteslabel"><a href="{permalink}">{notecount}</a></div> </ul> </div>{/block:ifshowphotopermalinks} {/block:indexpage} {block:permalinkpage}<div class="photobig"><img src="{photourl-500}" alt="{photoalt}" width="500px"/></div> {/block:permalinkpage} {/block:photo} {block:photoset} <center> <div class="photoset"> {block:indexpage}{photoset-250}{block:ifshowphotopermalinks} <div class="permalinks"> <ul class="buttons"> <li>{reblogbutton color="gray" size="16"}</li> <div class="noteslabel"><a href="{permalink}">{timeago}</a></div> <div class="noteslabel"><a href="{permalink}">{notecount}</a></div> </ul> </div>{/block:ifshowphotopermalinks}{/block:indexpage} {block:permalinkpage}{photoset-500}{/block:permalinkpage} </center> {/block:photoset} {block:text} <div class="text"><div style="padding:10px;"> <span class="title">{title}</span> {body} {block:indexpage} <a href="{permalink}"><div class="supreme">{notecountwithlabel}</div></a></div></div> {/block:indexpage} {/block:text} {block:link} <div class="text"><div style="padding:10px;"> <center><a href="{url}"><span class="title">{name}</span></a></center> <div style="margin-left:3px;">{block:description}{description}{/block:description}</div> {block:indexpage} <a href="{permalink}"><div class="supreme">{notecountwithlabel}</div></a></div></div> {/block:indexpage} {block:link} {block:quote} <div class="text"><div style="padding:10px;"> <div style="margin-left:3px;"> {quote}</span> {block:source}<strong>{source}</strong>{/block:source} </div> {block:indexpage} <a href="{permalink}"><div class="supreme">{notecountwithlabel}</div></a></div></div> {/block:indexpage} {/block:quote} {block:chat} <div class="text"><div style="padding:10px;"> <div style="margin-left:3px;"> {block:title}<span class="title">{title}</span>{/block:title} <ul class="chat"> {block:lines} <li class="user_{usernumber}"> {block:label} <span class="label">{label}</span> {/block:label} {line} </li> {/block:lines} </ul> </div> {block:indexpage} <a href="{permalink}"><div class="supreme">{notecountwithlabel}</div></a></div></div> {/block:indexpage} {/block:chat} {block:audio} <div class="audio_text"> {block:albumart} <a href="{permalink}"><img src="{albumarturl}" alt="{photoalt}" style="{block:indexpage}width:250px;height:250px;{/block:indexpage}{block:permalinkpage}width:500px;height:500px;{/block:permalinkpage}"/> {/block:albumart} <div style="margin-top:-4px;background-color:black;height:30px;padding-top:7px;padding-bottom:5px;border-bottom:3px solid {color:center}; {block:indexpage}width:250px;{/block:indexpage}"> {audioplayerblack}</div></center> {/block:audio} {block:answer} <div class="text"><div style="padding:10px;"> <b>q</b>: {question} <br><br> {answer}<br><i>asked {asker}</i></p> {block:indexpage} <a href="{permalink}"><div class="supreme">{notecountwithlabel}</div></a> {/block:indexpage}</div></div>{/block:answer} {block:video} {block:indexpage} <div class="photoset"> <center> {video-250}</center> <a href="{permalink}"><div class="supreme">{notecountwithlabel}</div></a> </div> {/block:indexpage} {block:permalinkpage} <center> {video-500}</center> {/block:permalinkpage} {block:video} {block:permalinkpage} {block:hastags} · {block:tags}<a href="tagurl"> #{tag}</a> {/block:tags}{/block:hastags} {/block:permalinkpage} {block:postnotes} <div class="notess">{block:caption}{caption}{/block:caption} {block:notecount}{notecountwithlabel}{/block:notecount} <br>{postnotes}</div> {/block:postnotes} </div> </div> {/block:posts} {block:pagination} <div id="pagination"> {block:nextpage} <a id="nextpage" href="{nextpage}"></a> {/block:nextpage} {block:previouspage} <a href="{previouspage}"></a> {/block:previouspage} </div> {/block:pagination} {/block:indexpage} </div> <script> window.onload = function () { document.body.insertadjacenthtml( 'beforeend', '<iframe id="my-like-frame" style="display:none;"></iframe>' ); document.addeventlistener( 'click', function ( event ) { var mylikelink = event.target; if( mylikelink.classname.indexof( 'my-like' ) > -1 ) { var mylikeframe = document.getelementbyid( 'my-like-frame' ), liked = ( mylikelink.classname == 'my-liked' ), command = liked ? 'unlike' : 'like', reblog = mylikelink.getattribute( 'data-reblog' ), postid = mylikelink.getattribute( 'data-id' ), oauth = reblog.slice( -8 ), likeurl = 'http://www.tumblr.com/' + command + '/' + oauth + '?id=' + postid; mylikeframe.src = likeurl; liked ? mylikelink.classname = 'my-like' : mylikelink.classname = 'my-liked'; }; }, false ); }; </script> </body></html><!-- end of theme -->i'd appreciate help
thank you
Comments
Post a Comment