CrackSin Snaps Blog Post Thumbnail Style2 - Cracksin Snaps
signup now
Friday 5 July 2013

Cracksin

------------------------------------------------------------------------------------------------------------
ADD YOUR CSS CODE B SKIN TAG

]]></b:skin>

------------------------------------------------------------------------------------------------------------


.post {
background-color: white;
border: 1px solid #526270;
padding:9px;
margin-bottom: 17px;
margin-right: 17px;
}
.post h3 {
background-image: linear-gradient(to bottom right, red, rgba(255,0,0,0));
border: 1px solid white;
margin-bottom: 5px;
padding: 10px;
color: #FFF7C0;
font-size: 18px;
font-weight: normal;
}
.thumb {
border-left: 1px solid #1C242B;
border-right: 1px solid #1C242B;
border-top: 1px solid #1C242B;
height: 159px;
width: 190px;
}
.post img { max-width:600px; }
.post blockquote { font: italic 13px georgia; margin: 1em 20px;}
.post-share-buttons { display:none }
.post-footer {
background-color: #4889C0;
border: 1px solid #5D9FD7;
margin-bottom: 5px;
padding: 10px;
}
.post-footer a:hover{border-bottom: 1px dashed #FFF7C0;}
.post-header{}
.post-author {}
.post-timestamp {}
.post-comment-link {}
.post-labels {}

h2 {
color: #fff;
display: block;
float: left;
font-family: Trebuchet MS;
font-size: 13px;
font-weight: normal;
margin: 4px 0 10px;
padding-left: 10px;
text-transform: lowercase;
width: 202px;
}

]]></b:skin>


-----------------------------------------------------------------------------------------------------
ADD POST CONDITIONAL STATEMENT CODE BEFORE CLOSED HEAD TAG
AND ADD JAVA THUMBNAIL CODE
-----------------------------------------------------------------------------------------------------

<b:if cond='data:blog.pageType == &quot;index&quot;'>
<style type='text/css'>
.post {
    float: left;
    height: 192px;
    width: 192px;
}
.post {
    background-color: #009afa;
    border: 2px solid #9afa00;
    padding:9px;
    margin-bottom: 17px;
    margin-right: 17px;
}

.post-body {max-height: 160px;}

.post h3 {
    background-image: url(http://backgrounds.picaboo.com/backgrounds/download/a7/72/a72f37f4e7c74021b6aa3ec6f5f3c4f8/White%20with%20gold%20swirls.jpg);
    border-bottom: 1px solid #1C242B;
    border-left: 1px solid #1C242B;
    border-right: 1px solid #1C242B;
    float: left;
    height: 15px;max-height:15px;line-height:15px;
    padding: 8px;
    position: relative;
    width: 174px;
    overflow: hidden;
    border-top:none;
    font-size: 14px;
}
.post h3 a{ color: #84A0B7;display: block;height: 15px;overflow: hidden }
</style>
</b:if>
<script type='text/javascript'>//<![CDATA[
eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('5 b(s,n){c s.d(/<.*?>/e,\'\').f(/\\s+/).g(0,n-1).h(\' \')}5 i(a){j p=k.l(a),3=\'\',2=p.m(\'2\');o(2.q>=1){3=\'<a 6="\'+7+\'"><2 8="9" 4="\'+2[0].4+\'" /></a>\'}r{3=\'<a 6="\'+7+\'"><2 8="9" 4="t://u.v.w/-x/y-z/A/B-C/D.E" /></a>\'}p.F=3}',42,42,'||img|imgtag|src|function|href|purl|class|thumb||stripTags|return|replace|ig|split|slice|join|rm|var|document|getElementById|getElementsByTagName||if||length|else||https|lh4|googleusercontent|com|G9M2DTCTUwM|Tlh|2pwtc5I|AAAAAAAABKM|kCJg|Kf3W2M|no_image_yet|jpg|innerHTML'.split('|'),0,{}))
//]]></script>

</head>

-----------------------------------------------------------------------------------------------------------
OPEN YOUR BLOG POST SECTION WIDGET AND FIND THIS B TAG LINE
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'>

<b:includable id='post' var='post'></b:includable>

</b:widget>
</b:section>
----------------------------------------------------------------------------------------------------------

-----------------------------------------------------------------------------------------------------------
REPLACE THIS RED LINE WITH BELOW  CODE

<b:includable id='post' var='post'></b:includable>

----------------------------------------------------------------------------------------------------------

<b:includable id='post' var='post'>
<div class='post'>
<div class='post-header'/>
<b:if cond='data:blog.pageType != &quot;index&quot;'>
<b:if cond='data:post.title'>
<h3 class='post-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<b:if cond='data:blog.url != data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/><data:post.title/></b:if><b:else/>
<data:post.title/></b:if></b:if></h3></b:if></b:if>
<div class='post-body'>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<span expr:id='&quot;p&quot; + data:post.id'>
<data:post.body/></span>
<script type='text/javascript'>
var purl = &quot;<data:post.url/>&quot;;rm(&quot;p<data:post.id/>&quot;)</script>
<b:else/><data:post.body/></b:if>
</div>
<div class='clear'/>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<b:if cond='data:post.title'>
<h3 class='post-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<b:if cond='data:blog.url != data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a><b:else/>
<data:post.title/></b:if><b:else/><data:post.title/>
</b:if></b:if></h3></b:if></b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='post-footer'>
<span class='post-author'>
<b:if cond='data:top.showAuthor'>
Posted by
<span style='color:#FFF7C0'>
<data:post.author/></span></b:if>
</span>
<span class='post-timestamp' rel='bookmark' title='permanent link'>
<b:if cond='data:top.showTimestamp'>on
<b:if cond='data:post.url'>
<data:post.timestamp/>
</b:if>
</b:if>
</span>
<span class='post-labels'>
<b:if cond='data:post.labels'>in
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'>
<data:label.name/></a>
<b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>
</b:loop>
</b:if></span>
<span class='post-icons'>
<!-- email post links -->
<b:if cond='data:post.emailPostUrl'>
<span class='item-action'>
<a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'>
<img alt='' class='icon-action' height='13' src='http://img1.blogblog.com/img/icon18_email.gif' width='18'/></a></span>
</b:if>
<!-- quickedit pencil -->
<b:include data='post' name='postQuickEdit'/>
</span>
<span class='post-location'>
<b:if cond='data:top.showLocation'>
<b:if cond='data:post.location'>
<data:postLocationLabel/>
<a expr:href='data:post.location.mapsUrl' target='_blank'><data:post.location.name/></a>
</b:if>
</b:if>
</span>
</div>
</b:if>
</div>
</b:includable>




0 comments:

Post a Comment