Cara Membuat Permalink

Hay sob......
Kali ini DANIARIS akan share tentang Cara Membuat Premalink di Blog.
hasil dari penerapan tutorial ini adalah berbentuk beberapa kalimat atau kata yang di rangkai oleh kita sendiri, tapi kalimat atau kata yang kita buat itu akan selalu tampil di sub menu blog. Tutorial ini juga akan menampilkan link posting yang sedang dibuka atau di baca bersamaan dengan kata atau kalimat yang sudak kita buat sebelumnya.

Jika teman-teman sudah tidak sabar untuk mencob tutorial ini, silahkan ikuti yang ada di bawah ini :
 Cara Membuatnya:
1. Login ke blog: klik
2. Dasbor >> Template >> Edit HTML >> Centang Expand Template Widget
3. Cari code ]]></b:skin> 
4.  Letakkan kode CSS dibawah ini  diatas ]]></b:skin> 

/* Permalink
----------------------------------------------- */
.buatpermalinkblogger{
  border: 1px solid #E4E4E4;
  padding: 5px;
  background: #F4F4F4;-moz-border-radius:5px;
}


.buatpermalinkblogger a{
  background:none;
}


img.float-right {
  margin: 5px 0px 0 10px;
}


img.float-left {
  margin: 5px 10px 0 0px;
}

 Kemudian Tambahkan scrip ini dibawah kode <data:post.body/>

<div class='buatpermalinkblogger'>
<center><small>Semoga artikel tentang <u><b><a expr:href='data:post.url'><data:post.title/></a></b></u> bermanfaat untuk anda dan jika ingin mencopy artikel ini mohon untuk meletakkan link dibawah ini sebagai sumbernya.
<br/><strong><data:post.url/></strong><br/>
</small></center>
<textarea cols='65' id='bloglinking' name='bloglinking' onclick='this.focus();this.select()' onfocus='this.select()' onmouseover='this.focus()' readonly='readonly' rows='1'>
<a expr:href='data:post.url'><data:blog.pageName/></a></textarea>


<!-- Facebook Button BEGIN -->
<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=button_count&amp;show_faces=false&amp;width=100&amp; action=like&amp;font=arial&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:100px; height:20px;'/>
<!-- Twitter Button END -->


<!-- Twitter Button BEGIN -->
<a class='twitter-share-button' data-via='koderator' href='https://twitter.com/share'>Tweet</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=&quot;//platform.twitter.com/widgets.js&quot;;fjs.parentNode.insertBefore(js,fjs);}}(document,&quot;script&quot;,&quot;twitter-wjs&quot;);</script>
<!-- Twitter Button END -->


<!-- Google+ Button BEGIN -->
<g:plusone annotation='inline' size='medium'/>
<script type='text/javascript'>
  (function() {
    var po = document.createElement(&#39;script&#39;); po.type = &#39;text/javascript&#39;; po.async = true;
    po.src = &#39;https://apis.google.com/js/plusone.js&#39;;
    var s = document.getElementsByTagName(&#39;script&#39;)[0]; s.parentNode.insertBefore(po, s);
  })();
</script>
<!-- Google+ Button END -->
</div>

Jika Anda sudah memasang menu "readmore" silahkan taruh code di atas itu di bawah code <data:post.body/> yang ke 2.
Tapi jika masih ingin bertanya suatu hal seputar tutorial ini, silahkan tinggalkan commentar Anda... 

Categories: Tutorial Blog