Cara Mengganti Judul Artikel Dengan Permanen Link

Cara Membuat Permanen Link Pada Blog - sebenarnya secara default saat kita menulis artikel blog baru, kita bisa lihat di sebelah kanan tab tulisan ada menu opsi setelan entri "Tautan Permanen" Permanen Link (Permalink) secara otomatis akan muncul sesuai dengan entri Judul Artikel yang anda buat, seperti artikel ini dengan Permanen Link-
http://sahabatblogger77.blogspot.com/2013/12/cara-mengganti-judul-artikel-dengan-permanen-link.html. Hanya saja Permanen Link tersebut tidak terlihat pada artikel saat kita publikasikan tulisan.

Permalink-Permanen Link merupakan alamat situs URL atau Link Permanen artikel atau postingan di blog yang dapat dibuka di mesin telusur seperti Google, Yahoo, dan Bing.
Agar memudahkan Google membaca permalink tersebut, kita perlu Menambahkan Permanen Link Otomatis dan SEO Friendly Pada Plog. sehingga kita tidak kerepotan lagi mengubahnya secara manual. Dengan Cara Mengganti Judul Artikel Dengan Permanen Link, maka secara otomatis Permanen link akan terpasang saat anda publikasikan artikel. Disini akan saya share beberapa model Permanen Link (Permalink) atau Smart Link sebagai berikut :

MODEL PERTAMA
Cara Mengganti Judul Artikel Dengan Permanen Link sebagai berikut:
➝ Ke Tata Letak
➝ Pilih Template - Edit Template
➝ Gunakan CTRL+F untuk memudahkan pencarian kode
➝ Copy kode berikut lalu Paste diatas atau sebelum kode ]]></b:skin>

/*about profile blogger widget desain
url: http://sahabatblogger77.blogspot.com/
author: devy indriyani*/
#about-profile {
  width:auto;
  background:#f2f2f2;
  border:2px solid #000000;
  margin:0 auto;
  display:block;
  font-family:"julee";
  color:#000;}

#about-profile .info-text {padding:5px;}
#about-profile h4 {
  background:#FF0000;
  border:none;
  border-bottom:2px solid #39f;
  color:#fff;
  font-family:"julee";
  text-shadow:0 1px 0 rgba(0, 0, 0, 0.4);
  padding:5px 10px;
  display:block;}

#about-profile h4 a {color:#000000;}
#about-profile img {
  background:pink;
  width:90px;
  height:100px;
  border:1px solid #080;
  margin:3px 20px 0 0;
  float:left;
  padding:2px;
  box-shadow:5px 5px 5px rgb(0,0,0,.5);
  -moz-box-shadow:5px 5px 5px rgb(0,0,0,.5);
  -webkit-box-shadow:5px 5px 5px rgb(0,0,0,.5);}

➝ Lalu cari kode <data:post.body/>
➝ Kemudian letakkan kode berikut dibawahnya.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
    <div id='about-profile'>
        <h4>Diposting Oleh : <b><data:post.author/></b></h4>
            <div class='info-text'>
<img alt='About Profile Image' src='URL-Gambar Anda.jpg'/>
Anda sedang membaca artikel tentang - <b><a expr:href='data:post.url'><data:post.title/></a></b>
Jika ingin mengcopy paste atau menyebar-luaskan artikel ini, jangan lupa untuk meletakkan link dibawah ini sebagai sumbernya >> <textarea cols='50' id='bloglinking' name='bloglinking' onclick='this.focus();this.select()' onfocus='this.select()' onmouseover='this.focus()' readonly='readonly' rows='1'>&lt;a href=&quot;<data:post.url/>&quot; target=&quot;_blank&quot;&gt;<data:blog.pageName/>&lt;/a&gt;</textarea><p><span style='float:right;font:italic 10px Arial, Sans-Serif;'><a href='http://sahabatblogger77.blogspot.com/' target='_blank'>SB-77 Desain</a></span></p>
<div style='clear:both;'/>
            </div>
    </div>
</b:if>

Dan hasilnya akan seperti ini:


DEMO SHOW



MODEL KEDUA
Cara Mengganti Judul Artikel Dengan Permanen Linksebagai berikut:
➝ Ke Tata Letak
➝ Pilih Template - Edit Template
➝ Gunakan CTRL+F untuk memudahkan pencarian kode
➝ Temukan kode ini <data:post.body/>, Taruh kode ini dibawahnya:

ELEMEN KODE

<b:if cond='data:blog.pageType == &quot;item&quot;'>
  <div style='background: #a8f884; margin-bottom: 10px;margin-top: 30px;border: 2px ridge red;border-right: 8px double red;border-left: 8px double red; font-size: 11px; padding: 15px'><span style='font-size: 17px;'><div style='color: blue'><b>TERIMA KASIH ATAS KUNJUNGAN SAUDARA</b></div></span><br/>
<div itemscope='' itemtype='http://data-vocabulary.org/Review'>
 Title= <b><span itemprop='itemreviewed'><data:post.title/></span></b><br/>
  Pengarang= <b><span itemprop='reviewer'><data:post.author/></span></b><br/>
Rating Blog <span itemprop='rating'>1</span> dari 5
</div>
    <span style='text-align: jusfity;'>Semoga artikel ini bermanfaat bagi saudara. Jika ingin mengutip baik itu sebagian atau keseluruhan dari isi artikel ini harap menyertakan link dofollow ke &gt;&gt; <div style='color: red'><b><div style='font-family: Arial;font-size: 13px;'><a expr:href='data:post.url'><data:post.url/></a></div></b></div><div style='text-align: center;'><div style='color: red'><b>= TERIMA KASIH =</b></div></div></span></div></b:if>
      <div style='clear: both;'/>

Hasilnya akan terlihat seperti tombol DEMO SHOW dibawah ini:



DEMO SHOW


Mari berbagi Cara Mengganti Judul Artikel Dengan Permanen Link ini dengan meng-klik tombol share Google+.

See you and happy Week end guys...!!!

Diperbaharui - (Desain Ulang)
Oleh: Devy Indriyani at "09 Agustus 2014"