AUTO READ MORE PART 2 POST HEIGHT AUTO WIDTH 100%

Wednesday, 2 April 2014

AUTO READ MORE PART 2 POST HEIGHT AUTO WIDTH 100%

--------------------------------------------------------------------------------------------------
AUTO READ MORE PART 2 POST HEIGHT AUTO WIDTH 100%
IN THIS CODE BLUE CODE NOT POST CODE
---------------------------------------------------------------------------------------------------

<html>
<head>
<b:include data='blog' name='all-head-content'/>
<b:if cond='data:blog.pageType == "index"'>
<title><data:blog.pageTitle/></title>
<b:else/>
<title><data:blog.pageName/> - <data:blog.title/></title>
</b:if>
<b:skin><![CDATA[/*
-----------------------------------------------
Blogger Template Style
Design by : FBGadgets
URL : http://fbgadgets.blogspot.co.uk/
----------------------------------------------- */

#navbar-iframe {
height: 0;
visibility: hidden;
display: none;
}
.quickedit {
display: none;
}
body {
width: 100%;
background: #8babd2 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5nPYCIww_e0e5ZO67CpCbidj-H4fq_NgfRSO8QutYTFyPlV-wepGt_6BFjbaE3Ic7hvRJ-uNVUMON9Lpd-KSF504S03HNqIm4s6eVNtBpO5r3-caqe0_qM8k2krQiL5JC3WXFyGpGdB5U/s1600/BGROOM.jpg) no-repeat;
background-position: center center;
background-attachment: fixed;
background-size: cover;
color: #444;
height: 100%;
;font-family: '
Open Sans',sans-serif,Segoe UI,Arial,Tahoma;font-size: 13.6px;
font-weight: 400;
line-height: 22px;
text-decoration: none;
margin: 0;
padding: 0;
}
a,a:link,a:visited {
color: #0088b2;
text-decoration: none;
}
a:hover,a:active {
color: #666;
text-decoration: none;
}
b {
font-weight: 600;
}
h2.date-header {
display: none;
}
#paster {
width: 980px;
height: 100%;
padding: 0;
margin: 0 auto;
}
#content-wrapper {
max-width: 100%;
margin: 0;
padding: 0;
}
#content-right {
width: 67%;
margin: 0;
padding: 0;
float: right;
overflow: hidden;
}
.clr,.clear {
clear: both;
float: none;
}
.post {
margin: 0 0 10px;
padding: 10px;
background: #fff;
box-shadow: 0 0 5px #888;
}
.post h1,.post h2 {
font-family: '
Oswald',sans-serif,Segoe UI,Arial,Tahoma;font-size: 150%;
line-height: 1.2em;
color: #333;
margin: .0em 0 0;
padding: 4px 0;
font-weight: normal;
text-transform: uppercase;
}
.post h1 a,.post h1 a:visited,.post h1 strong,.post h2 a,.post h2 a:visited,.post h2 strong {
display: block;
text-decoration: none;
color: #333;
}
.post h1 strong,.post h1 a:hover,.post h2 strong,.post h2 a:hover {
color: #0088b2;
}
.post-body {
padding-top: 10px;
font: 13.6px "
Open Sans","Trebuchet MS",Helvetica,sans-serif;margin: 1.0em 0 .75em;
line-height: 1.8em;
}
.post-body blockquote {
line-height: 1.8em;
}
.post th {
background: #f2f2f2;
padding: 2px 8px;
}
.post td {
border-top: 1px solid #dfdfdf;
background: #f9f9f9;
padding: 2px 8px;
}
.post table {
width: 100%;
border: 1px solid #ccc;
margin: 10px 0 0;
padding: 0;
}
.post-footer {
color: #666;
text-transform: none;
letter-spacing: .01em;
line-height: 1.4em;
margin: .75em 0;
}
.post-info-icon {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOwgDIiKIx9MLwwmtB3zlb-2ZtnMIZ08f4ZQ1UzcP8xoDRKTjQmo7f0fDxk-A7RrU4OdEDUnF-RC7Es_oeEXou5gupdw6KcjLDmJtpIg1J25U-Tj1DjSkxlN9ZauODFO05aldJdcf-CVA/s1600/icnall.png);
background-repeat: no-repeat;
}
.post-info {
display: block;
margin: 10px 0 15px 0;
padding: 3px 0;
color: #aaa;
line-height: 1.6em;
font-size: 11px;
overflow: hidden;
border-top: none;
border-bottom: none;
}
.post-info a {
color: #aaa;
}
.post-info-icon {
display: inline-block;
float: left;
margin: 0 12px 0 0;
}
.post-info a:hover {
color: #000;
}
.jam {
background-position: 0 -98px;
height: 16px;
padding: 0 0 0 17px;
}
.komentar {
background-position: 0 -132px;
height: 16px;
padding: 0 0 0 17px;
}
.label {
background-position: 0 -166px;
height: 16px;
padding: 0 0 0 17px;
}
.admin {
background-position: 0 1px;
height: 16px;
padding: 0 0 0 17px;
}
.tanggal {
background-position: 0 -32px;
height: 16px;
padding: 0 0 0 17px;
}

.post img {
border:1px solid #CCCCCC;
float:left;
height:100%;
margin:0 10px 0 0;
padding:2px;
text-align:center;
width:100%
}

]]></b:skin>

<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:blog.pageType != "item"'>

<style type='text/css'>

.post img {
width:300px;
height:300px;
background:#fff;
padding:4px;
border:1px solid #c2c2c2;
float:left;
margin:0px 10px 0px 0px;
}
.post {
width:100%
height:auto
background:#fff;
padding:4px;
border:1px solid #c2c2c2;
float:left;
margin:0px 10px 0px 0px
}
.share {
display: none;
}
.post h1,.post h2 {
font-family: '
Oswald', sans-serif, Segoe UI,Arial,Tahoma;font-size: 170%;
line-height: 1.2em;
padding: 0;
font-weight: normal;
margin-bottom: 10px;
}
.post-body {
border: none;
padding-top: 0px;
background: none;
line-height: 1.8em;
margin-bottom: 1px;
padding-bottom: 1px;
text-align: left;
color: #777;
}
.post-info {
border-top: 1px dotted #e2e2e2;
border-bottom: 1px dotted #e2e2e2;
}

</style>
</b:if></b:if>

</head>

<body>

<div id='outer-wrapper'>
<div id='main-wrapper'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'>
<b:includable id='main' var='top'>
<div class='blog-posts hfeed'>
<b:loop values='data:posts' var='post'>
<b:include data='post' name='post'/>
</b:loop>
</div>
</b:includable>
<b:includable id='backlinkDeleteIcon' var='backlink'/>
<b:includable id='backlinks' var='post'/>
<b:includable id='comment-form' var='post'/>
<b:includable id='commentDeleteIcon' var='comment'/>
<b:includable id='comment_count_picker' var='post'/>
<b:includable id='comment_picker' var='post'/>
<b:includable id='comments' var='post'/>
<b:includable id='feedLinks'/>
<b:includable id='feedLinksBody' var='links'/>
<b:includable id='iframe_comments' var='post'/>
<b:includable id='mobile-index-post' var='post'/>
<b:includable id='mobile-main' var='top'/>
<b:includable id='mobile-nextprev'/>
<b:includable id='mobile-post' var='post'/>
<b:includable id='nextprev'/>

<b:includable id='post' var='post'>
<div class='post hentry'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:post.title'>
<h2 class='post-title entry-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'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h2>
</b:if>
<b:else/>
<h1 class='post-title entry-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'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h1>
</b:if>
<b:if cond='data:blog.pageType != "static_page"'>
<div class='post-info'>
<div class='post-info-icon admin'>
<span class='post-author vcard'>
<b:if cond='data:top.showAuthor'>
<b:if cond='data:post.authorProfileUrl'>
<span class='fn'><data:post.author/></span>
</b:if>
</b:if>
</span></div>
<div class='post-info-icon label'>
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<data:label.name/><b:if cond='data:label.isLast != "true"'> , </b:if>
</b:loop>
</b:if>
</div>
<div class='post-info-icon jam'>
<b:if cond='data:top.showTimestamp'>
<b:if cond='data:post.url'>
<abbr class='published' expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr>
</b:if>
</b:if>
</div>
<div class='post-info-icon komentar'>
<b:if cond='data:post.allowComments'>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>
</b:if>
</div>
</div>
</b:if>
<div class='post-body entry-content' expr:id='"post-body-" + data:post.id'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<div class='thumb-nail'>
<b:if cond='data:post.firstImageUrl'>
<a expr:href='data:post.url' expr:title='data:post.title'><img expr:alt='data:post.title' expr:src='data:post.firstImageUrl'/></a>
<b:else/>
<b:if cond='data:post.thumbnailUrl'>
<a expr:href='data:post.url' expr:title='data:post.title'><img expr:alt='data:post.title' expr:src='data:post.thumbnailUrl'/></a>
<b:else/>
<a expr:href='data:post.url' expr:title='data:post.title'><img expr:alt='data:post.title' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWZYRqg3jlps8AIoSo-8kkyDVSpsPYVRk3ax0RDwqnxaEeIGPebnjbspEvpq4mkwyM8yGKbcXKMVHg5ECNIdXmZCBpqBL1wh3WPNrkKDRQFE36LSU9NIS3sQGTT515hIy865vcmLTuE5SB/s1600/NO+IMAGE.jpg'/></a>
</b:if>
</b:if>
</div>
<data:post.snippet/><b:else/><data:post.body/></b:if><b:else/><data:post.body/></b:if>
<div style='clear:both'/>
</div>
<div class='share'>
<span style='float:left;margin-right:35px'>Share : </span><div class='fb-like' data-layout='button_count' data-send='false' data-show-faces='false' data-width='1' expr:data-href='data:post.url' style='margin-right:40px'/> <span class='twitter'/><a class='twitter-share-button' data-count='horizontal' data-related='' data-via='' expr:data-text='data:post.title' expr:data-url='data:post.url' href='http://twitter.com/share'>Tweet</a><div class='g-plusone' data-count='true' data-size='medium' expr:data-href='data:post.url'/></div>
</div>
</b:includable>

<b:includable id='postQuickEdit' var='post'/>
<b:includable id='shareButtons' var='post'/>
<b:includable id='status-message'/>
<b:includable id='threaded-comment-form' var='post'/>
<b:includable id='threaded_comment_js' var='post'/>
<b:includable id='threaded_comments' var='post'/>
</b:widget>
</b:section>
</div>
</div>
<div id='footer-wrapper'>
<b:section class='footer' id='footer'/>
</div>
</body>
</html>

----------------------------------------------------------------------------------------------------------
USE IMAGES IN THIS CODE
---------------------------------------------------------------------------------------------------------