Cara Membuat Permalink Keren untuk Blog

Catatan Pendek Penulis | Sudah lumayan lama juga tidak update dan share info mengenai script untuk mempercantik blog, nah kali ini saya akan membagikan cara membuat permalink keren untuk mempercantik blog kita agar terlihat lebih profesional.

Seperti biasa kita masuk ke dashboar > Templates > edit HTML
1. setelah masuk ke dalam edit HTML, carilah kode  ]]></b:skin>, biar lebih cepat gunakan CTRL+F untuk mempercepat pencarian.
2. setelah ketemu silahkan copy saja script dibawah ini.
.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 h3{
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 h3 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;
}
3. setelah itu carilah kode <data:post.body/> dan copy script dibawah ini tepat dibawah <data:post.body/>
<!-- Permalink Script dari Pakepe.com -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='admin-tulisan'>
<h3>Ditulis Oleh : <b><data:post.author/></b> Catatan Pendek Penulis</h3>
<div class='kontainer'>
<img alt='Pake Herbal' src='URL GAMBAR/FOTO ANDA'/>
Sobat sedang membaca artikel tentang <b><a expr:href='data:post.url'><data:post.title/></a></b>.  Oleh Admin, 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'>&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://www.pakepe.com' target='_blank'>:: Follow Me ! ::</a></span></p>
<div style='clear:both;'/>
</div>
</div>
</b:if>
<!-- Permalink Script dari Pakepe.com -->

Keterangan :
Catatan Pendek Penulis = Ganti dengan Judul yang sesuai blog anda
URL GAMBAR/FOTO ANDA = ganti dengan alamat URL yang mewakili blog anda
#000000 = Ganti dengan warna kesukaan anda
Jika ada lebih dari 1 <data:post.body/> cari satu persatu hingga permalink muncul di setelah postingan.
Semoga bermanfaat.

Post a Comment

1 Comments

Pengunjung yang baik selalu meninggalkan komentar