Cara Mudah Membuat Permalink Keren di Blog

Cara Mudah Membuat Permalink Keren di Blog - Permalink pada blog memang memiliki banyak model atau variasi, tergantung dari script yang mereka gunakan. Mulai dari permalink yang biasa-biasa saja sampai permalink yang menggunakan foto dan dan auto drag. Jadi pada tutorial saya kali ini saya akan menjelaskan tentang "Bagaimana Membuat Permalink Keren Pada Blog".

Permalink yang akan saya jelaskan kali ini adalah permalink yang sudah dilengkapi dengan author box. Jadi permalink ini bisa kita pasangi foto di dalamnya, selain itu juga ada auto dragnya. Auto drag adalah text area yang apabila kita mengarahkan cursor ke arah text area tersebut maka akan otomatis terblok semua kata yang ada pada text area tersebut. Contoh text area yang otomatis terblok :

Selain ada auto dragnya, seperti yang sudah saya katakan tadi permalink keren saya kali ini ada foto di dalamnya. Foto pada permalink keren ini bisa anda ganti sesuai keinginan anda, sebaiknya anda ganti dengan menggunakan foto yang sama dengan akun blogspot atau google plus sobat. Hal ini agar pengunjung blog tahu bahwa andalah administrator (Admin) sesungguhnya dari blog tersebut.

Jika anda tertarik untuk memasang widget permalink keren ini, silahkan anda ikuti langkah-langkah di bawah ini:

Login akun blog anda
Pilih blog yang ingin anda edit
Masuk ke menu template, lalu klik Edit HTML
Cari kode ]]></b:skin> dengan melakukan klik pada kolom edit HTML, kemudian tekan Ctrl + F atau bisa juga dengan menekan F3
Letakan script di bawah ini tepat 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;
}

Kemudian cari kode <data:post.body/>, lalu letakan script di bawah ini tepat di bawah kode <data:post.body/>

<b:if cond='data:blog.pageType == "item"'>
<div class='admin-tulisan'>
<h4>Ditulis Oleh : <b><data:post.author/></b> ~ Tips dan Trik Blogspo</h4>
<div class='kontainer'>
<img alt='Riki Junizar' 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'><a href="<data:post.url/>" target="_blank"><data:blog.pageName/></a></textarea>
<p><span style='float:right;font:italic 10px Arial, Sans-Serif;'>
<a href='http://ngeblog07.blogspot.com/2013/04/cara-membuat-permalink-blog-keren.html' target='_blank'>:: Get this widget ! ::</a></span></p>
<div style='clear:both;'/>
</div>
</div>
</b:if>

Simpan template kemudian lihat hasilnya

Keterangan :

Kode yang berwarna merah adalah warna-warna yang akan ada pada permalinknya nanti, sobat bisa menggantinya dengan warna yang anda inginkan. Cari kode HTML-nya di sini "Kode Warna HTML".
Ganti kode yang berwarna biru dengan URL foto yang anda inginkan.
Sesuikan kode yang berwarna ungu dengan lebar template saudara
Untuk kode yang berwarna hijau, silahkan ganti sesuai keinginan anda
Biasanya kode <data:post.body/> lebih dari satu. Jika anda mencoba kode yang pertama tidak berhasil, silahkan lanjutkan ke kode <data:post.body/> selanjutnya sampai permalinknya terlihat di bagian bawah setelah isi artikel.

Jika anda mengikuti langkah-langkah di atas dengan baik dan benar, maka hasilnya akan terlihat seperti gambar di bawah ini:

Contoh Permalink Keren Tutorial Blog dan SEO

Demikianlah artikel saya kali ini, tentang "Cara Mudah Membuat Permalink di Blog". Di bawah ini ada beberapa artikel rekomendasi yang mungkin anda suka.

Sekian dan semoga bermanfaat . . .