Cara Mudah Membuat Permalink Pada Blog

3/23/2015

Cara Mudah Membuat Permalink Pada Blog-Malam sobat blogger semua? Malam hari ini saya akan sedikit share tutorial blog tentang Bagaimana Cara Memasang Permalink pada blog? Memasang permalink di blog selain untuk mempercantik blog, biasa juga di pakai untuk memberitahukan jika ingin mengcopy-paste artikel tesebut harus menyertakan link yang tersedia di bawahnya. Sebelum kita ke TKP ada baiknya saya jelaskan dulu apa itu permalink (permanen link)

Permalink adalah istilah untuk link aktif permanen pada suatu artikel di halaman postingan yang biasanay di letakan di bawah atau  sesudah postingan, fungsinya tidak lain tidak bukan yaitu untuk meningkatkan seo on page blog sobat.

Permalink saya kali ini sudah di lengkapi dengan author box di mana di dalam kota permalink tersebut bisa di pasangi foto / Gambar milik sobat. Permalink kali ini juga di lengkapi url artikel yang auto drag (otomatis terblock). Contoh permalink yang akan kita buat terlihat seperti gambar di bawah ini.


cara membuat permalink pada blog

Buat sobat tang tertarik memasangnya sobat bisa ikuti langka-langkah berikut ini :
  • Login dengan akun blog sobat.
  • Pilih opsi  template-->>> Edit Html -->>> Centang Expand Template Widget
  • Cari kode ]]></b:skin>
  • Tekan Ctrl F untuk mempermudah pencarian kata.
  • Letakan kode berikut tepat 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;
}
  •  Cari kode <data/:post.body/>, dan letakan kode berikut tepat di bawahnya.
<!-- Permalink Blognya Ilmu -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='admin-tulisan'>
<h4>Ditulis Oleh : <b><data:post.author/></b> ~ Tongkrongan Blogger</h4>
<div class='kontainer'>
<img alt='Ahmad Nufin' src='https://lh3.googleusercontent.com/-CBOiNUOEbn4/AAAAAAAAAAI/AAAAAAAAACE/1TnhEzc1etc/s120-c/photo.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://anufin.blogspot.com/2015/03/cara-mudah-membuat-permalink-pada-blog.html' target='_blank'>:: Get this widget ! ::</a></span></p>
<div style='clear:both;'/>
</div>
</div>
</b:if>
<!-- Permalink Blognya Ilmu-->
  •  Klik simpan template dan  lihat hasilnya
Catatan :
  1. Ganti yang berwarna Biru dengan URL gambar/Foto milik sobat.
  2. Untuk yang berwarna Merah sesuaikan dengan ukuran pada template blog sobat (Ukuran Text Area)
Demikianlah artikel saya kali ini tentang Cara Mudah Membuat Permalink Pada Blog. Semoga artikel yang saya buat ini bermanfaat bagi sobat blogger semua.

Sumber : http://bloggercungkring.blogspot.com/2013/02/cara-mudah-membuat-permalink-pada-blog.html

Share this

Mencoba untuk berkarya dan berbagi pengalaman seputar ilmu yang sudah saya pelajari

Previous
Next Post »

Untuk menulis huruf bold silakan gunakan <strong></strong> atau <b></b>.
Untuk menulis huruf italic silakan gunakan <em></em> atau <i></i>.
Untuk memasukan pesan silahkan gunakan <b rel="quote">Pesan Sobat</b>
Untuk menulis kode HTML silakan gunakan Konversi Kode pada kotak parser di bawah ini.
Dan gunakan Emoticon agar komentar terlihat lebih keren.

Emoticon Off Topic