Permalink blogspot yang cantik untuk meningkatkan seo on page blog

Permalink kali ini saya sudah di lengkapi dengan author box dimana di dalamnnya bisa di pasangi foto / gambar milik sobat, juga di lengkapi dengan url artikel yang auto drag ( otomatis ter blok ) . Contohnya bisa sobat lihat

Sobat yang tertarik dengan widget yang satu ini, silahkan ikuti tutorial berikut.

Cara Membuat Permanen Link di Blog

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 --> <b:if cond='data:blog.pageType == &quot;item&quot;'> <div class='admin-tulisan'> <h4>Ditulis Oleh : <b><data:post.author/></b> ~ Tips dan Trik Blogspot</h4> <div class='kontainer'> <img alt='Romi Fransisca' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXKUoOJ6-JePNWGHNLEsrliYNjRW4stmH8f-r1D5gij0uFIO7WMJYAhYQbNH9-ymaCsu6LGHo6FErfM62SH3_t1cDojU6HkEIkCAwy1pzy4CRSRpqGSM9BTG1mpvWELKdiNHo7BZY8_7m7/s1600/168557_615786695102730_1951750680_n.jpg'/> 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://tipstricks888.blogspot.com/2013/07/permalink-blogspot-yang-cantik-untuk.html' target='_blank'>:: Get this widget ! ::</a></span></p> <div style='clear:both;'/> </div> </div> </b:if>
<!-- Permalink --> 

 5. Klik save dan lihat hasilnya.

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