Membuat internal link otomatis pada blogspot akan mempermudah anda juga untuk membuat sebuah link yang mengarah pada homepage blog maupun link yang mengarah pada halaman itu sendiri agar artikel kamu bisa terkait,nah inilah salah satu contoh tampilan internal link otomatis pada blog DEWATA ini, yang anda bisa lihat di akhir postingan ini:
Nah,bagaimana Cara membuat internal link otomatis menggunakan kotak background dan efek hover? mau dicoba ngga..! mudah kok,caranya sebagai berikut:
- Seperti biasa login blogger Klik rancangan
- Lalu klik edit html lalu centang Expand Widget Templates
- Cari kode ]]></b:skin>
- Masukan kode Internal Link Otomatis diatas kode ]]></b:skin> ini kodenya:
/* internallink
===================== */
.internallink{
background-color: #fff;
border: 1px solid #FF0000;
margin: 10px 0px;
padding: 10px;
width: auto;
height: auto;
text-align: center;
-moz-border-radius:5px;
}
.internallink:hover{
background-color: #000;
border:2px solid #ff00ff;
margin: 10px 0px;
padding: 10px;
width: auto;
height: auto;
text-align: center;
-moz-border-radius:5px;
} - Setelah itu cari lagi kode yang seperti ini <data:post.body/>
- Setelah ketemu masukkan kode dibawah ini tepat dibawah kode <data:post.body/> ini kodenya:
- Kemudian simpan
- Buka artikel anda dan lihat hasilnya
<b:if cond='data:blog.pageType = "item"'><div class='internallink'>Terima kasih telah membaca artikel: <a expr:href='data:post.link' expr:title='data:post.title'><data:post.title/></a>.Silahkan baca artikel ©<a expr:href='data:blog.homepageUrl'><data:blog.title/></a> yang lainya:</div></b:if>
