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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhi7G3YAbM5bbQ83vCUbu7_qXniIWJZtPYpWzaGH2oIlWsJ6c-kJqFx_rkoQFQO-Y1MA4gHqAiyWdLTY0HEc2Oc4OsAnIHXjIkFRwcZXcQLefmanCPbGU4Obpk1l9ItyvyyWpncOffrtSol/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.

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.