Saturday, 29 March 2014
AUTO READ MORE PART 2
<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;
}
]]></b:skin>
<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:blog.pageType != "item"'>
<style type='text/css'>
.thumb-nail img {
float: left;
margin: 0 10px 0 0;
border: 1px solid #ccc;
padding: 2px;
width: 200px;
height: 120px;
text-align: center;
}
.thumb-nail img:hover {
background: #FFD62C;
border: 1px solid #ccc !important;
}
.post {
margin: 0 0 10px;
padding: 10px;
}
.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>
========================================================================
OR USE BELOW CODE WITH DIFFERENT POST IMAGE OPEN AND CLOSE
========================================================================
WHEN POST CLOSE
==================================================================
WHEN POST OPEN
====================================================================
COPY AND PASTE BELOW 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'>
.thumb-nail img {
width:400px;
height:400px;
background:#fff;
padding:4px;
border:1px solid #c2c2c2;
float:left;
margin:0px 10px 0px 0px;
}
.post {
margin: 0 0 10px;
padding: 10px;
}
.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>
----------------------------------------------------------------------------------------------------
OR USE THIS CODE FOR SAME UPPER RESULT
------------------------------------------------------------------------------------------------------
<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:400px;
height:400px;
background:#fff;
padding:4px;
border:1px solid #c2c2c2;
float:left;
margin:0px 10px 0px 0px;
}
.post {
margin: 0 0 10px;
padding: 10px;
}
.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>
Related movie you might like to see :
CSS SYNTAX HIGHLIGHT CHANGE IN NOT...
WEB IMAGE DOWNLOADER
TEXT COMPARE OR DUPLI TEXT FINDER
BLOCK JAVA SCRIPT BY GOOGLE CHROME
MOUSE COORDINATES IN JAVA SCRIPT
RELATED POST WIDGET LIST WITHOUT TH...
WHACK A RAT CSS GAME
USE ARABIC URDU LANGUAGE IN HTML
POST DATE THUMBNAIL IN BLOG
POST DATE HEADER IN BLOG
SEARCH YOUR VIDEO IN GOOGLE
BUTTON PADDING CHANGE HEIGHT WIDTH
Related Post for AUTO READ MORE PART 2
ARROW BUTTON
SCREEN TO GIF
TEXT COMPARE OR DUPLI TEXT FINDER
MOUSE COORDINATES IN JAVA SCRIPT
HTML CSS GREEN COMMENTS NOTEPAD++
BUTTON PADDING CHANGE HEIGHT WIDTH
BLOCK JAVA SCRIPT BY GOOGLE CHROME
RELATED POST WIDGET LIST WITHOUT THUMBNAIL
IMAGE UPLOAD WITH JAVA WITH PHP CODE
NOTE PAD ++ SYNTAX HIGHLIGHTER FOR BLOGGER POST
DRAG AND DROP WITH IMAGE
CSS SYNTAX HIGHLIGHT CHANGE IN NOTEPAD++ SYNTAX HIGHLIGHTER
NOTEPAD++ REMOVE UNWANTED LINES
BUTTON CHANGE INTO DROPDOWN MENU
WEB IMAGE DOWNLOADER
CSS CLICK DROPDOWN
IMAGE UPLOAD WITH JAVA WITHOUT PHP CODE
Subscribe to:
Post Comments (Atom)
0 comments:
Post a Comment
Click to see the code!
To insert emoticon you must added at least one space before the code.