Cara Membuat Permalink Di Blog

Penulis Muh Akram Diterbitkan 7/07/2012

Saya Akan Menjelaskan Cara Membuat Permalink Di Blog , Contoh Hasil Dari Langka langka Berikut Akan Seperti Gambar Di Bawah Ini Dan Jika Anda Tertarik Membuatnya Silahkan Ikuti Langka-Langka Berikut ini :

• Login ke akun blog sobat.
• Klik rancangan --> Edit HTML --> Centang kotak expand template widget
• Letakkan kode berikut di atas kode ]]></b:skin>

.admin-tulisan{ display:block; width:auto; background:#fff; border:2px solid#4eabff;
    box-shadow:0 1px 3px #4eabff;-moz-box-shadow:0 1px 3px #4eabff;-webkit-box-shadow:0 1px 3px #4eabff;
    padding:0;margin:30px 0 10px 0; font:normal 12px Arial, Sans-Serif;color: #000;}
    .admin-tulisan .kontainer{padding:5px;}
    .admin-tulisan h4{background:#4eabff;border:none;border-bottom:1px solid #;color:#000; text-transform:normal; text-  box-shadow:0 1px 3px #4eabff;-moz-box-shadow:0 1px 3px#4eabff;-webkit-box-shadow:0 1px 3px #4eabff; font:bold 12px Arial,Sans-Serif;padding:5px 10px; margin:0 0 0 0; display:block; }
    .admin-tulisan h4 a{color:#000;}
    .admin-tulisan img{width:110px;height:110px; margin:0 10px 0 0; float:left; border:1px solid #4eabff;padding:2px; background:#4eabff;   box-shadow:0 1px 3px #4eabff;-moz-box-shadow:0 1px 3px #1da7e7;-webkit-box-shadow:0 1px 3px #4eabff;}

• Cari kode <data:post.body/> ( gunakan Ctrl + F ) dan letakkan kode berikut tepat di bawahnya.

<!-- Permalink Tatelu -->
<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='Muh.Akram' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihW5ilh8fq06SG1KrcXVrmo391hQYk0KcworlMQIqpq7dz4pZacfPFe2G8u6LFt1HqFCB74gQwPabnidJydYYyneKLJz49D_GZdq7cpIOVL9AjJiZVhPwViv85Z7vtX7Ch0IcmCH4lQS72/s1600/admin+akriz%27Z.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://zackybee7.blogspot.com/2012/05/cara-membuat-memasang-permalink-di-blog.html' target='_blank'>:: Get this widget ! ::</a></span></p>
<div style='clear:both;'/></div></div></b:if><!-- Permalink Tatelu -->

• Klik save dan lihat hasilnya.

Keterangan :

• Ganti kode yang berwarna biru dengan Url foto / gambar milik sobat
• Sesuaikan angka yang berwarna merah dengan ukuran template blog sobat ( ukuran textarea )
• Dan warna Ungu Ganti Dengan Nama Sobat