Mari membaca, mari menulis dengan jujur, mari kita menyebarkan ilmu pengetahuan.. LETS START >>>

Sunday 31 March 2013

Membuat Permalink di blog

Pada tau nggak, Apa itu permalink? Permalink itu adalah pesan akhir disetiap post artikel, contohnya seperti gambar dibawah

image

Mau membuatnya, silahkan ikuti langkah-langkahnya.
  • Login ke akun blog sobat dengan mengunjungi www.blogger.com
  • Klik Template -- > Edit HTML, centang Expand Template Widget
  • Cari kode ]]></b:skin> ,supaya lebih mudah, gunakan CTRL+F atau F3
  • Jika sudah ketemu, letakkan kode berikut 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;
}
  • Jika sudah, cari kode <data:post.body/> ,dan letakkan kode berikut tepat dibawahnya.
<!-- Permalink Tatelu -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='admin-tulisan'>
<h4>Ditulis Oleh : <b><data:post.author/></b> ~ Pengetahuan Inspirasiku</h4>
<div class='kontainer'>
<img alt='Raga Adi Nurrohman' src='https://lh6.googleusercontent.com/-esu0pyofUbE/UOjcNK6AKGI/AAAAAAAAAEk/bruJidOhlvg/s425/medical_scientist_max600.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 di bawah 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='pengetahuan-inspirasi.blogspot.com' target='_blank'>:: Get this widget ! ::</a></span></p>
<div style='clear:both;'/>
</div>
</div>
</b:if>
<!-- Permalink Tatelu -->
  • Untuk catatan, jika kamu menggunakan readmore, letakkan kode diatas diantara dua kode <data:post.body/> sehingga akan jadi seperti ini.
      image
  • untuk warna biru, ganti dengan url gambar kamu, dan hijau untuk text area template kamu.
  • Selamat mencoba, semoga sukses.
Share:

0 comments:

Post a Comment

Kritik & Saran Anda sangat Saya Butuhkan.. Silahkan berkomentar dengan Bahasa yang Sopan. Komentar tidak boleh mengandung unsur pornografi, atau link hidup. Terima kasih.

Daftar Pengunjung

Flag Counter