Siang hari ini saya akan membagikan satu template lagi yang super duper keren deh pokoknya..! he..he.. yaitu http://dharlovers.blogspot.com Adapun cara penerapan fitur pada template tersebut silahkan anda ikuti tutorial singkatnya dengan cara menutup mata sambil berdoa, ekh.. ko tutup mata sich,,, maksudnya buka mata lebar-lebar tapi awas jangan sampai lepas ya..!

Cara pemasangan fitur template dharlovers

Cari code berikut pada template tersebut dengan cara edit html

<script type='text/javascript'>
//<![CDATA[
var showPostDate   = true,
    showComments   = true,
    idMode         = true,
    sortByLabel    = false,
    labelSorter    = "",
    loadingText    = "Loading...",
    totalPostLabel = "Total Post :",
    jumpPageLabel  = "Page",
    commentsLabel  = "Comments",
    rmoreText      = "Read more &#9658;",
    prevText       = "Prev",
    nextText       = "Next",
    siteUrl        = "http://dharlovers.blogspot.com/",
    postsperpage   = 8,
    numchars       = 140,
    imgBlank       = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoD87W1NQA0wyyoNLcEEhviVURsnMMnYwI1LiRKZ9OrUOpV-beiNjbP9ocH17VEhDavexHKfUgcwNucwY0jwcmjbMNc__fNMikLETCT2O-P6Wn4GctV_fv9vALws1DOnmR-_0na1R68kc/s1600/no+image.jpg";
//]]>
</script>

Ganti tulisan yang saya beri tanda diatas dengan nama blog anda

Editing widget

Untuk mengedit widget label satu thumbnail silahkan menuju ke tata letak, lihat gambar dibawah.

Kemudian edit widget label 1 sampai 3 dan ganti nama label tersebut dengan nama label yang anda inginkan, lihat gambar

Pada gambar diatas terdapat tulisan Label 1 pada judul widget dan tulisan Desain%20blog pada area content widget, itulah yang harus anda ubah terserah anda mau tulis judulnya apa yang terpenting adalah nama labelnya harus sesuai dengan nama label anda yang ingin anda tampilkan

Editing Area Sidebar

Untuk memasang widget Twitter yang terdapat pada sidebar gunakan code dibawah

<div style="background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLaxY_cnck9mlVOMPW6j96BgVpGWV-z2zSckSRrBprJiW7etNG8ZQXgAPh2S4zylNzHlC5FebifL08KZs_5FBemcYUkA1C_L7bc-jTaoyC2hUO3zNFWd9ZLyVtTLUKgiQypbV8OAgyNrTn/s1600/tweet+%28270x400%29.png) no-repeat;padding-top:45px;padding-left:8px">
<script src="http://widgets.twimg.com/j/2/widget.js"></script>
<script>
new TWTR.Widget({
version: 2,
type: 'profile',
rpp: 10,
interval: 3000,
width: 290,
height: 270,
theme: {
shell: {
background: 'transparent',
color: '#000000'
},
tweets: {
background: 'transparent',
color: '#000000',
links: '#135a9e'
}
},
features: {
scrollbar: false,
loop: true,
live: true,
hashtags: true,
timestamp: true,
avatars: true,
behavior: 'default'
}
}).render().setUser('DharlaFerdana').start();
</script>
</div>

Ganti tulisan yang saya beri tanda diatas dengan nama twitter anda

Untuk widget recent comments masukkan code dibawah

<script type="text/javascript">
//<![CDATA[
// Recent Comments Settings
    var
    numComments  = 5,
    showAvatar  = true,
    avatarSize  = 30,
    characters  = 40,
    defaultAvatar  = "http://www.gravatar.com/avatar/?d=mm",
    hideCredits = true;
//]]>
</script>
<script type="text/javascript" src="http://html-scripts.googlecode.com/files/rcentcmmntavr.js"></script>
<script type="text/javascript" src="http://dharlovers.blogspot.com/feeds/comments/default?alt=json&amp;callback=tb_recent_comments&amp;max-results=5"></script>

Ganti juga tulisan yang di beri tanda diatas dengan nama blog anda

Untuk widget Subscribe via RSS Feed, dibawah ini codenya

<div class='touchme'>
    <!--Facebook-->
    <a class='facebook' href="http://www.facebook.com/dharla.samudra" rel='external nofollow' target='_blank'></a>
    <!-- Twitter -->
    <a class='twitter' href="http://twitter.com/DharlaFerdana" rel='external nofollow' target='_blank'></a>
    <!--RSS-->
    <a class='rss' href="http://feeds.feedburner.com/Dharlovers" rel='external nofollow' target='_blank'></a>
    <!--Google Plus-->
    <a rel="author" class='googleplus' href="https://plus.google.com/113542517587930625517/posts" target='_blank'></a>
</div>
<br/>
<div style="text-align: center">
    <div class='sub-box'>
        <div style="text-align: left; display: inline-block;"> <span style="display:block;font-family:'calibri';font-size:15px;font-weight:bold;">Subscribe via RSS Feed</span>
 <small><i>Anda dapat membaca artikel melalui rss feed <a href='http://feeds.feedburner.com/Dharlovers' target='_blank' title='feedburner' rel='nofollow'>
<b>klik di sini</b></a><br /> atau jika Anda ingin berlangganan artikel, silahkan masukkan email anda di bawah ini :</i></small>

            <form action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=Dharlovers', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
                <input type="hidden" value="Dharlovers" name="uri" />
                <input type="hidden" name="loc" value="fr_FR" />
                <input type="text" onblur="if (this.value == &quot;&quot;) {this.value = &quot;Enter your email here...&quot;;}" onfocus="if (this.value == &quot;Enter your email here...&quot;) {this.value = &quot;&quot;}" value="Enter your email here..." name="email"
                class="emailtext" />
                <input type="submit" class="sub-button" value="Enter" />
            </form>
        </div>
    </div>
</div>

Silahkan di edit yang perlu

Sedangkan untuk widget pada footer disitu saya menggunakan scrip label otomatis yang hanya menampilkan empat artikel, kalau anda mau pake juga silahkan anda edit pada bagian yang diberi tanda, berikut codenya

<script style="text/javascript">
   var numposts = 1000;
   var standardstyling = true;
</script>
<script type='text/javascript' src='http://dharla-perdana.googlecode.com/files/label.js'></script>

<script src="http://dharlovers.blogspot.com/feeds/posts/default/-/Tips%20blog?orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts&amp;max-results=4"></script>

Navigasi Neon

Untuk mengedit menu navigasi yang pada template tersebut saya beri nama Neon lihat gambar dibawah.

Masukkan code berikut pada kolom widget yang berada diatas kotak posting, tidak usah di beri judul

<ul class="neon color2">
     <li><a href="/" title="Beranda"><i class="icon20 home"></i><span>Home</span></a></li>
       <li><a href="/"><i class="icon20 upload"></i><span>Upload</span></a></li>
          <li><a href="/"><i class="icon20 download"></i><span>Download</span></a></li>
          <li><a href="/" title="Daftar isi lengkap" target="_blank"><i class="icon20 pesan"></i><span>Posts</span></a></li>
       <li><a href="/"><i class="icon20 login"></i><span>Login</span></a></li>
    <li><a href="/" title="Blogger templates collections" target="_blank"><i class="icon20 theme"></i><span>Themes</span></a></li>
</ul>