Cara Membuat Permalink Di Blog

Ditulis Oleh : Wildan Andriana

Sobat sedang membaca artikel tentang . Oleh Wildan, Sobat diperbolehkan mengcopy paste atau menyebar-luaskan artikel ini, namun jangan lupa untuk meletakkan link dibawah ini sebagai sumbernya <a href="<data:post.url/>" target="_blank"><data:blog.pageName/></a>:: Get this widget ! ::

Anda Ingin Seperti Diatas Itu, Ikuti saja langkah berikut ini:

1. Login ke akun blog sobat.
2. Klik rancangan --> Edit HTML --> Centang kotak expand template widget
3. Letakkan kode berikut di atas kode ]]></b:skin>

 .admin-tulisan{
width:auto;
background:#f2f2f2;
border:2px solid #000000;
margin:30px 0 10px 0;
display:block;
font-family:"julee";
color:#000;
}
.admin-tulisan .kontainer{padding:5px;}
.admin-tulisan h4{
background:#FF0000;
border:none;
border-bottom:1px solid #000000;
color:#fff;
font-family:"julee";
text-shadow:0 1px 0 rgba(0, 0, 0, 0.4);
padding:5px 10px;
margin:0 0 0 0;
display:block;
}
.admin-tulisan h4 a{color:#000000;}
.admin-tulisan img{
background:#000000;
width:90px;
height:100px;
border:1px solid #000000;
margin:3px 10px 0 0;
float:left;
padding:2px;
box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;
}

4. Cari kode <data:post.body/> ( gunakan Ctrl + F ) dan letakkan kode berikut tepat di bawahnya. 

 <!-- Permalink Tatelu -->
<b:if cond="data:blog.pageType == &quot;item&quot;">
</b:if><br />
<div class="admin-tulisan">
<h4>
Ditulis Oleh : <b><data:post .author=""></data:post></b>Wildan Andriana</h4>
<div class="kontainer">
<img alt="Christian angkouw" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgp1x4XtsnKuZgynwjqTbOZ6yuiU7na14QYvu8U4aGbLwCOAV9aeTz8aiu-dAPgpCQGgv6jquXJqwepr9VNBLnFH0HWi0NjlUIifyOno4Yw45S_9aQgtV3tzB9M2u-8_WoLP28QY66Ujefk/s100-no/fotowildan-1.jpg" />
Sobat sedang membaca artikel tentang <b><a expr:href="data:post.url" href="https://www.blogger.com/null"><data:post .title=""></data:post></a></b>.  Oleh Wildan, Sobat diperbolehkan mengcopy paste atau menyebar-luaskan artikel ini, namun 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"><a href="<data:post.url/>" target="_blank"><data:blog.pageName/></a></textarea>
<span style="float: right; font: italic 10px Arial, Sans-Serif;">
<a href="http://wildanandriana.blogspot.com/2014/12/tab-menuku.html" target="_blank">:: Get this widget ! ::</a></span><br />
<div style="clear: both;">
</div>
</div>
</div>
<!-- Permalink Tatelu -->

5. Klik save dan lihat hasilnya.
 
Tambahan :

• Ganti kode yang berwarna biru dengan Url foto / gambar milik sobat
• Sesuaikan angka yang berwarna merah dengan ukuran template blog sobat ( ukuran textarea )