cara membuat / memasang permalink di blog

 Kali ini saya akan membahas tentang cara membuat / memasang permalink di blog sama persis dengan permanen link di blog ini.

Permalink adalah istilah untuk link aktif permanen pada suatu artikel di halaman posting yang di biasanya di letakan di bawah atau sesudah postingan, fungsinya tidak lain dan tidak bukan yaitu untuk meningkatkan seo on page blog sobat. Biasanya sobat yang newbie menemukan artikel seperti ini dengan keyword cara membuat link tetap atau tambahan detail postingan yang letaknya di bawah artikel, sebelum sobat tahu bahwa namanya adalah permanen link.

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 tepat di bawah artikel.

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{
    display:block;
    width:auto;
    background:#333333;
    border:2px solid #0e5373;
    box-shadow:0 1px 3px #1da7e7;-moz-box-shadow:0 1px 3px #1da7e7;-webkit-box-shadow:0 1px 3px #1da7e7;
    padding:0;
    margin:30px 0 10px 0;
    font:normal 12px Arial, Sans-Serif;
    color: #e5e5e5;
    }
    .admin-tulisan .kontainer{padding:5px;}
    .admin-tulisan h4{
    background:#0e5373;
    border:none;
    border-bottom:1px solid #D3D3D3;
    color:#ffffff;
    text-transform:normal;
    text-shadow:0 1px 0 rgba(0, 0, 0, 0.4);
    font:bold 12px Arial,Sans-Serif;
    padding:5px 10px;
    margin:0 0 0 0;
    display:block;
    }
    .admin-tulisan h4 a{color:#FF100%0;}
    .admin-tulisan img{
    width:110px;
    height:138px;
    margin:0 10px 0 0;
    float:left;
    border:1px solid #0e5373;
    padding:2px;
    background:#0e5373;
    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 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='http://a2.sphotos.ak.fbcdn.net/hphotos-ak-ash3/522816_400287683344391_100000894896668_1195209_69894017_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://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 -->

5. Klik save dan lihat hasilnya.

Tambahan :

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

Sekian dari saya semoga artikel cara membuat / memasang permalink di blog bermanfaat bagi anda semuah

Tolong dibaca nih gan !

Kamu sedang membaca artikel tentang cara membuat / memasang permalink di blog dan kamu bisa menemukan artikel cara membuat / memasang permalink di blog ini dengan url http://zackybee7.blogspot.com/2012/05/cara-membuat-memasang-permalink-di-blog.html, kamu boleh menyebar luaskannya atau mengcopy paste-nya jika artikel cara membuat / memasang permalink di blog ini sangat bermanfaat bagi banyak orang, namun jangan lupa untuk meletakkan link cara membuat / memasang permalink di blog sebagai sumbernya.

Artikel terkait :