vcbcvb: HTML

Tampilkan postingan dengan label HTML. Tampilkan semua postingan

Cara Membuat Popular Post Keren Valid Amp

<div dir="ltr" style="text-align: left;" trbidi="on"><div dir="ltr" style="text-align: left;" trbidi="on"><div dir="ltr" style="text-align: left;" trbidi="on"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2z3RjC9ydvZOx4HAdx-yQekM82yVMOdv6jxwzdch4NnzJe3KGbE_tQGNxqiaWSAx8MkclWdwYpn85D0s3NHw6XMiAgfb3BxZKaELFEYoxu99svAlkdIsOVBrFS21Tkle-1-9z-dSVFSpq/s1600/Screenshot_4.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="229" data-original-width="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2z3RjC9ydvZOx4HAdx-yQekM82yVMOdv6jxwzdch4NnzJe3KGbE_tQGNxqiaWSAx8MkclWdwYpn85D0s3NHw6XMiAgfb3BxZKaELFEYoxu99svAlkdIsOVBrFS21Tkle-1-9z-dSVFSpq/s1600/Screenshot_4.png" /></a></div><div class="separator" style="clear: both; text-align: center;"></div><div style="text-align: center;"><br /><div style="text-align: left;"><span style="background-color: white; font-size: 16px;">Popular Post Yang Kali Ini Kita Akan Pelajari Yaitu Cara Membuat Popular Post Untuk Template Amp .. Karna Popular Post Template Non Amp Sudah Biasa Jadi Saya Disini Akan Membahas Tentang Bagaimana Caranya Kita Membuat Popular Post Keren Untuk Template Amp Atau Valid Amp .. Sebelum Kita Membahas Ke Tutorial Nya Kita Harus Memahami Terlebih Dahulu Template AMP .. Dan Tentu Saja Kita Sebelum Membuat Popular Post Valid Amp Template Yang Kita Gunakan Harus Support Amp .. Karna Apabila Template Kita Tidak Valid Amp Maka Tutorial Yang Kita Bahas Ini Hanya Untuk Template Amp Saja .. Langsung Saja Ke Tutorial Nyaa</span><br /><span style="background-color: white; font-size: 16px;"><br /></span></div></div></div><b>Cara Pertama : </b><br /><div style="background-color: white; border: 0px; box-sizing: border-box; display: inline; font-stretch: inherit; font-variant-east-asian: inherit; font-variant-numeric: inherit; line-height: inherit; margin: 0px; padding: 0px; text-align: left; vertical-align: baseline;"><ul style="border: 0px; box-sizing: border-box; font-stretch: inherit; font-variant-east-asian: inherit; font-variant-numeric: inherit; line-height: inherit; list-style-image: initial; list-style-position: outside; margin: 0.5em 0em 0.5em 3em; padding: 0px; vertical-align: baseline;"><li style="border: 0px; box-sizing: border-box; font-stretch: inherit; font-variant-east-asian: inherit; font-variant-numeric: inherit; line-height: inherit; margin: 0.5em 0px; padding: 0px; vertical-align: baseline;"><span style="font-family: inherit;"><span style="font-style: inherit; font-variant-caps: inherit; font-variant-ligatures: inherit; font-weight: inherit;">Masuk Ke Template > Edit Html > Cari Kode</span><span style="font-style: inherit; font-variant-caps: inherit; font-variant-ligatures: inherit;"><b><span style="color: orange;"> </span></b></span></span><b><span style="color: orange;">]]></b:skin></span></b><span style="font-family: inherit;"><span style="font-style: inherit; font-variant-caps: inherit; font-variant-ligatures: inherit; font-weight: inherit;"> > Dan Simpan Kode Di Bawah Ini Tepat Di Atas Kode </span></span><b style="font-family: inherit; font-size: inherit; font-style: inherit; font-variant-caps: inherit; font-variant-ligatures: inherit;"><span style="color: orange;"></style></span></b></li></ul></div><ul style="text-align: left;"></ul><div dir="ltr" style="background-color: white; border: 0px; font-stretch: inherit; margin: 0px; padding: 0px; vertical-align: baseline;" trbidi="on"><div dir="ltr" style="border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: 0px; font-stretch: inherit; margin: 0px; padding: 0px; vertical-align: baseline;" trbidi="on"><div dir="ltr" style="border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: 0px; font-stretch: inherit; margin: 0px; padding: 0px; vertical-align: baseline;" trbidi="on"><div dir="ltr" style="border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: 0px; font-stretch: inherit; margin: 0px; padding: 0px; vertical-align: baseline;" trbidi="on"><pre class="line-numbers language-markup" data-codetype="HTML" style="-webkit-user-select: text; background-color: #e20202; border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border-radius: 4px; border: 0px; counter-reset: linenumber 0; font-stretch: inherit; margin-bottom: 0.5em; margin-top: 0.5em; max-height: 500px; overflow: auto; padding: 50px 10px 10px 3em; position: relative; vertical-align: baseline; word-wrap: break-word;" title="HTML"><code class=" language-markup" style="-webkit-user-select: text; background-attachment: initial; background-clip: initial; background-color: initial; background-image: none; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: none; direction: ltr; display: block; font-stretch: inherit; margin: 0px; padding: 0px; position: relative; vertical-align: baseline;"><span style="color: #fafafa; font-family: "consolas" , "monaco" , "andale mono" , "courier new" , "courier" , monospace;"><span style="font-size: 12px;"><b>PopularPosts .widget-content{padding:0;box-sizing:border-box}<br /><br />.PopularPosts .widget-content ul{width:100%;padding:0;list-style-type:none;background:rgb(0, 159, 255)}<br /><br />.PopularPosts .widget-content ul li {<br /><br />    margin: 0;<br /><br />    padding: 10px 0 10px 60px;<br /><br />    position: relative;<br /><br />    overflow: hidden;<br /><br />    border-top: 1px solid #2b2b2b;<br /><br />    border-bottom: 1px solid #111;<br /><br />}<br /><br />.PopularPosts .widget-content ul li:last-child{border-bottom:none}<br /><br />.PopularPosts .widget-content ul li .item-title{color:#fff;line-height:1.1em;padding:0 10px 0 0}<br /><br />.PopularPosts .widget-content ul li .item-title a{text-decoration:none;font-size:13px;font-weight:400}<br /><br />.PopularPosts .widget-content ul li .item-title a:hover{color:#fff}<br /><br />.PopularPosts .item-snippet{font-size:14px;font-weight:400;margin-top:10px;line-height:1.1em}<br /><br />.PopularPosts .widget-content ul li amp-img{width:300px;height:180px;padding-right:0;transition:all .5s ease-out}<br /><br />.PopularPosts .widget-content ul li:first-child{border-bottom:none;padding:0}<br /><br />.PopularPosts .widget-content ul li:first-child .item-thumbnail{margin:0;width:100%;height:180px;overflow:hidden;display:block}<br /><br />.PopularPosts .widget-content ul li:first-child .item-title{position:absolute;left:0;right:0;bottom:0;text-align:left;padding:15px 20px 15px 60px;background:rgba(0, 159, 255, 0.68);z-index:1}<br /><br />.PopularPosts .widget-content ul li:first-child .item-title a{color:#fff}<br /><br />.PopularPosts .item-snippet,.PopularPosts .widget-content ul li .item-thumbnail{display:none}<br /><br />.PopularPosts .widget-content ul{padding-left:0;counter-reset:popcount}<br /><br />.PopularPosts .widget-content ul li .item-title:before{list-style-type:none;padding:0;counter-increment:popcount;content:counter(popcount);position:absolute;left:10px;top:50%;margin-top:-19px;color:#fff;font-size:38px;line-height:1;z-index:2}<br /><br /><br />.sidebar .PopularPosts .item-title a{color:#ffffff;text-decoration:none}<br /><br />.PopularPosts .widget-content ul li:first-child .item-title:before{color:#fff}<br /><br />.PopularPosts .widget-content{padding:0;box-sizing:border-box}<br /><br />.PopularPosts .widget-content ul{width:100%;padding:0;list-style-type:none;background:rgb(0, 159, 255)}<br /><br />.PopularPosts .widget-content ul li {<br /><br />    margin: 0;<br /><br />    padding: 10px 0 10px 60px;<br /><br />    position: relative;<br /><br />    overflow: hidden;<br /><br />    border-top: 1px solid #2b2b2b;<br /><br />    border-bottom: 1px solid #111;<br /><br />}<br /><br />.PopularPosts .widget-content ul li:last-child{border-bottom:none}<br /><br />.PopularPosts .widget-content ul li .item-title{color:#fff;line-height:1.1em;padding:0 10px 0 0}<br /><br />.PopularPosts .widget-content ul li .item-title a{text-decoration:none;font-size:13px;font-weight:400}<br /><br />.PopularPosts .widget-content ul li .item-title a:hover{color:#fff}<br /><br />.PopularPosts .item-snippet{font-size:14px;font-weight:400;margin-top:10px;line-height:1.1em}<br /><br />.PopularPosts .widget-content ul li amp-img{width:300px;height:180px;padding-right:0;transition:all .5s ease-out}<br /><br />.PopularPosts .widget-content ul li:first-child{border-bottom:none;padding:0}<br /><br />.PopularPosts .widget-content ul li:first-child .item-thumbnail{margin:0;width:100%;height:180px;overflow:hidden;display:block}<br /><br />.PopularPosts .widget-content ul li:first-child .item-title{position:absolute;left:0;right:0;bottom:0;text-align:left;padding:15px 20px 15px 60px;background:rgba(0, 159, 255, 0.68);z-index:1}<br /><br />.PopularPosts .widget-content ul li:first-child .item-title a{color:#fff}<br /><br />#blog-pager,.PopularPosts .item-snippet,.PopularPosts .widget-content ul li .item-thumbnail,.blog-pager{display:none}<br /><br />.PopularPosts .widget-content ul{padding-left:0;counter-reset:popcount}<br /><br />.PopularPosts .widget-content ul li .item-title:before{list-style-type:none;padding:0;counter-increment:popcount;content:counter(popcount);position:absolute;left:10px;top:50%;margin-top:-19px;color:#fFF;font-size:38px;line-height:1;z-index:2}<br /><br />.Label li,.Label li a,.label-size a{position:relative;transition:all .3s ease-out}<br /><br />.sidebar .PopularPosts .item-title a{color:#FFF;text-decoration:none}<br /><br />.PopularPosts .widget-content ul li:first-child .item-title:before{color:#fff}</b></span></span></code></pre></div></div></div></div><ul style="background-color: white; border: 0px; box-sizing: border-box; font-size: 16px; font-stretch: inherit; font-variant-east-asian: inherit; font-variant-numeric: inherit; line-height: inherit; list-style-image: initial; list-style-position: outside; margin: 0.5em 0em 0.5em 3em; padding: 0px; vertical-align: baseline;"><li style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0.5em 0px; padding: 0px; vertical-align: baseline;"><span style="font-weight: inherit;">Selanjutnya cari kode 'sidebar-wrapper' > Letakan Kode Di Bawah Ini Tepat Di Bawah Kode </span><b><span style="color: orange;"><b:section class='sidebar' id='sidebar' showaddelement='yes'> </span></b></li></ul><div><div dir="ltr" style="background-color: white; border: 0px; font-stretch: inherit; margin: 0px; padding: 0px; vertical-align: baseline;" trbidi="on"><div dir="ltr" style="border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: 0px; font-stretch: inherit; margin: 0px; padding: 0px; vertical-align: baseline;" trbidi="on"><div dir="ltr" style="border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: 0px; font-stretch: inherit; margin: 0px; padding: 0px; vertical-align: baseline;" trbidi="on"><div dir="ltr" style="border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: 0px; font-stretch: inherit; margin: 0px; padding: 0px; vertical-align: baseline;" trbidi="on"><pre class="line-numbers language-markup" data-codetype="HTML" style="background-color: #e20202; border-radius: 4px; border: 0px; font-stretch: inherit; margin-bottom: 0.5em; margin-top: 0.5em; max-height: 500px; overflow: auto; padding: 50px 10px 10px 3em; position: relative; vertical-align: baseline; word-wrap: break-word;" title="HTML"><code class=" language-markup" style="-webkit-user-select: text; background-attachment: initial; background-clip: initial; background-color: initial; background-image: none; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: none; direction: ltr; display: block; font-stretch: inherit; margin: 0px; padding: 0px; position: relative; vertical-align: baseline;"><br /><span style="color: #fafafa; font-family: "consolas" , "monaco" , "andale mono" , "courier new" , "courier" , monospace;"><span style="font-size: 12px;"><b><b:widget id='PopularPosts1' locked='false' title='Popular Posts' type='PopularPosts' version='1'><br /><br />     <b:widget-settings><br /><br />       <b:widget-setting name='numItemsToShow'>10</b:widget-setting><br /><br />       <b:widget-setting name='showThumbnails'>true</b:widget-setting><br /><br />       <b:widget-setting name='showSnippets'>true</b:widget-setting><br /><br />       <b:widget-setting name='timeRange'>ALL_TIME</b:widget-setting><br /><br />     </b:widget-settings><br /><br />     <b:includable id='main'><br /><br />  <b:if cond='data:title != &quot;&quot;'><h2><data:title/></h2></b:if><br /><br />  <div class='widget-content popular-posts'><br /><br />    <ul><br /><br />      <b:loop values='data:posts' var='post'><br /><br />      <li><br /><br />        <b:if cond='!data:showThumbnails'><br /><br />          <b:if cond='!data:showSnippets'><br /><br />            <br /><br />            <a expr:href='data:post.href' expr:title='data:post.title'><data:post.title/></a><br /><br />          <b:else/><br /><br />            <br /><br />            <div class='item-title'><a expr:href='data:post.href' expr:title='data:post.title'><data:post.title/></a></div><br /><br />            <div class='item-snippet'><data:post.snippet/></div><br /><br />          </b:if><br /><br />        <b:else/><br /><br />          <br /><br />          <div expr:class='data:showSnippets ? &quot;item-content&quot; : &quot;item-thumbnail-only&quot;'><br /><br />            <b:if cond='data:post.featuredImage.isResizable or data:post.thumbnail'><br /><br />              <div class='item-thumbnail'><br /><br />                <a expr:href='data:post.href'><br /><br />                  <b:with value='data:post.featuredImage.isResizable? resizeImage(data:post.featuredImage, 300) : data:post.thumbnail' var='image'><br /><br />                    <amp-img expr:alt='data:post.title' expr:src='data:image' expr:title='data:post.title' height='180' width='300'/><br /><br />                  </b:with><br /><br />                </a><br /><br />              </div><br /><br />              <b:else/><br /><br />              <div class='item-thumbnail'><br /><br />                <a expr:href='data:post.href' expr:title='data:post.title'><br /><br />              <amp-img expr:alt='data:post.title' expr:title='data:post.title' height='180' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjET9gFFzcBiipxt87HPtEAbwvMwISNgd0YKMZyQGbmmADasznQdqjIYp-2C6-E051mnMR4k3n8Ra7LJs50DvvHdWcMHaIOfQ2WA2gYe6KDKUSIlMkIXI_ZXBa1VuNnis8l4WvapwclhlfH/s100/no-thumbnail.png' width='300'/><br /><br />                </a><br /><br />              </div><br /><br />            </b:if><br /><br />            <div class='item-title'><a expr:href='data:post.href' expr:title='data:post.title'><data:post.title/></a></div><br /><br />            <b:if cond='data:showSnippets'><br /><br />              <div class='item-snippet'><data:post.snippet/></div><br /><br />            </b:if><br /><br />          </div><br /><br />          <div class='clear'/><br /><br />        </b:if><br /><br />      </li><br /><br />      </b:loop><br /><br />    </ul><br /><br />  </div><br /><br /></b:includable><br /><br />   </b:widget></b></span></span><br /></code><div><br /></div><br /></pre></div></div></div></div></div><div><ul style="background-color: white; border: 0px; box-sizing: border-box; font-size: 16px; font-stretch: inherit; font-variant-east-asian: inherit; font-variant-numeric: inherit; line-height: inherit; list-style-image: initial; list-style-position: outside; margin: 0.5em 0em 0.5em 3em; padding: 0px; vertical-align: baseline;"><li style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0.5em 0px; padding: 0px; vertical-align: baseline;">Langkah Terakhir Cari Kode <b:includable id='main'>  Letakan Kode Di Bawah Ini Tepat Di Bawahnya</li></ul></div><ul style="background-color: white; border: 0px; box-sizing: border-box; font-size: 16px; font-stretch: inherit; font-variant-east-asian: inherit; font-variant-numeric: inherit; line-height: inherit; list-style-image: initial; list-style-position: outside; margin: 0.5em 0em 0.5em 3em; padding: 0px; vertical-align: baseline;"></ul><div dir="ltr" style="background-color: white; border: 0px; font-stretch: inherit; margin: 0px; padding: 0px; vertical-align: baseline;" trbidi="on"><div dir="ltr" style="border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: 0px; font-stretch: inherit; margin: 0px; padding: 0px; vertical-align: baseline;" trbidi="on"><div dir="ltr" style="border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: 0px; font-stretch: inherit; margin: 0px; padding: 0px; vertical-align: baseline;" trbidi="on"><div dir="ltr" style="border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: 0px; font-stretch: inherit; margin: 0px; padding: 0px; vertical-align: baseline;" trbidi="on"><pre class="line-numbers language-markup" data-codetype="HTML" style="background-color: #e20202; border-radius: 4px; border: 0px; font-stretch: inherit; margin-bottom: 0.5em; margin-top: 0.5em; max-height: 500px; overflow: auto; padding: 50px 10px 10px 3em; position: relative; vertical-align: baseline; word-wrap: break-word;" title="HTML"><code class=" language-markup" style="-webkit-user-select: text; background-attachment: initial; background-clip: initial; background-color: initial; background-image: none; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: none; direction: ltr; display: block; font-stretch: inherit; margin: 0px; padding: 0px; position: relative; vertical-align: baseline;"><span style="color: #fafafa; font-family: "consolas" , "monaco" , "andale mono" , "courier new" , "courier" , monospace;"><span style="font-size: 12px;"><b><b:if cond='data:title != &quot;&quot;'><h2><data:title/></h2></b:if><br /><br />  <div class='widget-content popular-posts'><br /><br />    <ul><br /><br />      <b:loop values='data:posts' var='post'><br /><br />      <li><br /><br />        <b:if cond='!data:showThumbnails'><br /><br />          <b:if cond='!data:showSnippets'><br /><br />            <br /><br />            <a expr:href='data:post.href' expr:title='data:post.title'><data:post.title/></a><br /><br />          <b:else/><br /><br />            <br /><br />            <div class='item-title'><a expr:href='data:post.href' expr:title='data:post.title'><data:post.title/></a></div><br /><br />            <div class='item-snippet'><data:post.snippet/></div><br /><br />          </b:if><br /><br />        <b:else/><br /><br />          <br /><br />          <div expr:class='data:showSnippets ? &quot;item-content&quot; : &quot;item-thumbnail-only&quot;'><br /><br />            <b:if cond='data:post.featuredImage.isResizable or data:post.thumbnail'><br /><br />              <div class='item-thumbnail'><br /><br />                <a expr:href='data:post.href'><br /><br />                  <b:with value='data:post.featuredImage.isResizable? resizeImage(data:post.featuredImage, 300) : data:post.thumbnail' var='image'><br /><br />                    <amp-img expr:alt='data:post.title' expr:src='data:image' expr:title='data:post.title' height='180' width='300'/><br /><br />                  </b:with><br /><br />                </a><br /><br />              </div><br /><br />              <b:else/><br /><br />              <div class='item-thumbnail'><br /><br />                <a expr:href='data:post.href' expr:title='data:post.title'><br /><br />              <amp-img expr:alt='data:post.title' expr:title='data:post.title' height='180' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjET9gFFzcBiipxt87HPtEAbwvMwISNgd0YKMZyQGbmmADasznQdqjIYp-2C6-E051mnMR4k3n8Ra7LJs50DvvHdWcMHaIOfQ2WA2gYe6KDKUSIlMkIXI_ZXBa1VuNnis8l4WvapwclhlfH/s100/no-thumbnail.png' width='300'/><br /><br />                </a><br /><br />              </div><br /><br />            </b:if><br /><br />            <div class='item-title'><a expr:href='data:post.href' expr:title='data:post.title'><data:post.title/></a></div><br /><br />            <b:if cond='data:showSnippets'><br /><br />              <div class='item-snippet'><data:post.snippet/></div><br /><br />            </b:if><br /><br />          </div><br /><br />          <div class='clear'/><br /><br />        </b:if><br /><br />      </li><br /><br />      </b:loop><br /><br />    </ul><br /><br />  </div></b></span></span></code><code class=" language-markup" style="-webkit-user-select: text; background-attachment: initial; background-clip: initial; background-color: initial; background-image: none; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: none; color: inherit; direction: ltr; display: block; font-family: Consolas, Monaco, ' Andale Mono', 'Courier New', Courier, monospace; font-size: 12px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: bold; line-height: 16px; margin: 0px; padding: 0px; position: relative; vertical-align: baseline; word-spacing: normal;"><span class="line-numbers-rows" style="border: 0px; color: #e9e9e9; font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; height: 48px; left: -3.5em; line-height: inherit; margin: 0px; padding: 0px; position: absolute; top: 0px; vertical-align: baseline; width: 3em;"><span style="border: 0px; display: block; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"></span></span></code></pre></div></div></div></div><ul style="text-align: left;"><li>Simpan Template!.</li></ul></div>Demikianlah Tutorial Blogger kali ini, <span style="background-color: white; font-size: 16px;">Sekian </span><b style="background-color: white; border: 0px; box-sizing: border-box; font-size: 16px; font-stretch: inherit; font-variant-east-asian: inherit; font-variant-numeric: inherit; line-height: inherit; margin: 0px; padding: 0px; transition: color 0.2s; vertical-align: baseline;">Tutorial Cara Membuat Popular Post Keren Di Template Amp</b><span style="background-color: white; font-size: 16px;"> Semoga Bermanfaat</span></div>

Cara Membuat Popular Post Keren Valid Amp

Popular Post Yang Kali Ini Kita Akan Pelajari Yaitu Cara Membuat Popular Post Untuk Template Amp .. Karna Popular Post Template Non Amp Suda...

Baca selengkapnya »

April 13, 2018

Cara Memasang Tombol Love Like Di Blogger

Cara Memasang Tombol Love Like Di Blogger

Cara Pertama : 1. Masuk ke akun blogger sobat. 2. Edit HTML. 3. Simpan kode di bawah ini, tepat di atas kode </b:skin> .lovebutton-bl...

Baca selengkapnya »

April 13, 2018

Cara Membuat Breaking News With Thumbnail

<div dir="ltr" style="text-align: left;" trbidi="on"><div dir="ltr" style="text-align: left;" trbidi="on"><div dir="ltr" style="text-align: left;" trbidi="on"><div class="separator" style="clear: both; text-align: center;"></div><div style="text-align: center;"><br style="background-color: white; box-sizing: border-box; font-size: 16px; margin: 0px; padding: 0px; text-align: left;" /><ul style="background-color: white; border: 0px; box-sizing: border-box; font-size: 16px; font-stretch: inherit; font-variant-east-asian: inherit; font-variant-numeric: inherit; line-height: inherit; list-style-image: initial; list-style-position: outside; margin: 0.5em 0em 0.5em 3em; padding: 0px; text-align: left; vertical-align: baseline;"></ul><div style="text-align: left;"><div style="text-align: left;"><span style="background-color: white; font-size: 16px;">Cara Membuat Breaking News Gambar - Tutor Kali Ini Saya Akan Membagikan Cara Membuat Breaking News With Thumbnail Karena Sebelumnya Sangat Susah Mencari Artikel Breaking News With Thumbnail ..  Ada Beberapa Artikel Yagn Sama Namun Tidak Berfungsi . Kali Ini Kita Akan Bahas Tutorial Yang 100% Berfungsi .. Langsung saja Ke Tutorial nya</span></div></div><div style="text-align: left;"><br /></div></div></div><b>Cara Pertama : </b><br /><ul style="text-align: left;"><li style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0.5em 0px; padding: 0px; vertical-align: baseline;"><span style="font-weight: inherit;">Cari Kode </span><span style="color: orange;"><b>]]></b:skin></b></span><span style="font-weight: inherit;"> Atau </span><span style="color: orange;"><b></style> </b></span><span style="font-weight: inherit;">Simpan kode di bawah ini Tepat Di atas Kode </span><b><span style="color: orange;">]]></b:skin></span></b><span style="font-weight: inherit;"> Atau </span><b><span style="color: orange;"></style></span></b></li></ul><div dir="ltr" style="background-color: white; border: 0px; font-stretch: inherit; margin: 0px; padding: 0px; vertical-align: baseline;" trbidi="on"><div dir="ltr" style="border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: 0px; font-stretch: inherit; margin: 0px; padding: 0px; vertical-align: baseline;" trbidi="on"><div dir="ltr" style="border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: 0px; font-stretch: inherit; margin: 0px; padding: 0px; vertical-align: baseline;" trbidi="on"><div dir="ltr" style="border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: 0px; font-stretch: inherit; margin: 0px; padding: 0px; vertical-align: baseline;" trbidi="on"><pre class="line-numbers language-markup" data-codetype="HTML" style="-webkit-user-select: text; background-color: #e20202; border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border-radius: 4px; border: 0px; counter-reset: linenumber 0; font-stretch: inherit; margin-bottom: 0.5em; margin-top: 0.5em; max-height: 500px; overflow: auto; padding: 50px 10px 10px 3em; position: relative; vertical-align: baseline; word-wrap: break-word;" title="HTML"><code class=" language-markup" style="-webkit-user-select: text; background-attachment: initial; background-clip: initial; background-color: initial; background-image: none; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: none; direction: ltr; display: block; font-stretch: inherit; margin: 0px; padding: 0px; position: relative; vertical-align: baseline;"><span style="color: #fafafa; font-family: "consolas" , "monaco" , "andale mono" , "courier new" , "courier" , monospace;"><span style="font-size: 12px;"><b>/*----------<br /><br />News Ticker www.lovekarawang.com<br /><br />------------*/<br /><br />.tl-ticker-outer{margin-top:15px;text-align:center;position:relative}<br /><br />.tl-ticker-outer>span{display:inline-block;background:#ccc;padding:10px;font:700 13px 'segoe ui',sans-serif;box-shadow:0 0 10px rgba(0,0,0,0.6)}<br /><br />.tl-ticker-outer>span>a{color:#222;text-decoration:none}<br /><br />#tl-ticker{height:50px;overflow:hidden;background:$(body.meta.bg);text-align:left}<br /><br />#tl-ticker ul{padding:0;margin:0;list-style:none}<br /><br />#tl-ticker ul li{height:50px;white-space:nowrap}<br /><br />#tl-ticker ul li img{float:left;width:40px;height:40px;margin:5px 10px 5px 5px}<br /><br />#tl-ticker ul li h3{margin:0}<br /><br />#tl-ticker ul li h3 a{text-decoration:none;line-height:30px!important}<br /><br />.tickermeta{margin-top:-4px}<br /><br />#tl-ticker ul li .tickermeta{font-size:12px;color:$(body.meta.c)}<br /><br />.tl-ticker-outer .tl-ticker-con{position:absolute;right:0;top:0;height:30px;width:90px;margin:10px}<br /><br />.tl-ticker-outer .tl-ticker-con span{float:left;font-family:fontAwesome;width:30px;line-height:30px;text-align:center;cursor:pointer;background:rgba(0,0,0,0.05);display:block;height:30px}<br /><br />.pop-item{position:relative;overflow:hidden;margin:25px 0}<br /><br />.pop-item span.recentdate:after{display:none;}<br /><br />.pop-item img{float:left;margin:0 15px}<br /><br />.pop-recent{position:fixed;width:400px;right:0;bottom:0;z-index:100;background:#fff;margin-right:-450px;-webkit-transition:all 300ms ease-in-out;-moz-transition:all 300ms ease-in-out;-o-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out;box-shadow:0 2px 4px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)!important}<br /><br />.pop-recent.active{margin-right:0}<br /><br />.pop-recent .close-pop{background:$(keycolor);width:40px;height:40px;position:absolute;top:-25px;color:#fff;cursor:pointer;-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;font:NORMAL 400 15px 'fontawesome',sans-serif;line-height:40px;text-align:Center}<br /><br />.tl-recentMag h3,.PopularPosts ul li .item-title,#related-posts li h4,.recentcontent h3,.layerc h3,.home-top-c h3,.tl-feature-sub h3,#tl-ticker ul li h3,.pop-item h3{font:$(heading.font);font-weight:600;font-size:14px;text-transform:capitalize;margin:0 0 5px 0}<br /><br />.tl-recentMag h3 a,.PopularPosts ul li a,#ArchiveList a,.related-content h3 a,.tl-morePost .tl-randomSimple ul li h3 a,.tl-morePost .tl-recentSimple ul li h3 a,.recentcontent h3 a,.layerc h3 a,.home-top-c h3 a,.tl-feature-sub h3 a,#tl-ticker ul li h3 a,.pop-item h3 a{color:$(body.heading.c);transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out}<br /><br />.tl-recentMag h3 a:hover,.PopularPosts ul li a:hover,#ArchiveList a:hover,.related-content h3 a:hover,.tl-morePost .tl-randomSimple ul li h3 a:hover,.tl-morePost .tl-recentSimple ul li h3 a:hover,.recentcontent h3 a:hover,.layerc h3 a:hover,.home-top-c h3 a:hover,.tl-feature-sub h3 a:hover,#tl-ticker ul li h3 a:hover,.pop-item h3 a:hover{color:$(keycolor);text-decoration:underline;}<br /><br />.tl-recentLink{height:35px;line-height:35px;margin-bottom:25px;border-bottom:2px solid $(body.border.c);}</b></span></span></code><code class=" language-markup" style="background-image: none; border: none; direction: ltr; display: block; font-stretch: inherit; font-variant-east-asian: inherit; font-variant-numeric: inherit; line-height: 16px; margin: 0px; padding: 0px; position: relative; vertical-align: baseline;"><span class="line-numbers-rows" style="border: 0px; font-stretch: inherit; font-variant-east-asian: inherit; font-variant-numeric: inherit; height: 48px; left: -3.5em; line-height: inherit; margin: 0px; padding: 0px; position: absolute; top: 0px; vertical-align: baseline; width: 3em;"><span style="border: 0px; display: block; font-stretch: inherit; font-variant-east-asian: inherit; font-variant-numeric: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"></span></span></code></pre></div></div></div></div><ul style="text-align: left;"><li style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-variant: inherit; line-height: inherit; margin: 0.5em 0px; padding: 0px; vertical-align: baseline;"><span style="font-style: inherit; font-weight: inherit;">Selanjutnya Letakan Kode Di Bawah Ini Tepat Di Atas kode</span><b><span style="color: orange;"> </head></span></b></li></ul><div dir="ltr" style="background-color: white; border: 0px; font-stretch: inherit; margin: 0px; padding: 0px; vertical-align: baseline;" trbidi="on"><div dir="ltr" style="border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: 0px; font-stretch: inherit; margin: 0px; padding: 0px; vertical-align: baseline;" trbidi="on"><div dir="ltr" style="border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: 0px; font-stretch: inherit; margin: 0px; padding: 0px; vertical-align: baseline;" trbidi="on"><div dir="ltr" style="border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: 0px; font-stretch: inherit; margin: 0px; padding: 0px; vertical-align: baseline;" trbidi="on"><pre class="line-numbers language-markup" data-codetype="HTML" style="-webkit-user-select: text; background-color: #e20202; border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border-radius: 4px; border: 0px; counter-reset: linenumber 0; font-stretch: inherit; margin-bottom: 0.5em; margin-top: 0.5em; max-height: 500px; overflow: auto; padding: 50px 10px 10px 3em; position: relative; vertical-align: baseline; word-wrap: break-word;" title="HTML"><code class=" language-markup" style="-webkit-user-select: text; background-attachment: initial; background-clip: initial; background-color: initial; background-image: none; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: none; direction: ltr; display: block; font-stretch: inherit; margin: 0px; padding: 0px; position: relative; vertical-align: baseline;"><span style="color: #fafafa; font-family: "consolas" , "monaco" , "andale mono" , "courier new" , "courier" , monospace;"><span style="font-size: 12px;"><b><b:if cond='data:blog.url == data:blog.homepageUrl'><br /><br /><script type='text/javascript'><br /><br />        //<![CDATA[<br /><br />/*! vTicker 1.15<br /><br /> http://richhollis.github.com/vticker/ | http://richhollis.github.com/vticker/license/ | based on Jubgits vTicker http://www.jugbit.com/jquery-vticker-vertical-news-ticker/ */<br /><br />(function(d){var n={speed:700,pause:4E3,showItems:1,mousePause:!0,height:0,animate:!0,margin:0,padding:0,startPaused:!1},c={moveUp:function(a,b){c.animate(a,b,"up")},moveDown:function(a,b){c.animate(a,b,"down")},animate:function(a,b,e){var c=a.itemHeight,f=a.options,k=a.element,g=k.children("ul"),l="up"===e?"li:first":"li:last";k.trigger("vticker.beforeTick");var m=g.children(l).clone(!0);0<f.height&&(c=g.children("li:first").height());c+=f.margin+2*f.padding;"down"===e&&g.css("top","-"+c+"px").prepend(m);<br /><br />if(b&&b.animate){if(a.animating)return;a.animating=!0;g.animate("up"===e?{top:"-="+c+"px"}:{top:0},f.speed,function(){d(g).children(l).remove();d(g).css("top","0px");a.animating=!1;k.trigger("vticker.afterTick")})}else g.children(l).remove(),g.css("top","0px"),k.trigger("vticker.afterTick");"up"===e&&m.appendTo(g)},nextUsePause:function(){var a=d(this).data("state"),b=a.options;a.isPaused||2>a.itemCount||f.next.call(this,{animate:b.animate})},startInterval:function(){var a=d(this).data("state"),b=<br /><br />this;a.intervalId=setInterval(function(){c.nextUsePause.call(b)},a.options.pause)},stopInterval:function(){var a=d(this).data("state");a&&(a.intervalId&&clearInterval(a.intervalId),a.intervalId=void 0)},restartInterval:function(){c.stopInterval.call(this);c.startInterval.call(this)}},f={init:function(a){f.stop.call(this);var b=jQuery.extend({},n);a=d.extend(b,a);var b=d(this),e={itemCount:b.children("ul").children("li").length,itemHeight:0,itemMargin:0,element:b,animating:!1,options:a,isPaused:a.startPaused?<br /><br />!0:!1,pausedByCode:!1};d(this).data("state",e);b.css({overflow:"hidden",position:"relative"}).children("ul").css({position:"absolute",margin:0,padding:0}).children("li").css({margin:a.margin,padding:a.padding});isNaN(a.height)||0===a.height?(b.children("ul").children("li").each(function(){var a=d(this);a.height()>e.itemHeight&&(e.itemHeight=a.height())}),b.children("ul").children("li").each(function(){d(this).height(e.itemHeight)}),b.height((e.itemHeight+(a.margin+2*a.padding))*a.showItems+a.margin)):<br /><br />b.height(a.height);var h=this;a.startPaused||c.startInterval.call(h);a.mousePause&&b.bind("mouseenter",function(){!0!==e.isPaused&&(e.pausedByCode=!0,c.stopInterval.call(h),f.pause.call(h,!0))}).bind("mouseleave",function(){if(!0!==e.isPaused||e.pausedByCode)e.pausedByCode=!1,f.pause.call(h,!1),c.startInterval.call(h)})},pause:function(a){var b=d(this).data("state");if(b){if(2>b.itemCount)return!1;b.isPaused=a;b=b.element;a?(d(this).addClass("paused"),b.trigger("vticker.pause")):(d(this).removeClass("paused"),<br /><br />b.trigger("vticker.resume"))}},next:function(a){var b=d(this).data("state");if(b){if(b.animating||2>b.itemCount)return!1;c.restartInterval.call(this);c.moveUp(b,a)}},prev:function(a){var b=d(this).data("state");if(b){if(b.animating||2>b.itemCount)return!1;c.restartInterval.call(this);c.moveDown(b,a)}},stop:function(){d(this).data("state")&&c.stopInterval.call(this)},remove:function(){var a=d(this).data("state");a&&(c.stopInterval.call(this),a=a.element,a.unbind(),a.remove())}};d.fn.vTicker=function(a){if(f[a])return f[a].apply(this,<br /><br />Array.prototype.slice.call(arguments,1));if("object"!==typeof a&&a)d.error("Method "+a+" does not exist on jQuery.vTicker");else return f.init.apply(this,arguments)}})(jQuery);<br /><br /><br />eval(function(p,a,c,k,e,d){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--){d[e(c)]=k[c]||e(c)}k=[function(e){return d[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}('g O(t){v(b e=0;e<t.w;e++)b a=t[e].1T.$t;H a}g L(t){b e=[];e[1]="1G",e[2]="1u",e[3]="1e",e[4]="Z",e[5]="1t",e[6]="1n",e[7]="1m",e[8]="1g",e[9]="1i",e[10]="1l",e[11]="1k",e[12]="1j";b a=t.D(0,4),s=t.D(5,7),r=t.D(8,10),n=e[1h(s,10)]+" "+r+" "+a;H n}g T(e){b k=$(\'#c-d\'),q=e.1r.1q,m="<S 1o=\'1p-1f-1c\'>";x(q){v(b i=0;i<q.w;i++){b f=q[i];v(b j=0;j<f.u.w;j++){x(f.u[j].Y==\'W\'){b J=f.u[j].K;16}}1d{b C=\'<1b 1a="\'+f.17$18.U+\'"/>\'}19(e){b C=""}b M=f.1S.$t,y=O(f.y),P=L(f.1N.$t);m+=\'<R>\'+C+\'<Q><a K="\'+J+\'">\'+M+\'</a></Q><I B="1W"><l>\'+y+\'</l> - <l>\'+P+\'</l></I></R>\'}m+=\'</S>\';k.1C(m)}$(\'#c-d\').h();$(\'.c-d-k .1z\').A(g(){x($(z).1x(\'F\')){$(\'#c-d\').h(\'E\',1y);$(z).1D(\'F\').G(\'<i B="N-E"></i>\')}1E{$(\'#c-d\').h(\'E\',p);$(z).1K(\'F\').G(\'<i B="N-1B"></i>\')}});$(\'.c-d-k .1F\').A(g(){$(\'#c-d\').h(\'1H\',{V:p})});$(\'.c-d-k .1I\').A(g(){$(\'#c-d\').h(\'1J\',{V:p})})}$(g(){$.1w({1A:\'1M\',U:\'/1L/1U/1Y?1Z-1X=3&1V=o-1P-1O&1Q-1R=5\',1v:p,15:"X/o",14:\'13\',1s:g(o){T(o)}})});',62,124,'|||||||||||var|tl|ticker||en|function|vTicker|||con|span|item||json|true|entries||||link|for|length|if|author|this|click|class|Img|substring|pause|paused|html|return|div|postUrl|href|getmetaq|ti|fa|getauthorq|date|h3|li|ul|bloggerEverTicker|url|animate|alternate|application|rel|Apr||||jsonp|dataType|contentType|break|media|thumbnail|catch|src|img|inner|try|Mar|wrapper|Aug|parseInt|Sep|Dec|Nov|Oct|Jul|Jun|id|ticket|entry|feed|success|May|Feb|async|ajax|hasClass|false|pp|type|play|append|removeClass|else|down|Jan|next|up|prev|addClass|feeds|GET|published|script|in|start|index|title|name|posts|alt|tickermeta|results|summary|max'.split('|'),0,{}))<br /><br />//]]></script><br /><br />  </b:if></b></span></span></code><code class=" language-markup" style="-webkit-user-select: text; background-attachment: initial; background-clip: initial; background-color: initial; background-image: none; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: none; color: inherit; direction: ltr; display: block; font-family: Consolas, Monaco, ' Andale Mono', 'Courier New', Courier, monospace; font-size: 12px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: bold; line-height: 16px; margin: 0px; padding: 0px; position: relative; vertical-align: baseline; word-spacing: normal;"><span class="line-numbers-rows" style="border: 0px; color: #e9e9e9; font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; height: 48px; left: -3.5em; line-height: inherit; margin: 0px; padding: 0px; position: absolute; top: 0px; vertical-align: baseline; width: 3em;"><span style="border: 0px; display: block; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"></span></span></code></pre></div></div></div></div><ul style="background-color: white; border: 0px; box-sizing: border-box; font-size: 16px; font-stretch: inherit; font-variant-east-asian: inherit; font-variant-numeric: inherit; line-height: inherit; list-style-image: initial; list-style-position: outside; margin: 0.5em 0em 0.5em 3em; padding: 0px; vertical-align: baseline;"><li style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0.5em 0px; padding: 0px; vertical-align: baseline;">Terakhir Simpan Kode Di Bawah Ini Bebas Dimana Saja Sesuai Keinginan Kalo Saya Di Simpan Di Bawah Contenct-wrap ..</li></ul><div dir="ltr" style="background-color: white; border: 0px; font-stretch: inherit; margin: 0px; padding: 0px; vertical-align: baseline;" trbidi="on"><div dir="ltr" style="border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: 0px; font-stretch: inherit; margin: 0px; padding: 0px; vertical-align: baseline;" trbidi="on"><div dir="ltr" style="border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: 0px; font-stretch: inherit; margin: 0px; padding: 0px; vertical-align: baseline;" trbidi="on"><div dir="ltr" style="border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: 0px; font-stretch: inherit; margin: 0px; padding: 0px; vertical-align: baseline;" trbidi="on"><pre class="line-numbers language-markup" data-codetype="HTML" style="background-color: #e20202; border-radius: 4px; border: 0px; font-stretch: inherit; margin-bottom: 0.5em; margin-top: 0.5em; max-height: 500px; overflow: auto; padding: 50px 10px 10px 3em; position: relative; vertical-align: baseline; word-wrap: break-word;" title="HTML"><code class=" language-markup" style="-webkit-user-select: text; background-attachment: initial; background-clip: initial; background-color: initial; background-image: none; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: none; direction: ltr; display: block; font-stretch: inherit; margin: 0px; padding: 0px; position: relative; vertical-align: baseline;"><span style="color: #fafafa; font-family: "consolas" , "monaco" , "andale mono" , "courier new" , "courier" , monospace;"><span style="font-size: 12px;"><b><div class='tl-newsTicker'><br /><br />      <div class='featured-inner'><br /><br />        <b:section class='News-Ticker' id='NewsTicker' maxwidgets='1'><br /><br />          <b:widget id='HTML559' locked='false' title='' type='HTML' visible='true'><br /><br />            <b:includable id='main'><br /><br />  <br /><br />  <b:if cond='data:title != &quot;&quot;'><br /><br />    <h2 class='title'><data:title/></h2><br /><br />  </b:if><br /><br />  <div class='widget-content'><br /><br />    <data:content/><br /><br />  </div><br /><br /><br />  <b:include name='quickedit'/><br /><br /></b:includable><br /><br />          </b:widget><br /><br />        </b:section>     <br /><br /></div><br /><br />  </div></b></span></span></code><code class=" language-markup" style="-webkit-user-select: text; background-attachment: initial; background-clip: initial; background-color: initial; background-image: none; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: none; color: inherit; direction: ltr; display: block; font-family: Consolas, Monaco, ' Andale Mono', 'Courier New', Courier, monospace; font-size: 12px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: bold; line-height: 16px; margin: 0px; padding: 0px; position: relative; vertical-align: baseline; word-spacing: normal;"><span class="line-numbers-rows" style="border: 0px; color: #e9e9e9; font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; height: 48px; left: -3.5em; line-height: inherit; margin: 0px; padding: 0px; position: absolute; top: 0px; vertical-align: baseline; width: 3em;"><span style="border: 0px; display: block; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"></span></span></code></pre></div></div></div></div><ul style="text-align: left;"><li>Lalu Simpan ... Lalu Buka Tata Letak > Klik Edit Pada NewsTicker > Masukan Kode</li></ul><div dir="ltr" style="background-color: white; border: 0px; font-stretch: inherit; margin: 0px; padding: 0px; vertical-align: baseline;" trbidi="on"><div dir="ltr" style="border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: 0px; font-stretch: inherit; margin: 0px; padding: 0px; vertical-align: baseline;" trbidi="on"><div dir="ltr" style="border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: 0px; font-stretch: inherit; margin: 0px; padding: 0px; vertical-align: baseline;" trbidi="on"><div dir="ltr" style="border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: 0px; font-stretch: inherit; margin: 0px; padding: 0px; vertical-align: baseline;" trbidi="on"><pre class="line-numbers language-markup" data-codetype="HTML" style="background-color: #e20202; border-radius: 4px; border: 0px; font-stretch: inherit; margin-bottom: 0.5em; margin-top: 0.5em; max-height: 500px; overflow: auto; padding: 50px 10px 10px 3em; position: relative; vertical-align: baseline; word-wrap: break-word;" title="HTML"><code class=" language-markup" style="-webkit-user-select: text; background-attachment: initial; background-clip: initial; background-color: initial; background-image: none; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: none; direction: ltr; display: block; font-stretch: inherit; margin: 0px; padding: 0px; position: relative; vertical-align: baseline;"><span style="color: #fafafa; font-family: "consolas" , "monaco" , "andale mono" , "courier new" , "courier" , monospace;"><span style="font-size: 12px;"><b><div class='tl-ticker-outer'><br /><br /><div id="tl-ticker"><br /><br /></div><br /><br /></div></b></span></span></code><code class=" language-markup" style="-webkit-user-select: text; background-attachment: initial; background-clip: initial; background-color: initial; background-image: none; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: none; color: inherit; direction: ltr; display: block; font-family: Consolas, Monaco, ' Andale Mono', 'Courier New', Courier, monospace; font-size: 12px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: bold; line-height: 16px; margin: 0px; padding: 0px; position: relative; vertical-align: baseline; word-spacing: normal;"><span class="line-numbers-rows" style="border: 0px; color: #e9e9e9; font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; height: 48px; left: -3.5em; line-height: inherit; margin: 0px; padding: 0px; position: absolute; top: 0px; vertical-align: baseline; width: 3em;"><span style="border: 0px; display: block; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"></span></span></code></pre></div></div></div></div><br />5. Simpan Template!.<br /><div style="text-align: center;"><br /></div></div>Demikianlah Tutorial Blogger kali ini, <span style="background-color: white; font-size: 16px;">Maka Secara Otomatis Akan Keluar Breaking News With Thumbnail .. Sekian Tutorial Kali Ini Semoga Bermanfaat</span></div>

Cara Membuat Breaking News With Thumbnail

Cara Membuat Breaking News Gambar - Tutor Kali Ini Saya Akan Membagikan Cara Membuat Breaking News With Thumbnail Karena Sebelumnya Sangat S...

Baca selengkapnya »

April 13, 2018

Cara Memasang Rating Di Blogger

<div dir="ltr" style="text-align: left;" trbidi="on"><div dir="ltr" style="text-align: left;" trbidi="on"><div dir="ltr" style="text-align: left;" trbidi="on"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjc92Rswpvq4B4vH4ujEwIPv-5wHOHYC4QHnR-un5GWQ35tJXlly5-hsdyxvPVRcMNzTNzIIqp4UH5ZJkjUQA_u9TVWVS3DSTjgI6C-YZMc7ht4WYeS6OV5GlLEFlGg0tTxBrNnHs2GPsPY/s1600/Rating+Widget.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="258" data-original-width="420" height="195" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjc92Rswpvq4B4vH4ujEwIPv-5wHOHYC4QHnR-un5GWQ35tJXlly5-hsdyxvPVRcMNzTNzIIqp4UH5ZJkjUQA_u9TVWVS3DSTjgI6C-YZMc7ht4WYeS6OV5GlLEFlGg0tTxBrNnHs2GPsPY/s320/Rating+Widget.jpg" width="320" /></a></div><div class="separator" style="clear: both; text-align: center;"></div><div style="text-align: center;"><br style="background-color: white; box-sizing: border-box; font-size: 16px; margin: 0px; padding: 0px; text-align: left;" /><ul style="background-color: white; border: 0px; box-sizing: border-box; font-size: 16px; font-stretch: inherit; font-variant-east-asian: inherit; font-variant-numeric: inherit; line-height: inherit; list-style-image: initial; list-style-position: outside; margin: 0.5em 0em 0.5em 3em; padding: 0px; text-align: left; vertical-align: baseline;"></ul><div style="text-align: left;"><div style="text-align: left;"><span style="background-color: white; font-size: 16px;">Bagaimana C</span><b style="background-color: white; border: 0px; box-sizing: border-box; font-size: 16px; font-stretch: inherit; font-variant-east-asian: inherit; font-variant-numeric: inherit; line-height: inherit; margin: 0px; padding: 0px; transition: color 0.2s; vertical-align: baseline;">ara membuat rating di blogger </b><span style="background-color: white; font-size: 16px;">- Tutorial kali ini kita akan membahas cara membuat rating blogger terbaru 2018 .. Rating bisa dibilang seperti penilaiaan ..Penilaian Pengunjung Terhadap Post Yang Kita Buat .. Apabila Pengunjung Sangat Puas Maka Rating Yang Bisa Di Kasih Pengujung Yaitu Bintang 5 .. Apabila Pengunjung Kurang Puas Maka Bisa Jadi Di Beri Rating 1</span><br /><br style="background-color: white; box-sizing: border-box; font-size: 16px; margin: 0px; padding: 0px;" /><span style="background-color: white; font-size: 16px;">Supaya Kita Tahu Bahwa Rating Di Blogger Sangatlah Penting .. Karena Sebuah Widget Rating Bisa Mempercantik Tampilan Blogger .. Dan Juga Bisa Berguna Untuk Kita Untuk Mengetahui Seberapa manfaatnya Postingan kita untuk pengujung ..</span><br /><br style="background-color: white; box-sizing: border-box; font-size: 16px; margin: 0px; padding: 0px;" /><span style="background-color: white; font-size: 16px;">Maka Dari Itu Lebih Baik Kita Memasang Rating Widget .. Rating Widget Yang Kita Bahas Yaitu Rating Widget Untuk Di Blogger .. Dan Sangatlah Ringan Dalam Segi Loading. . Jadi Tak Perlu Khawatir Apabila Pasang Widget Rating Menjadi Loading Berat</span><br /><br style="background-color: white; box-sizing: border-box; font-size: 16px; margin: 0px; padding: 0px;" /><span style="background-color: white; font-size: 16px;">Langsung Saja Ke Tutorial Nya</span></div></div><div style="text-align: left;"><br /></div></div></div><b>Cara Pertama : </b><br /><ul style="text-align: left;"><li>Masuk Ke Template > Edit Html > Cari <span style="color: orange;">]]></b:skin></span> > Simpan Kode Di Bawah Ini Tepat Di Atas <b><span style="color: orange;">]]></b:skin></span></b></li></ul><div dir="ltr" style="background-color: white; border: 0px; font-stretch: inherit; margin: 0px; padding: 0px; vertical-align: baseline;" trbidi="on"><div dir="ltr" style="border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: 0px; font-stretch: inherit; margin: 0px; padding: 0px; vertical-align: baseline;" trbidi="on"><div dir="ltr" style="border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: 0px; font-stretch: inherit; margin: 0px; padding: 0px; vertical-align: baseline;" trbidi="on"><div dir="ltr" style="border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: 0px; font-stretch: inherit; margin: 0px; padding: 0px; vertical-align: baseline;" trbidi="on"><pre class="line-numbers language-markup" data-codetype="HTML" style="-webkit-user-select: text; background-color: #e20202; border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border-radius: 4px; border: 0px; counter-reset: linenumber 0; font-stretch: inherit; margin-bottom: 0.5em; margin-top: 0.5em; max-height: 500px; overflow: auto; padding: 50px 10px 10px 3em; position: relative; vertical-align: baseline; word-wrap: break-word;" title="HTML"><code class=" language-markup" style="-webkit-user-select: text; background-attachment: initial; background-clip: initial; background-color: initial; background-image: none; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: none; direction: ltr; display: block; font-stretch: inherit; margin: 0px; padding: 0px; position: relative; vertical-align: baseline;"><span style="color: #fafafa; font-family: "consolas" , "monaco" , "andale mono" , "courier new" , "courier" , monospace;"><span style="font-size: 12px;"><b>.rw-ui-container.rw-dir-ltr .rw-report-link, .rw-ui-container.rw-valign-middle.rw-halign-right .rw-report-link {<br />    display: none!important;<br />}<br /><br />.rw-ui-info-inner-container:hover {<br />    background: none!important;<br />}<br /><br />.rw-ui-info-nub.rw-ui-info-inner-nub, .rw-ui-info-nub.rw-ui-info-outer-nub {<br />    display: none;<br />}<br /><br />.rw-ui-tooltip {<br />    display: none!important;<br />}<br /><br />.rw-ui-container.rw-size-small span.rw-ui-info {<br />    font-family: Open Sans, Arial, sans-serif;<br />    color: #b8b8b8!important;<br />    text-transform: uppercase;<br />    font-size: 13px;<br />    display: none;<br />}<br /><br />.rw-ui-container {<br />    float: right;<br />    margin-top: -3px;<br />}<br /><br />.rw-ui-container.rw-halign-right, .rw-ui-container.rw-halign-right .rw-ui-info-inner-container {<br />    border-color: #fff!important;<br />}<br /><br />.rw-ui-report.rw-size-large.rw-halign-center.gradient.rw-dir-ltr.rw-type-nero.rw-meta-rating-29085119.rw-valign-bottom, .rw-ui-report.rw-dir-ltr, .rw-ui-container.rw-size-medium .rw-report-link {<br />    display: none!important;<br />}</b></span></span></code><code class=" language-markup" style="background-image: none; border: none; direction: ltr; display: block; font-stretch: inherit; font-variant-east-asian: inherit; font-variant-numeric: inherit; line-height: 16px; margin: 0px; padding: 0px; position: relative; vertical-align: baseline;"><span class="line-numbers-rows" style="border: 0px; font-stretch: inherit; font-variant-east-asian: inherit; font-variant-numeric: inherit; height: 48px; left: -3.5em; line-height: inherit; margin: 0px; padding: 0px; position: absolute; top: 0px; vertical-align: baseline; width: 3em;"><span style="border: 0px; display: block; font-stretch: inherit; font-variant-east-asian: inherit; font-variant-numeric: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"></span></span></code></pre></div></div></div></div><br /><ul style="text-align: left;"><li style="border: 0px; box-sizing: border-box; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0.5em 0px; padding: 0px; vertical-align: baseline;"><span style="font-weight: inherit;">Langkah Selanjutnya Simpan Kode Di Bawah Ini Bebas Mau Dimana Pun Bisa Kalo Bingung Silahkah Cari Kode </span><b><span style="color: orange;"><div class='post-info' ></span></b><span style="font-weight: inherit;"> Letakan Di Bawahnya</span></li></ul><div dir="ltr" style="background-color: white; border: 0px; font-stretch: inherit; margin: 0px; padding: 0px; vertical-align: baseline;" trbidi="on"><div dir="ltr" style="border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: 0px; font-stretch: inherit; margin: 0px; padding: 0px; vertical-align: baseline;" trbidi="on"><div dir="ltr" style="border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: 0px; font-stretch: inherit; margin: 0px; padding: 0px; vertical-align: baseline;" trbidi="on"><div dir="ltr" style="border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: 0px; font-stretch: inherit; margin: 0px; padding: 0px; vertical-align: baseline;" trbidi="on"><pre class="line-numbers language-markup" data-codetype="HTML" style="-webkit-user-select: text; background-color: #e20202; border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border-radius: 4px; border: 0px; counter-reset: linenumber 0; font-stretch: inherit; margin-bottom: 0.5em; margin-top: 0.5em; max-height: 500px; overflow: auto; padding: 50px 10px 10px 3em; position: relative; vertical-align: baseline; word-wrap: break-word;" title="HTML"><code class=" language-markup" style="-webkit-user-select: text; background-attachment: initial; background-clip: initial; background-color: initial; background-image: none; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: none; direction: ltr; display: block; font-stretch: inherit; margin: 0px; padding: 0px; position: relative; vertical-align: baseline;"><span style="color: #fafafa; font-family: "consolas" , "monaco" , "andale mono" , "courier new" , "courier" , monospace;"><span style="font-size: 12px;"><b><meta expr:content='data:post.id' itemprop='postId'/><br /><b:if cond='data:blog.isMobileRequest == &quot;false&quot;'><br /><script type='text/javascript'>(function(d, t, e, m){<br />    window._rws = window._rws || [{<br />        huid: &quot;373567&quot;,<br />        uid: &quot;17c1723b4522d4fc06734a3f33413d80&quot;,<br />        source: &quot;blogger&quot;,<br />        options: {<br />            &quot;size&quot;: &quot;medium&quot;,<br />            &quot;style&quot;: &quot;oxygen&quot;,<br />            &quot;isDummy&quot;: false<br />        } <br />    }];<br /><br />        <br />    // Append Rating-Widget JavaScript library.<br />    var rw, s = d.getElementsByTagName(e)[0], id = &quot;rw-blogger-js&quot;,<br />        p = d.location.protocol, a = (&quot;https:&quot; == p ? &quot;secure.&quot; + <br />        m + &quot;js/platform/&quot; : &quot;js.&quot; + m + &quot;platform/&quot;), <br />        ck = &quot;Y&quot; + t.getFullYear() + &quot;M&quot; + t.getMonth() + &quot;D&quot; + t.getDate();<br />    if (d.getElementById(id)) return;              <br />    rw = d.createElement(e);<br />    rw.id = id; rw.async = true; rw.type = &quot;text/javascript&quot;;<br />    rw.src = p + &quot;//&quot; + a + &quot;blogger.js?ck=&quot; + ck;<br />    s.parentNode.insertBefore(rw, s);<br />}(document, new Date(), &quot;script&quot;, &quot;rating-widget.com/&quot;));</script></b:if></b></span></span></code><code class=" language-markup" style="-webkit-user-select: text; background-attachment: initial; background-clip: initial; background-color: initial; background-image: none; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: none; color: inherit; direction: ltr; display: block; font-family: Consolas, Monaco, ' Andale Mono', 'Courier New', Courier, monospace; font-size: 12px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: bold; line-height: 16px; margin: 0px; padding: 0px; position: relative; vertical-align: baseline; word-spacing: normal;"><span class="line-numbers-rows" style="border: 0px; color: #e9e9e9; font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; height: 48px; left: -3.5em; line-height: inherit; margin: 0px; padding: 0px; position: absolute; top: 0px; vertical-align: baseline; width: 3em;"><span style="border: 0px; display: block; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"></span></span></code></pre></div></div></div></div><br />5. Simpan Template!.<br /><div style="text-align: center;"><br /></div></div>Demikianlah Tutorial Blogger kali ini, <span style="background-color: white; font-size: 16px;">Maka Rating Widget Anda Siap Digunakan.. Sekian Tutorial Cara Memasang Rating Widget Semoga Bermanfaat</span></div>

Cara Memasang Rating Di Blogger

Bagaimana C ara membuat rating di blogger - Tutorial kali ini kita akan membahas cara membuat rating blogger terbaru 2018 .. Rating bisa di...

Baca selengkapnya »

April 13, 2018

Cara Memasang Form CSS Manifier di Halaman Statis Blog.

<div dir="ltr" style="text-align: left;" trbidi="on"><div dir="ltr" style="text-align: left;" trbidi="on"><div dir="ltr" style="text-align: left;" trbidi="on"><span style="color: blue;"><b>CSS Minifier</b></span> adalah merupakan salah satu <span style="color: blue;">Website Tools</span> yang digunakan untuk Compress kode CSS, Dengan meng-compressed kode CSS yang ada di Template anda, secara otomatis bisa mempercepat loading blog anda. Untuk meng-compressed kode CSS anda harus memasang Form CSS Manifier. Cara penggunaanya juga mudah, anda tinggal copy&paste kode CSS dan masukan kode Form CSS Manifier dan Centang salah satu, maka akan muncul kode yang sudah di Compressed. Setelah kode CSS sudah di Compressed, anda tinggal meletakannya di<span style="color: red;"> <span style="color: blue;"><b>]]></b:skin></b></span> </span>atau <span style="color: blue;"><b><span style="color: red;"></style></span></b><span style="color: blue;"> </span></span>. Bila anda ingin memasang nya, ikuti langkah-langkah berikut ini.<br /><div style="text-align: left;"><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqQgeKXVn7R66ITDMFEjGq2W_lGPGFwmpwhTI0x_GLJNAAAA7QRBYLBr3m0-q8VujJ6fsG97l2Wbj0lmqjqXA_ogSxnKGbAh11wAGp48gffQ7WunABrUqdEIgsk-kI7sdicwqleeLc96el/s1600/Love+Karawang.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="288" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqQgeKXVn7R66ITDMFEjGq2W_lGPGFwmpwhTI0x_GLJNAAAA7QRBYLBr3m0-q8VujJ6fsG97l2Wbj0lmqjqXA_ogSxnKGbAh11wAGp48gffQ7WunABrUqdEIgsk-kI7sdicwqleeLc96el/s400/Love+Karawang.gif" width="400" /></a></div></div><div><div style="text-align: center;"><br /></div><div style="text-align: left;"><b>Cara Pertama : </b></div><div style="text-align: left;"><b><br /></b></div><div style="text-align: left;">1. Buka <a href="http://blogger.com/" rel="nofollow" target="_blank">Blogger</a>- Kemudian login</div><div style="text-align: left;">2. Dashboard - Laman</div><div style="text-align: left;">3. Buat Laman Kosong<br /><br /></div></div><div><b>Proses Pembuatan :</b><br /><b><br /></b></div><div>1. Buka Laman Kosong</div><div>2. Pilih HTML jangan Compose, - kemudian.</div><div>3. Copy Dan paste kode berikut ini, dan letakkan di Laman Kosong<span style="color: red;"> <span style="color: blue;"><HTML Don't COMPOSE></span></span><br /><div dir="ltr" style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;" trbidi="on"><br /></div><div dir="ltr" style="border: 0px; font-stretch: inherit; margin: 0px; padding: 0px; vertical-align: baseline;" trbidi="on"><div dir="ltr" style="background-color: white; border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: 0px; font-stretch: inherit; margin: 0px; padding: 0px; vertical-align: baseline;" trbidi="on"><div dir="ltr" style="border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: 0px; font-stretch: inherit; margin: 0px; padding: 0px; vertical-align: baseline;" trbidi="on"><div dir="ltr" style="border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: 0px; font-stretch: inherit; margin: 0px; padding: 0px; vertical-align: baseline;" trbidi="on"><div dir="ltr" style="border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: 0px; font-stretch: inherit; margin: 0px; padding: 0px; vertical-align: baseline;" trbidi="on"><pre class="line-numbers language-markup" data-codetype="HTML" style="-webkit-user-select: text; background-color: #e20202; border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border-radius: 4px; border: 0px; counter-reset: linenumber 0; font-stretch: inherit; margin-bottom: 0.5em; margin-top: 0.5em; max-height: 500px; overflow: auto; padding: 50px 10px 10px 3em; position: relative; vertical-align: baseline; word-wrap: break-word;" title="HTML"><code class=" language-markup" style="-webkit-user-select: text; background-attachment: initial; background-clip: initial; background-color: initial; background-image: none; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: none; direction: ltr; display: block; font-stretch: inherit; margin: 0px; padding: 0px; position: relative; vertical-align: baseline;"><span style="color: #fafafa; font-family: "consolas" , "monaco" , "andale mono" , "courier new" , "courier" , monospace;"><span style="font-size: 12px; line-height: 16px;"><b><div id="cssminifier"><br /><style scoped="" type="text/css"><br />#cssminifier{background:#ecf0f1;position:relative;display:block;clear:both;border-radius:5px;padding:20px;border:1px solid rgba(0,0,0,0.05)}<br />#cssminifier textarea{width:94%;height:300px;margin:0 auto;display:block;background-color:#fff;padding:20px;font:normal 13px 'Courier New',Monospace;border:0;box-shadow:inset 0 0 0 1px rgba(0,0,0,0.05);border-radius:5px 5px 0 0;resize:none}<br />textarea:focus{background-color:#FFF;color:#303030}<br />#cssminifier .box{margin:10px auto 30px;color:rgba(255,2255,255,.6);}<br />#cssminifier .box p{margin:0 0 2px}<br />#cssminifier button{cursor:pointer;}<br />#cssminifier .col{width:48%;margin:0 auto 30px}<br />#cssminifier .left{float:left;margin-left:1%}<br />#cssminifier .right{float:right;margin-right:1%}<br />#cssminifier .button-group{background:#2980b9;text-align:center;padding:20px 20px 40px 20px;margin:5px 100px;border-radius:0 0 5px 5px}<br />#cssminifier button,#cssminifier button[disabled]:active{background:rgba(255,255,255,0.2);text-align:center;color:#fefefe;display:inline-block;padding:6px 12px;font-size:14px;font-weight:400;line-height:1.471;border-radius:4px;margin:0 5px;border:0;transition:all .1s}<br />#cssminifier button:hover,#cssminifier button:active{background:#fff;color:#2980b9}<br />#cssminifier button[disabled],#cssminifier button[disabled]:active{background:#fff;}<br />#cssminifier .opt1,#cssminifier .opt2,#cssminifier .opt3,#cssminifier .opt4,#cssminifier .opt5{display:inline-block;margin:0 0 0 10px;vertical-align:middle;border:none;outline:none}<br />#cssminifier br{display:none}<br /></style><br /><span class="clear"></span><br /><textarea autofocus="" id="cssField" placeholder="Paste your CSS code here..." spellcheck="false"></textarea><br /><br /><br /><div class="button-group"><br /><div class="box"><br /><input class="opt1" id="stripAllComment" type="checkbox" /> <br /><label for="stripAllComment">Strip all comments</label><br /><input class="opt2" id="superCompact" type="checkbox" /> <br /><label for="superCompact">Super compact</label><br /><input class="opt3" id="betterIndentation" type="checkbox" /> <br /><label for="betterIndentation">Keep indentation</label><br /><input checked="" class="opt4" id="keepLastComma" type="checkbox" /> <br /><label for="keepLastComma">Remove the last semicolon</label><br /></div><br /><button onclick="compressCSS(&quot;cssField&quot;);">Compress CSS</button><br /><button onclick="clearField(&quot;cssField&quot;);">Clear Field</button> <br /><button onclick="selectAll(&quot;cssField&quot;);">Select All</button><br /></div><br /><div class="clear"><br /></div><br /><script type="text/javascript"><br />function get(e){return document.getElementById(e)}function highlightCode(e){if(hc.checked){var a=e.innerHTML;a=a.replace(/\{([\s\S]+?)\}/g,function(e){return e.replace(/\'(.*?)\'/g,"<span class='st'>'$1'</span>").replace(/\"(.*?)\"/g,"<span class='st'>\"$1\"</span>").replace(/(\{|\n|;)?(.[^\{]*?):(.[^\{]*?)(;|\})/g,"$1<span class='pr'>$2</span>:<span class='vl'>$3</span>$4").replace(/<span class='pr'>\{/g,"{<span class='pr'>")}),a=a.replace(/&lt;(.*?)('|")(.*?)('|")&gt;/g,function(e){return e.replace(/'(.*?)'/g,"<span class='vl'>'$1'</span>").replace(/"(.*?)"/g,"<span class='vl'>\"$1\"</span>")}),a=a.replace(/\{([\s\S]+?)\}/g,function(e){return e.replace(/([\{\}\[\]\:\;\,]+)/g,"<span class='pn'>$1</span>").replace(/\!important/gi,"<span class='im'>!important</span>")}),a=a.replace(/\/\*([\w\W]+?)\*\//gm,"<span class='cm'>/*$1*/</span>"),e.innerHTML="<code>"+a+"</code>",hr.style.display="block",rt.style.display="block"}else hr.style.display="none",rt.style.display="none"}function compressCSS(e){var a=get(e),c=/@(media|-w|-m|-o|keyframes|page)(.*?)\{([\s\S]+?)?\}\}/gi,n=a.value,t=n.length;n=sa.checked||sc.checked?n.replace(/\/\*[\w\W]*?\*\//gm,""):n.replace(/(\n+)?(\/\*[\w\W]*?\*\/)(\n+)?/gm,"\n$2\n"),n=n.replace(/([\n\r\t\s ]+)?([\,\:\;\{\}]+?)([\n\r\t\s ]+)?/g,"$2"),n=sc.checked?n:n.replace(/\}(?!\})/g,"}\n"),n=bi.checked?n.replace(c,function(e){return e.replace(/\n+/g,"\n  ")}):n.replace(c,function(e){return e.replace(/\n+/g,"")}),n=bi.checked&&!sc.checked?n.replace(/\}\}/g,"}\n}"):n,n=bi.checked&&!sc.checked?n.replace(/@(media|-w|-m|-o|keyframes)(.*?)\{/g,"@$1$2{\n  "):n,n=cm.checked?n.replace(/;\}/g,"}"):n.replace(/\}/g,";}").replace(/;+\}/g,";}").replace(/\};\}/g,"}}"),n=n.replace(/\:0(px|em|pt)/gi,":0"),n=n.replace(/ 0(px|em|pt)/gi," 0"),n=n.replace(/\s+\!important/gi,"!important"),n=n.replace(/(^\n+|\n+$)/,""),a.value=n,hr.innerHTML="/* "+(t-n.length)+" of "+t+" unused characters has been removed. */\n"+n.replace(/</g,"&lt;").replace(/>/g,"&gt;"),highlightCode(hr)}function clearField(e){var a=get(e);a.value="",a.focus()}function selectAll(e){get(e).focus(),get(e).select()}var hc=get("highlightCode"),sa=get("stripAllComment"),sc=get("superCompact"),cm=get("keepLastComma"),bi=get("betterIndentation"),bs=get("breakSelector"),tt=get("toTab"),to=get("tabOpt").getElementsByTagName("input"),sb=get("spaceBetween"),ip=get("inlineSingleProp"),rs=get("removeLastSemicolon"),il=get("inlineLayout"),si=get("singleBreak"),hr=get("highlightedResult"),rt=document.getElementsByTagName("h2")[1];<br /></script><br /></div><br /></div></b></span></span></code><code class=" language-markup" style="-webkit-user-select: text; background-attachment: initial; background-clip: initial; background-color: initial; background-image: none; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: none; color: inherit; direction: ltr; display: block; font-family: Consolas, Monaco, ' Andale Mono', 'Courier New', Courier, monospace; font-size: 12px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: bold; line-height: 16px; margin: 0px; padding: 0px; position: relative; vertical-align: baseline; word-spacing: normal;"><span style="border: 0px; color: #fafafa; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><br /></span><span class="line-numbers-rows" style="border: 0px; color: #e9e9e9; font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; height: 48px; left: -3.5em; line-height: inherit; margin: 0px; padding: 0px; position: absolute; top: 0px; vertical-align: baseline; width: 3em;"><span style="border: 0px; display: block; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"></span></span></code></pre></div></div></div></div></div></div></div><pre class="line-numbers language-markup" data-codetype="HTML" title="CSS,HTML,JavaScript"><code class=" language-markup"><span class="token tag"><span class="token punctuation"><br /></span></span></code></pre></div>4. Simpan Halaman<br />5. Publikasikan<br /><br />Demikianlah Tutorial Blogger kali ini, bila ada yang ingin ditanyakan, silakan jangan sungkan untuk berkomentar dibawah ini.</div>

Cara Memasang Form CSS Manifier di Halaman Statis Blog.

CSS Minifier adalah merupakan salah satu Website Tools yang digunakan untuk Compress kode CSS, Dengan meng-compressed kode CSS yang ada di...

Baca selengkapnya »

Maret 17, 2018

Cara Mempercepat Loading Blog dengan LazyLoad.

<div dir="ltr" style="text-align: left;" trbidi="on"><div dir="ltr" style="text-align: left;" trbidi="on"><div dir="ltr" style="text-align: left;" trbidi="on"><div dir="ltr" style="text-align: left;" trbidi="on">Lazyload adalah sebuah JavaScript yang bisa memberikan efek pada blog anda dan mempercepat loading blog anda. Buat blog anda yang kebanyakan menggunakan <span style="color: blue;">JQuery</span> dan <span style="color: blue;">JavaScript,</span> Tutorial berikut ini sangat cocok buat anda. Perlu diketahui juga bahwa JQuery dan JavaScript dapat memperlambat loading blog anda, oleh karena itu jika anda ingin mempercepat loading anda gunakanlah <span style="color: blue;">LazyLoad</span> pada Blogger anda. Dengan menerapkan LazyLoad pada blog anda, anda akan merasakan sendiri efeknya dan secara perlahan-lahan loading pada blog anda akan cepat.<br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi28XZ87IlCzhP-9SYL24NI3MJqMFOwHI1E48EcBKRl6zEJjTz0kP0e4QYZB7PZCX9PB-xU_mQ0Rk4uX6iGOJQbeS_5XSfiiJRgqMFwRW__ySJy20jbTke0gchojKYHLW3kgfyjBe3CKm6o/s1600/Love+Karawang+%25282%2529.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="305" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi28XZ87IlCzhP-9SYL24NI3MJqMFOwHI1E48EcBKRl6zEJjTz0kP0e4QYZB7PZCX9PB-xU_mQ0Rk4uX6iGOJQbeS_5XSfiiJRgqMFwRW__ySJy20jbTke0gchojKYHLW3kgfyjBe3CKm6o/s640/Love+Karawang+%25282%2529.gif" width="640" /></a></div></div><div style="text-align: left;"><b>Cara Pertama :</b><br /><br />1. Buka <a href="http://blogger.com/" rel="nofollow" target="_blank">Blogger </a>- Kemudian login<br />2. Dashboard - Template<br />3. Edit HTML<br /><br /><b>Proses Pembuatan :</b><br /><br />1. Temukan kode <b><span style="color: red;"></body></span></b><br />2. Copy Dan paste kode beriktu ini, dan letakkan di atas kode <b><span style="color: red;"></body></span></b><br /><br /><div dir="ltr" style="background-color: white; border: 0px; font-stretch: inherit; margin: 0px; padding: 0px; vertical-align: baseline;" trbidi="on"><div dir="ltr" style="border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: 0px; font-stretch: inherit; margin: 0px; padding: 0px; vertical-align: baseline;" trbidi="on"><div dir="ltr" style="border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: 0px; font-stretch: inherit; margin: 0px; padding: 0px; vertical-align: baseline;" trbidi="on"><div dir="ltr" style="border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: 0px; font-stretch: inherit; margin: 0px; padding: 0px; vertical-align: baseline;" trbidi="on"><pre class="line-numbers language-markup" data-codetype="HTML" style="-webkit-user-select: text; background-color: #e20202; border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border-radius: 4px; border: 0px; counter-reset: linenumber 0; font-stretch: inherit; margin-bottom: 0.5em; margin-top: 0.5em; max-height: 500px; overflow: auto; padding: 50px 10px 10px 3em; position: relative; vertical-align: baseline; word-wrap: break-word;" title="HTML"><code class=" language-markup" style="-webkit-user-select: text; background-attachment: initial; background-clip: initial; background-color: initial; background-image: none; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: none; direction: ltr; display: block; font-stretch: inherit; margin: 0px; padding: 0px; position: relative; vertical-align: baseline;"><span style="color: #fafafa; font-family: "consolas" , "monaco" , "andale mono" , "courier new" , "courier" , monospace;"><span style="font-size: 12px; line-height: 16px;"><b><script type='text/javascript'><br />//<![CDATA[<br />// Lazy Load<br />(function(a){a.fn.lazyload=function(b){var c={threshold:0,failurelimit:0,event:"scroll",effect:"show",container:window};if(b){a.extend(c,b)}var d=this;if("scroll"==c.event){a(c.container).bind("scroll",function(b){var e=0;d.each(function(){if(a.abovethetop(this,c)||a.leftofbegin(this,c)){}else if(!a.belowthefold(this,c)&&!a.rightoffold(this,c)){a(this).trigger("appear")}else{if(e++>c.failurelimit){return false}}});var f=a.grep(d,function(a){return!a.loaded});d=a(f)})}this.each(function(){var b=this;if(undefined==a(b).attr("original")){a(b).attr("original",a(b).attr("src"))}if("scroll"!=c.event||undefined==a(b).attr("src")||c.placeholder==a(b).attr("src")||a.abovethetop(b,c)||a.leftofbegin(b,c)||a.belowthefold(b,c)||a.rightoffold(b,c)){if(c.placeholder){a(b).attr("src",c.placeholder)}else{a(b).removeAttr("src")}b.loaded=false}else{b.loaded=true}a(b).one("appear",function(){if(!this.loaded){a("<img />").bind("load",function(){a(b).hide().attr("src",a(b).attr("original"))[c.effect](c.effectspeed);b.loaded=true}).attr("src",a(b).attr("original"))}});if("scroll"!=c.event){a(b).bind(c.event,function(c){if(!b.loaded){a(b).trigger("appear")}})}});a(c.container).trigger(c.event);return this};a.belowthefold=function(b,c){if(c.container===undefined||c.container===window){var d=a(window).height()+a(window).scrollTop()}else{var d=a(c.container).offset().top+a(c.container).height()}return d<=a(b).offset().top-c.threshold};a.rightoffold=function(b,c){if(c.container===undefined||c.container===window){var d=a(window).width()+a(window).scrollLeft()}else{var d=a(c.container).offset().left+a(c.container).width()}return d<=a(b).offset().left-c.threshold};a.abovethetop=function(b,c){if(c.container===undefined||c.container===window){var d=a(window).scrollTop()}else{var d=a(c.container).offset().top}return d>=a(b).offset().top+c.threshold+a(b).height()};a.leftofbegin=function(b,c){if(c.container===undefined||c.container===window){var d=a(window).scrollLeft()}else{var d=a(c.container).offset().left}return d>=a(b).offset().left+c.threshold+a(b).width()};a.extend(a.expr[":"],{"below-the-fold":"$.belowthefold(a, {threshold : 0, container: window})","above-the-fold":"!$.belowthefold(a, {threshold : 0, container: window})","right-of-fold":"$.rightoffold(a, {threshold : 0, container: window})","left-of-fold":"!$.rightoffold(a, {threshold : 0, container: window})"})})(jQuery);$(function(){$("img").lazyload({placeholder:"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMH1cLv5J7oDm0nTjXECS4k6heHK0QQBTKKlZua823Hx5ms7SfVw_il-b7CnzsO7uApZC17vo9i1p6SoZ-DweJJyGrFZW_qh68dL1Iv4ykXGJFkG6pk1v1dMjdAkxT4S8ckAnUtiTT6AQ/s1600/loading2.gif",effect:"fadeIn",threshold:"-50"})});<br />//]]><br /></script></b></span></span></code><code class=" language-markup" style="-webkit-user-select: text; background-attachment: initial; background-clip: initial; background-color: initial; background-image: none; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border-image-outset: initial; border-image-repeat: initial; border-image-slice: initial; border-image-source: initial; border-image-width: initial; border: none; color: inherit; direction: ltr; display: block; font-family: Consolas, Monaco, ' Andale Mono', 'Courier New', Courier, monospace; font-size: 12px; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: bold; line-height: 16px; margin: 0px; padding: 0px; position: relative; vertical-align: baseline; word-spacing: normal;"><span class="line-numbers-rows" style="border: 0px; color: #e9e9e9; font-family: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; height: 48px; left: -3.5em; line-height: inherit; margin: 0px; padding: 0px; position: absolute; top: 0px; vertical-align: baseline; width: 3em;"><span style="border: 0px; display: block; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"></span></span></code></pre></div></div></div></div><br /></div></div></div>3. Simpan Template!<br /><br />Demikianlah Tutorial Blogger kali ini, bila ada yang ingin ditanyakan, silakan komentar dibawah ini.</div>

Cara Mempercepat Loading Blog dengan LazyLoad.

Lazyload adalah sebuah JavaScript yang bisa memberikan efek pada blog anda dan mempercepat loading blog anda. Buat blog anda yang kebanyakan...

Baca selengkapnya »

Maret 17, 2018