Home » » Cara Membuat Permalink di Blog

Cara Membuat Permalink di Blog

Written By AiRa LoKa on Sabtu, 27 April 2013 | 17:18

Cara Membuat Permalink di Blog
     Cara Membuat Permalink di Blog - Hai semua AiRa LoKa best friend... kali ini saya mau bagi-bagi tutorial tentang Cara Membuat Permalink di Blog.

    
     Permalink Pada blog adalah istilah untuk link aktif permanen pada suatu artikel di halaman posting yang di biasanya di letakan di bawah atau sesudah postingan,sebagaimana kita tahu bahwa Permalink ini sudah di lengkapi dengan foto sesuai dengan keinginan sobat,dan fungsinya tidak lain dan tidak bukan yaitu untuk meningkatkan seo on page blog milik kita. Nah, bagi yang mau coba, Langsung saja..
Chek It Out......

1.  Masuk ke Blogger > Dashboard Blogger > Template > Edit HTML.

2.  Cari code ]]></b:skin>, gunakan Ctrl + F untuk mencari. Letakkan script dibawah ini diatas code ]]></b:skin>.
.admin-tulisan{
width:auto;
background:#f2f2f2;
border:1px solid #000000;
margin:30px 0 10px 0;
display:block;
font-family:"julee";
color:#000;
-moz-border-radius: 2 2 2 2;
}
.admin-tulisan .kontainer{padding:5px;}
.admin-tulisan h4{
background:#0099ff;
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;
}
3.  Cari code <data:post.body/>, gunakan Ctrl + F untuk mencari. Letakkan script dibawah ini dibawah code <data:post.body/>.
<!-- Permalink By AiRa LoKa - Start -->
<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='AiRa LoKa' src='http://lh5.googleusercontent.com/-PeSQ1ibzf00/AAAAAAAAAAI/AAAAAAAAA8c/ak3XT-J8BPU/s512-c/photo.jpg'/>
Anda sedang membaca artikel <b><a expr:href='data:post.url'><data:post.title/></a></b>.  Anda dipersilahkan menyebar-luaskan artikel ini, dengan catatan jangan lupa untuk meletakkan link dibawah ini sebagai sumbernya
<textarea cols='55' id='bloglinking' name='bloglinking' onclick='this.focus();this.select()' onfocus='this.select()' onmouseover='this.focus()' readonly='readonly' rows='2'>&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://airaloka.blogspot.com/2013/04/cara-membuat-permalink-di-blog.html' target='_blank'>► Get this widget!</a></span></p>
<div style='clear:both;'/>
</div>
</div>
</b:if>
<!-- Permalink By AiRa LoKa - End -->
4.  Simpan template

Selamat mencoba!

7 komentar:

  1. Terima kasih gan saya coba pasang di blog saya

    BalasHapus
  2. cara mengedit lebar sama tingginya gimana?

    BalasHapus
    Balasan
    1. maksudnya lebar tinggi ukuran kotak kodenya

      Hapus
  3. gan , kok ga muncul ya? atau harus tunggu beberapa saat? mohon pencerahannya :)

    BalasHapus
  4. emang nya gw bego apa, Jangan coba Tutorial ini gan
    Lihat deh Kode HTML nya yang ke 2 yang ada bacaan Get This Widget, itukan Url nya Url Blog ini, jdi klo kita Klik Get This Widget otomatis malah ke Blog ini jadinya

    BalasHapus

Catatan:
Untuk menyisipkan kode, gunakan tag <i rel="pre">KODE ANDA DI SINI...</i>
Untuk menyisipkan gambar, gunakan tag <i rel="image">URL GAMBAR ANDA DI SINI...</i>
Untuk menyisipkan judul, gunakan tag <b rel="h3">JUDUL ANDA DI SINI...</b>
Untuk menyisipkan catatan, gunakan tag <b rel="quote">CATATAN ANDA DI SINI...</b>
Untuk menciptakan efek tebal gunakan tag <b>TEKS ANDA DI SINI...</b>
Untuk menciptakan efek huruf miring gunakan tag <i>TEKS ANDA DI SINI...</i>

Setelah membaca artikel ini, silahkan tinggalkan komentar. Bagi yang mau meninggalkan url blognya, silahkan saja. Asalkan anda tidak memberikan komentar dengan kata-kata yang tidak sopan. Terima kasih telah mengunjungi blog ini.

AiRa LoKa - Blog of tutorials

Konversi Kode di Sini!

 
Support : Blogger | Google | KlikSaya
Copyright © 2013. AiRa LoKa - All Rights Reserved
Template Created by Creating Website Published by Mas Template
Proudly powered by Blogger