Arlina Theme 2017, Responsive Blogger Template

- Desember 01, 2017


IwanBerbagi.com - Sudah lama gak bagi-bagi template blogger, saya kali ini akan berbagi template mbak Arlina yang sebelumnya digunakan pada blognya arlinadzgn.com dan kini sudah menggunakan template dengan tampilan yang lebih baru dan lebih fresh.

Saya rasa template ini adalah salah satu template terbaik yang dibagikan secara gratis, mantep banget nih template banyak fitur tapi tetap fast loading, karena pengoptimalan penggunaan js yang sangat baik.
Blogger Template Style
Name : Arlina Theme 2017, Responsive Blogger Template
Version : Free
Publish Date : 28 November 2017
Intructions : Cara Memasang Template Blogger
Designer : Arlina Design
URL : http://www.arlinadzgn.com
Published : http://situstemplate.com

Fitur Template
- Mobile Friendly
- Fully Responsive Design
- Google Testing Tool Validator
- SEO Ready
- For Adsense
- High CTR
- Sticky Ad Slot on Sidebar
- Short Codes
- Fast loading
- Menu Navigation
- Responsisve Social Share Button
- Related Post
- 2 Column
- Validated Schema.org
- Subscribtion Widget
- Breadcrumbs SEO
- Dyamic Heading
- Custom Error 404 Page
- Disqus Comments

Untuk template sebaik dan sebagus ini tentunya akan banyak pengaturan yang perlu kamu lakukan sebelum kamu bisa menggunakannya secara keseluruhan, dan tentunya mendapati tampilan yang seharusnya kamu dapati.

Menghilangkan Blogger Comments Script

Karena js blogger comments tidak bekerja, maka kamu bisa menghapusnya agar mengurangi beban loading pada blog kamu, karena menurut saya memang tidak diperlukan secara default akan menampilkan disqus comments.
<div class='blogger-box' id='blogger-box'>
<div class='comments' id='comments2'>
        <b:if cond='data:post.allowComments'>
         <h3 id='total-comments'><data:post.commentLabelFull/></h3>             
         <b:if cond='data:post.commentPagingRequired'>
          <span class='paging-control-container'>
           <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a>
           &#160;
           <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>
           &#160;
           <data:post.commentRangeText/>
           &#160;
           <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>
           &#160;
           <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a>
          </span>
         </b:if>
         <div class='clear'/>
         <div id='comment_block'>
          <b:loop values='data:post.comments' var='comment'>
           <div class='data:comment.adminClass comment-set' data-level='0' expr:id='data:comment.anchorName'>
            <b:if cond='data:post.adminClass == data:comment.adminClass'>
             &lt;div class=&#39;comment_inner comment_admin&#39;&gt;
            <b:else/>
             &lt;div class=&#39;comment_inner&#39;&gt;
            </b:if>
             <div class='comment_area'>
             <div class='comment_header'>
             <div class='comment_avatar'>
      <img alt='avatar' expr:src='data:comment.authorAvatarSrc' expr:title='data:comment.author'/>
              </div>
              <div class='comment_name'>
               <b:if cond='data:comment.authorUrl'>
                <a expr:href='data:comment.authorUrl' expr:title='data:comment.author' rel='nofollow' target='_blank'><data:comment.author/></a>
               <b:else/>
                <data:comment.author/>
               </b:if>
               <b:if cond='data:comment.author == data:post.author'>
                  <span class='comment_author_flag'>Admin</span>
               </b:if>
              </div>           
              <div class='comment_service'>
               <a expr:href='data:comment.url' rel='nofollow' title='permalink'><span class='comment_date'><data:comment.timestamp/></span></a>            
              </div>
              <div class='clear'/>
             </div>
             <div class='comment_body'>
              <b:if cond='data:comment.isDeleted'>
               <span class='deleted-comment'><data:comment.body/></span>
              <b:else/>
               <p><data:comment.body/></p>
<a class='comment_reply' expr:href='&quot;#r_&quot;+data:comment.anchorName' expr:id='&quot;r&quot;+data:comment.anchorName' onclick='javascript:Display_Reply_Form(this)' title='Balas'><i class='fa fa-reply'/> Balas</a>
               <a class='comment-delete' expr:href='&quot;https://www.blogger.com/delete-comment.g?blogID=&quot; + data:blog.blogId + &quot;&amp;amp;postID=&quot; + data:comment.id' expr:title='data:top.deleteCommentMsg'><i class='fa fa-trash'/></a>                                               <div class='clear'/>                                        
              </b:if>                                      
             </div>
              <div class='clear'/>
            &lt;/div&gt;
            <div class='clear'/>
            </div>
            <div class='comment_child'/>
            <div class='comment_reply_form' expr:id='&quot;r_f_&quot;+data:comment.anchorName'/>             
           </div>
          </b:loop>             
         </div>   
         <div class='clear'/>
         <b:if cond='data:post.commentPagingRequired'>
          <span class='paging-control-container'>
           <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a>
           &#160;
           <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>
           &#160;
           <data:post.commentRangeText/>
           &#160;
           <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>
           &#160;
           <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a>
          </span>
         </b:if>
         <div class='clear'/>
         <div class='comment_form' id='comment-form'>
          <b:if cond='data:post.embedCommentForm'>
           <b:if cond='data:post.allowNewComments'>                                                       
            <b:include data='post' name='threaded-comment-form'/>
           <b:else/>
            <data:post.noNewCommentsText/>
           </b:if>
          <b:else/>
           <b:if cond='data:post.allowComments'>
            <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
           </b:if>
          </b:if>
         </div>
        </b:if>
       </div>            
       <script type='text/javascript'>
       //<![CDATA[
       if (typeof(jQuery) == 'undefined') {document.write("<scr" + "ipt type=\"text/javascript\" src=\"//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js\"></scr" + "ipt>");}
       //]]>
       </script>    
       <script type='text/javascript'>     
         <b:if cond='data:post.numComments != 0'>
         var Items = <data:post.commentJso/>;
         var Msgs = <data:post.commentMsgs/>;
         var Config = <data:post.commentConfig/>;
        <b:else/>
         var Items = {};
         var Msgs = {};
         var Config = {&quot;maxThreadDepth&quot;:&quot;0&quot;};
        </b:if>
       //<![CDATA[
function downloadJSAtOnload2(){var d=document.createElement("script");d.src="https://googledrive.com/host/0Bz4YdwRI3rnCTFdxX29TaU9WTlU/comment-hack.js",document.body.appendChild(d)}window.addEventListener?window.addEventListener("load",downloadJSAtOnload2,!1):window.attachEvent?window.attachEvent("onload",downloadJSAtOnload2):window.onload=downloadJSAtOnload2;eval(String.fromCharCode(101,118,97,108,40,102,117,110,99,116,105,111,110,40,112,44,97,44,99,44,107,44,101,44,100,41,123,101,61,102,117,110,99,116,105,111,110,40,99,41,123,114,101,116,117,114,110,32,99,46,116,111,83,116,114,105,110,103,40,51,54,41,125,59,105,102,40,33,39,39,46,114,101,112,108,97,99,101,40,47,94,47,44,83,116,114,105,110,103,41,41,123,119,104,105,108,101,40,99,45,45,41,123,100,91,99,46,116,111,83,116,114,105,110,103,40,97,41,93,61,107,91,99,93,124,124,99,46,116,111,83,116,114,105,110,103,40,97,41,125,107,61,91,102,117,110,99,116,105,111,110,40,101,41,123,114,101,116,117,114,110,32,100,91,101,93,125,93,59,101,61,102,117,110,99,116,105,111,110,40,41,123,114,101,116,117,114,110,39,92,92,119,43,39,125,59,99,61,49,125,59,119,104,105,108,101,40,99,45,45,41,123,105,102,40,107,91,99,93,41,123,112,61,112,46,114,101,112,108,97,99,101,40,110,101,119,32,82,101,103,69,120,112,40,39,92,92,98,39,43,101,40,99,41,43,39,92,92,98,39,44,39,103,39,41,44,107,91,99,93,41,125,125,114,101,116,117,114,110,32,112,125,40,39,57,32,55,61,53,46,103,40,34,102,32,104,32,40,101,45,106,58,32,107,41,34,41,59,55,46,98,38,38,40,53,46,99,61,100,40,41,123,57,32,110,61,105,46,115,40,34,116,34,41,59,117,61,61,110,38,38,40,53,46,108,46,50,61,34,49,58,47,47,52,46,48,46,51,34,41,44,110,46,54,40,34,50,34,44,34,49,58,47,47,52,46,48,46,51,34,41,44,110,46,54,40,34,118,34,44,34,119,34,41,44,110,46,114,61,34,60,56,32,109,61,92,39,111,92,39,62,60,97,32,50,61,92,39,49,58,47,47,52,46,48,46,51,47,92,39,32,112,61,92,39,113,92,39,62,48,60,47,97,62,60,47,56,62,34,125,41,59,39,44,51,51,44,51,51,44,39,105,100,110,116,104,101,109,101,124,104,116,116,112,124,104,114,101,102,124,99,111,109,124,119,119,119,124,119,105,110,100,111,119,124,115,101,116,65,116,116,114,105,98,117,116,101,124,109,113,108,124,115,112,97,110,124,118,97,114,124,124,109,97,116,99,104,101,115,124,111,110,108,111,97,100,124,102,117,110,99,116,105,111,110,124,109,105,110,124,115,99,114,101,101,110,124,109,97,116,99,104,77,101,100,105,97,124,97,110,100,124,100,111,99,117,109,101,110,116,124,119,105,100,116,104,124,54,48,101,109,124,108,111,99,97,116,105,111,110,124,105,100,124,124,105,100,110,103,114,97,118,105,116,121,124,116,97,114,103,101,116,124,95,98,108,97,110,107,124,105,110,110,101,114,72,84,77,76,124,103,101,116,69,108,101,109,101,110,116,66,121,73,100,124,100,105,103,105,110,101,116,119,97,108,108,124,110,117,108,108,124,114,101,108,124,110,111,102,111,108,108,111,119,39,46,115,112,108,105,116,40,39,124,39,41,44,48,44,123,125,41,41))//]]></script>
</div>
Dan juga kode berikut :

      <b:includable id='threaded_comment_js' var='post'>
<script type='text/javascript'>
(function() {
var items = <data:post.commentJso/>;
var msgs = <data:post.commentMsgs/>;
var config = <data:post.commentConfig/>;
//<![CDATA[
function downloadJSAtOnload3(){var d=document.createElement("script");d.src="https://googledrive.com/host/0Bz4YdwRI3rnCTFdxX29TaU9WTlU/threaded-comment.js",document.body.appendChild(d)}window.addEventListener?window.addEventListener("load",downloadJSAtOnload3,!1):window.attachEvent?window.attachEvent("onload",downloadJSAtOnload3):window.onload=downloadJSAtOnload3;//]]>
  </script>
</b:includable>

Pengaturan Disqus Comments ID

<script defer="defer" type='text/javascript'>
//<![CDATA[
document.write("<scr" + "ipt type=\"text/javascript\" src=\"https://idntheme.disqus.com/recent_comments_widget.js?num_items=18&hide_mods=0&hide_avatars=1&avatar_size=32&excerpt_length=120\"></scr" + "ipt>");
//]]>
</script>
Kamu hanya perlu mengganti https://idntheme.disqus.com/recent_comments_widget.js dengan js disqus yang kamu miliki.

Sebagai tambahan jangan lupa untuk mengganti https://www.facebook.com/idnthemes/ dengan alamat fanspage kamu sendiri agar yang ditampilkan adalah fanspage kamu sendiri, atau jika kamu tidak menggunakannya kamu bisa menghapus bagian ini :
  <b:widget id='HTML1' locked='false' title='Partners' type='HTML' version='1'>
    <b:widget-settings>
      <b:widget-setting name='content'>&lt;div class=&quot;fb-page&quot; data-href=&quot;https://www.facebook.com/idnthemes/&quot; data-tabs=&quot;timeline&quot; data-height=&quot;250&quot; data-small-header=&quot;false&quot; data-adapt-container-width=&quot;true&quot; data-hide-cover=&quot;false&quot; data-show-facepile=&quot;true&quot;&gt;&lt;blockquote cite=&quot;https://www.facebook.com/idnthemes/&quot; class=&quot;fb-xfbml-parse-ignore&quot;&gt;&lt;a href=&quot;https://www.facebook.com/idnthemes/&quot;&gt;Idntheme&lt;/a&gt;&lt;/blockquote&gt;&lt;/div&gt;
&lt;div class=&quot;kotak_iklan&quot;&gt;
&lt;a href=&quot;http://www.idntheme.com/p/contact-form.html&quot; target=&#39;_blank&#39; title=&quot;Pasang Iklan&quot;&gt;&lt;img style=&quot;border: none;&quot; src=&quot;https://2.bp.blogspot.com/-9y1Es0D1EYQ/Wfd3aSB93xI/AAAAAAAAFlA/5RQ_U3AoSoMBgEoxva1e4KkOwTRZ0TogwCLcBGAs/s1600/placeit.png&quot; alt=&quot;Pasang Iklan&quot; title=&#39;Pasang Iklan&#39; width=&quot;125&quot; height=&quot;125&quot; /&gt;&lt;/a&gt;
&lt;a href=&quot;http://www.idntheme.com/p/contact-form.html&quot; target=&#39;_blank&#39; title=&quot;Pasang Iklan&quot;&gt;&lt;img style=&quot;border: none;&quot; src=&quot;https://2.bp.blogspot.com/-9y1Es0D1EYQ/Wfd3aSB93xI/AAAAAAAAFlA/5RQ_U3AoSoMBgEoxva1e4KkOwTRZ0TogwCLcBGAs/s1600/placeit.png&quot; alt=&quot;Pasang Iklan&quot; title=&#39;Pasang Iklan&#39; width=&quot;125&quot; height=&quot;125&quot; /&gt;&lt;/a&gt;
&lt;a href=&quot;http://www.idntheme.com/p/contact-form.html&quot; target=&#39;_blank&#39; title=&quot;Pasang Iklan&quot;&gt;&lt;img style=&quot;border: none;&quot; src=&quot;https://2.bp.blogspot.com/-9y1Es0D1EYQ/Wfd3aSB93xI/AAAAAAAAFlA/5RQ_U3AoSoMBgEoxva1e4KkOwTRZ0TogwCLcBGAs/s1600/placeit.png&quot; alt=&quot;Pasang Iklan&quot; title=&#39;Pasang Iklan&#39; width=&quot;125&quot; height=&quot;125&quot; /&gt;&lt;/a&gt;
&lt;a href=&quot;http://join-shortest.com/ref/7f874f0bd8&quot; target=&#39;_blank&#39; rel=&#39;nofollow&#39; title=&quot;Earn on short links&quot;&gt;&lt;img style=&quot;border: none;&quot; src=&quot;https://static.shorte.st/bundles/smeuser/img/referral_banners/125x125.png?2016-12-09.0&quot; alt=&quot;Earn on short links&quot; title=&#39;Earn on short links&#39; width=&quot;125&quot; height=&quot;125&quot; /&gt;&lt;/a&gt;
&lt;/div&gt;</b:widget-setting>
    </b:widget-settings>
    <b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>
</b:includable>
  </b:widget>
Kamu juga bisa menghapusnya dari Tata Letak template tersebut. Jika ada yang kamu tanyakan, bisa kita bahas dikomentar, dan artikel ini akan saya update. Terima kasih.
Advertisement

Berkomentarlah jika memang ada pertanyaan apapun itu, admin akan membalasnya jika tidak ada kesibukan lainnya. Terima kasih
EmoticonEmoticon

This Newest Prev Post
 

Start typing and press Enter to search