Cara Membuat Permalink di Blog Sangat Keren

Permalink di dalam dunia blog/web site adalah sesuatu identitas blogger tersendiri. Fikri Imani Kamil di sini tidak akan menjelaskan arti definisi permalink itu sendiri, karena saya bukan ahlinya, tapi jika para sahabat ingin menggunakan kotak Admin secara keren dan elegant seperti yang tampil di gambar yang ada di bawah ini:

tidak begitu sulit dan mudah untuk diterapkan.

Cara Membuat Permaink Blog Sangat Keren dan Mudah

Bagaimana, apakah sahabat tertarik untuk membuatnya?

jika iya, maka langsung saja ikuti tutorial dibawah ini :

•  login dashboard blogger sobat
•  pilih template 
•  edit html
• karena sudah tampilan baru tidak ada "expand template" maka langsung saja sobat ketik ctrl+fdan search pada kotak pencarian lalu isi dengan kode ]]></b:skin> lalu letakkan kode css berikut ini tepat diatas 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:#00FF00; 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:120px; border:1px solid #000000; margin:3px 10px 0 0; float:left; padding:2px; box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none; }  

 ]]></b:skin>

• keterangan: css diatas bisa sobat ubah sendiri warna nya
• setelah itu cari kode html yang seperti ini :
  

  <data:post.body/>

• jika kode  <data:post.body/> lebih dari satu, maka sobat pilih yang kedua,
• setelah ketemu kode yang kedua lalu letakkan kode dibawah ini tepat dibawah <data:post.body/>

<!-- Permalink --> <b:if cond='data:blog.pageType == &quot;item&quot;'> <div class='admin-tulisan'> <h4>Ditulis Oleh : <b><data:post.author/></b></h4> <div class='kontainer'> <img alt='RegiBrader' src='http://i62.tinypic.com/2ltsd47.jpg'/> Sobat sedang membaca artikel tentang <b><a expr:href='data:post.url'><data:post.title/></a></b>.  Sobat diperbolehkan mengcopy paste atau menyebar-luaskan artikel ini, namun jangan lupa untuk meletakkan link dibawah ini sebagai sumbernya, Karena artikel ini Dilindungi oleh : <a href='http://www.dmca.com/Protection/Status.aspx?ID=0a2ecdfe-d9f6-4061-8b71-9d3b82d991b3' target='_blank'><b>DMCA PROTECTED</b></a> Terimakasih! <textarea cols='60' id='bloglinking' name='bloglinking' onclick='this.focus();this.select()' onfocus='this.select()' onmouseover='this.focus()' readonly='readonly' rows='5'>&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://goo.gl/7wNBWu' target='_blank'>:: Get this widget ! ::</a></span></p> <div style='clear:both;'/> </div> </div> </b:if> <!-- Permalink -->

Cara Penerpan Seperti Gambar ini

Mudahkan cara penerapannya, jika ada yang akan ditanyakan, silahkan masukan komentar sahabat. Selamat Sukses yach