Cara Membuat Permalink admin di blog sangat keren

Permalink di dalam dunia blog/web site adalah sesuatu identitas blogger tersendiri. Saya 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 Admin Permalink Sangat Keren di Blog

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+f dan 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:#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; }  

 ]]></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> ~ Musik, Software, Blogging, Information</h4>
<div class='kontainer'>
<img alt='RegiBrader' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGS2KlcNdo3RXe7J8-A2uAp3LQZ0g5-BW1bBMLfciCqMCRxFEeUMLHVHAGz-wPRWbniGJFl3la1Zl4aM6lg5DReuo6LZOUuXzGVa64lzVeiV-rU_0R54TL-c_cqYQeZVvwH-uL8ULxFnLD/s207-p-no/'/>
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. Saling menghargai kreatifitas sobat Blogger.
<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://adf.ly/PLMyL' target='_blank'>:: Get this widget ! ::</a></span></p>
<div style='clear:both;'/>
</div>
</div>
</b:if>
<!-- Permalink -->

Cara Penerapannya seperti gambari ini

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

Sumber

Ditulis Oleh : Ricky *** Musik, Software, Blogging, Information ***

Sobat sedang membaca artikel tentang Cara Membuat Permalink admin di blog sangat keren. Sobat diperbolehkan mengcopy paste atau menyebar-luaskan artikel ini, namun jangan lupa untuk meletakkan link dibawah ini sebagai sumbernya. Saling menghargai kreatifitas sobat Blogger. <a href="http://glabadia.blogspot.com/2013/07/cara-membuat-permalink-admin-di-blog.html" target="_blank">Cara Membuat Permalink admin di blog sangat keren</a>

:: Get this widget ! ::

Ditulis oleh: Ricky - Juli 06, 2013

Artikel Terkait: