Custom SoraBook Premium

1. HAL.731
ASLI:
.post h2 {
    margin-top: 0;
    margin-bottom: 0px;
    line-height: 20px;
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    cursor: pointer;
}
EDIT:
.post h2 {
	margin-top: 0;
	margin-bottom: 0px;
	line-height: 20px;
	width: 100%;
	cursor: pointer;
	text-overflow: ellipsis;
	display: -webkit-box!important;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	max-height: 40px;
	overflow:hidden;
}

2. HAL.2568
ASLI: .post {
    width: 215px;
    height: 310px;
    float: left;
    margin: 2px 32px 15px 0;
    padding: 0;
    background: #fff;
}

EDIT:
.post {
	width: 215px;
	height: 330px;
	float: left;
	margin: 2px 32px 15px 0;
	padding: 0;
	background: #fff;
}

3. HAL.2858
ASLI
<b:section class='headerleft' id='headerleft' maxwidgets='1' showaddelement='no'>
         <b:widget id='Header1' locked='true' title='Sora Book (Header)' type='Header' version='1'>
           <b:widget-settings>
             <b:widget-setting name='displayUrl'>http://2.bp.blogspot.com/-rtkCm-z_IRs/V8pvkDRtuGI/AAAAAAAAA1o/Hh50ilYeQYMtO8KADnn3RJH8PFwzVzj_ACK4B/s1600/logo.png</b:widget-setting>
             <b:widget-setting name='displayHeight'>45</b:widget-setting>
             <b:widget-setting name='sectionWidth'>150</b:widget-setting>
             <b:widget-setting name='useImage'>true</b:widget-setting>
             <b:widget-setting name='shrinkToFit'>false</b:widget-setting>
             <b:widget-setting name='imagePlacement'>BEFORE_DESCRIPTION</b:widget-setting>
             <b:widget-setting name='displayWidth'>280</b:widget-setting>
           </b:widget-settings>
           <b:includable id='main'>
  <b:if cond='data:useImage'>

EDIT:
 <b:section class='headerleft' id='headerleft' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='(Editor) Began Benefits Blog (Header)' type='Header' version='1'>
<b:widget-settings>
<b:widget-setting name='displayUrl'>http://2.bp.blogspot.com/-rtkCm-z_IRs/V8pvkDRtuGI/AAAAAAAAA1o/Hh50ilYeQYMtO8KADnn3RJH8PFwzVzj_ACK4B/s1600/logo.png</b:widget-setting>
<b:widget-setting name='displayHeight'>45</b:widget-setting>
<b:widget-setting name='sectionWidth'>150</b:widget-setting>
<b:widget-setting name='useImage'>true</b:widget-setting>
<b:widget-setting name='shrinkToFit'>false</b:widget-setting>
<b:widget-setting name='imagePlacement'>REPLACE</b:widget-setting>
<b:widget-setting name='displayWidth'>280</b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<b:if cond='data:useImage'>

4. HAL.3012 >> PENANGGALAN DI SLIDER
ASLI:
<div id='slider_post'> &lt;script src=&#39;/feeds/posts/default/-/<data:content/>?+ numposts +&amp;amp;orderby=published&amp;amp;alt=json-in-script&amp;amp;callbackpublished&amp;amp;alt=json-in-script&amp;amp;callback=labelthumbs&#39; type=&#39;text/javascript&#39;&gt;  &lt;/script&gt;</div>

EDIT:
<div id='slider_post'> &lt;script src=&#39;/feeds/posts/default?+ numposts +&amp;amp;orderby=published&amp;amp;alt=json-in-script&amp;amp;callbackpublished&amp;amp;alt=json-in-script&amp;amp;callback=labelthumbs&#39; type=&#39;text/javascript&#39;&gt;
  &lt;/script&gt;</div>

5. HAL.3047
ASLI:
    <b:widget-settings>
      <b:widget-setting name='showDateHeader'>true</b:widget-setting>
      <b:widget-setting name='style.textcolor'>#d86843</b:widget-setting>
      <b:widget-setting name='showShareButtons'>true</b:widget-setting>
      <b:widget-setting name='showCommentLink'>true</b:widget-setting>
      <b:widget-setting name='style.urlcolor'>#f0f0f0</b:widget-setting>
      <b:widget-setting name='showAuthor'>true</b:widget-setting>
      <b:widget-setting name='style.linkcolor'>#f0f0f0</b:widget-setting>
      <b:widget-setting name='style.unittype'>TextAndImage</b:widget-setting>
      <b:widget-setting name='style.bgcolor'>#000000</b:widget-setting>
      <b:widget-setting name='showAuthorProfile'>false</b:widget-setting>
      <b:widget-setting name='style.layout'>1x1</b:widget-setting>
      <b:widget-setting name='showLabels'>true</b:widget-setting>
      <b:widget-setting name='showLocation'>true</b:widget-setting>
      <b:widget-setting name='showTimestamp'>true</b:widget-setting>
      <b:widget-setting name='postsPerAd'>1</b:widget-setting>
      <b:widget-setting name='showBacklinks'>false</b:widget-setting>
      <b:widget-setting name='style.bordercolor'>#000000</b:widget-setting>
      <b:widget-setting name='showInlineAds'>false</b:widget-setting>
      <b:widget-setting name='showReactions'>false</b:widget-setting>
    </b:widget-settings>
EDIT:
    <b:widget-settings>
	<b:widget-setting name='showDateHeader'>true</b:widget-setting>
	<b:widget-setting name='style.textcolor'>#d86843</b:widget-setting>
	<b:widget-setting name='showShareButtons'>true</b:widget-setting>
		<b:widget-setting name='authorLabel'>By</b:widget-setting>
	<b:widget-setting name='showCommentLink'>true</b:widget-setting>
	<b:widget-setting name='style.urlcolor'>#f0f0f0</b:widget-setting>
	<b:widget-setting name='showAuthor'>true</b:widget-setting>
		<b:widget-setting name='disableGooglePlusShare'>false</b:widget-setting>
	<b:widget-setting name='style.linkcolor'>#f0f0f0</b:widget-setting>
	<b:widget-setting name='style.unittype'>TextAndImage</b:widget-setting>
	<b:widget-setting name='style.bgcolor'>#000000</b:widget-setting>
	<b:widget-setting name='showAuthorProfile'>false</b:widget-setting>
	<b:widget-setting name='style.layout'>1x1</b:widget-setting>
	<b:widget-setting name='showLabels'>true</b:widget-setting>
	<b:widget-setting name='showLocation'>true</b:widget-setting>
	<b:widget-setting name='showTimestamp'>true</b:widget-setting>
	<b:widget-setting name='postsPerAd'>1</b:widget-setting>
	<b:widget-setting name='showBacklinks'>false</b:widget-setting>
	<b:widget-setting name='style.bordercolor'>#000000</b:widget-setting>
	<b:widget-setting name='showInlineAds'>false</b:widget-setting>
	<b:widget-setting name='showReactions'>false</b:widget-setting>
	</b:widget-settings>

6. HAL.3585 > SEPERTINYA THUMBNAIL
ASLI:
<div class='thumb'>
               &lt;a href=&#39;<data:post.url/>&#39; style=&#39;background:url(<data:post.thumbnailUrl/>) no-repeat center center;background-size:cover&#39;&gt;&lt;/a&gt;
                </div></div>
                <b:else/>
              <b:if cond='data:post.firstImageUrl'>
                <div class='block-image'><div class='bk-left'><h2><span itemprop='name'>by <data:post.author/></span></h2></div><div class='thumb'>
                  &lt;a href=&#39;<data:post.url/>&#39; style=&#39;background:url(<data:post.firstImageUrl/>) no-repeat center center;background-size:cover&#39;&gt;&lt;/a&gt;
                </div></div>
                <b:else/>
                <div class='block-image'><div class='bk-left'><h2><span itemprop='name'>by <data:post.author/></span></h2></div><div class='thumb'>
               &lt;a href=&#39;<data:post.url/>&#39; style=&#39;background:url(http://2.bp.blogspot.com/-IO-XEI1LgEs/VmPNKFp0BhI/AAAAAAAACOg/_JrYHMBXV5w/s1600-r/nothumb.jpg) no-repeat center center;background-size:cover&#39;&gt;&lt;/a&gt;
                </div></div>
             </b:if></b:if>
            </b:if>
            <b:if cond='data:blog.pageType == &quot;archive&quot;'>
              <b:if cond='data:post.thumbnailUrl'>
                <div class='block-image'><div class='bk-left'><h2><span itemprop='name'>by <data:post.author/></span></h2></div><div class='thumb'>
               &lt;a href=&#39;<data:post.url/>&#39; style=&#39;background:url(<data:post.thumbnailUrl/>) no-repeat center center;background-size:cover&#39;&gt;&lt;/a&gt;
                </div></div>
                <b:else/>
              <b:if cond='data:post.firstImageUrl'>
                <div class='block-image'><div class='bk-left'><h2><span itemprop='name'>by <data:post.author/></span></h2></div><div class='thumb'>
                  &lt;a href=&#39;<data:post.url/>&#39; style=&#39;background:url(<data:post.firstImageUrl/>) no-repeat center center;background-size:cover&#39;&gt;&lt;/a&gt;
                </div></div>
                <b:else/>
                <div class='block-image'><div class='bk-left'><h2><span itemprop='name'>by <data:post.author/></span></h2></div><div class='thumb'>
               &lt;a href=&#39;<data:post.url/>&#39; style=&#39;background:url(http://2.bp.blogspot.com/-IO-XEI1LgEs/VmPNKFp0BhI/AAAAAAAACOg/_JrYHMBXV5w/s1600-r/nothumb.jpg) no-repeat center center;background-size:cover&#39;&gt;&lt;/a&gt;
                </div></div>
             </b:if></b:if>
            </b:if>
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
      &lt;div itemprop=&#39;blogPost&#39; itemscope=&#39;itemscope&#39; itemtype=&#39;http://schema.org/BlogPosting&#39;&gt;
      <div itemprop='image' itemscope='itemscope' itemtype='https://schema.org/ImageObject' style='display:none;'>
        <meta expr:content='data:post.firstImageUrl' itemprop='url'/>
        <meta content='700' itemprop='width height'/>
      </div>

EDIT:
<div class='thumb'>
<a expr:href='data:post.url'><img expr:src='resizeImage(data:post.thumbnailUrl,230)'/></a>
</div></div>
<b:else/>
<b:if cond='data:post.firstImageUrl'>
<div class='block-image'><div class='bk-left'><h2><span itemprop='name'>by <data:post.author/></span></h2></div><div class='thumb'>
<a expr:href='data:post.url'><img expr:src='resizeImage(data:post.thumbnailUrl,230)'/></a>
</div></div>
<b:else/>
<div class='block-image'><div class='bk-left'><h2><span itemprop='name'>by <data:post.author/></span></h2></div><div class='thumb'>
<a expr:href='data:post.url'><img expr:src='resizeImage(data:post.thumbnailUrl,230)'/></a>
</div></div>
</b:if></b:if>
</b:if>
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
<b:if cond='data:post.thumbnailUrl'>
<div class='block-image'><div class='bk-left'><h2><span itemprop='name'>by <data:post.author/></span></h2></div><div class='thumb'>
<a expr:href='data:post.url'><img expr:src='resizeImage(data:post.thumbnailUrl,230)'/></a>
</div></div>
<b:else/>
<b:if cond='data:post.firstImageUrl'>
<div class='block-image'><div class='bk-left'><h2><span itemprop='name'>by <data:post.author/></span></h2></div><div class='thumb'>
<a expr:href='data:post.url'><img expr:src='resizeImage(data:post.thumbnailUrl,230)'/></a>
</div></div>
<b:else/>
<div class='block-image'><div class='bk-left'><h2><span itemprop='name'>by <data:post.author/></span></h2></div><div class='thumb'>
<a expr:href='data:post.url'><img src='https://2.bp.blogspot.com/-IO-XEI1LgEs/VmPNKFp0BhI/AAAAAAAACOg/_JrYHMBXV5w/s1600-r/nothumb.jpg'/></a>
                </div></div>
             </b:if></b:if>
            </b:if>
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
      &lt;div itemprop=&#39;blogPost&#39; itemscope=&#39;itemscope&#39; itemtype=&#39;http://schema.org/BlogPosting&#39;&gt;
      <div itemprop='image' itemscope='itemscope' itemtype='https://schema.org/ImageObject' style='display:none;'>
        <meta expr:content='data:post.firstImageUrl' itemprop='url'/>
        <meta content='700' itemprop='width height'/>
      </div>

7. HAL.3731 - PENANGGALAN KONTEN
ASLI:
<a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published timeago' expr:title='data:post.timestampISO8601' itemprop='datePublished'><data:post.timestamp/></abbr></a>

EDIT:
<a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601' itemprop='datePublished'><data:post.timestamp/></abbr></a>

8. HAL.4604
ASLI:
<b:widget id='HTML1' locked='false' title='' type='HTML'>

EDIT:
<b:widget id='HTML1' locked='false' title='Full Width CSS' type='HTML'>

=================

9. HAL.5129
ASLI:
 var thumb = '<a class="related-img" href="' + posturl + '" style="background:url(' + src2 + ') no-repeat center center;background-size: cover"/>'

EDIt:
var thumb = '<a class="related-img" href="' + posturl + '"><img src="' + src2 + '"/></a>'

9A. HAL.5132
ASLI:
var thumb = '<a class="related-img" href="' + posturl + '" style="background:url(' + src + ') no-repeat center center;background-size: cover"><span class="related-overlay"></span></a>'

EDIT:
var thumb = '<a class="related-img" href="' + posturl + '"><img src="' + src + '"/><span class="related-overlay"></span></a>'

=================

PENANGGALAN
Cari "published timeago" dan hilangkan "timeago"


TULISAN DIPUNGGUNG YANG TERTUTU:
Cari tulisan:
.bk-left h2 {
font-size: 20px;
line-height: 40px;
padding-right: 10px;
text-align: right;
position: absolute;
top: 10%;
bottom: auto;
height: 40px;
-webkit-transform-origin: 0 0;
-moz-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transform: rotate(90deg) translateY(-40px);
color: #fff;
transform: rotate(90deg) translateY(-40px);
margin: 0;
padding: 0;
width: auto;
}

ganti auto dengan 100px