Cara Membuat Permalink Keren

Sobat Blogger kali ini Kolom Tutorial™ akan menyajikan Bagai mana Cara Membuat Permalik Keren dibawah postingan, ya tentunya agar lebih SEO Friendly, Ok Broo langsung aja kita ke Tutor nya.

1. Seperti biasa Login Dule ke Akun Blogger Sobat
2. Klik Template >> Edit HTML >> Lanjutkan
3. Centang Expand Template Widget
4. Kemudian cari ke :  ]]></b:skin> letakkan Kode dibawah ini di atas nya:
.admin-tulisan{
width:auto;
background:#1D1C1C;
border:1px solid #000000;
margin:30px 0 10px 0;
display:block;
font-family:"julee";
color:#DCDAD6;
}
.admin-tulisan .kontainer{padding:5px;}
.admin-tulisan h4{
background:#464544;
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:60px;
height:65px;
border:1px solid #000000;
margin:3px 10px 0 0;
float:left;
padding:2px;
box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;
}
Keterangan :
  • Warna Kuning adalah warna background isi keterangan permalink.
  • Warna Hijau adalah warna Teks isi keterangan permalink.
  • Warna Pink adalah warna background judul permalink.
  • Warna Ungu adalah warna Teks judul permalink.
  • Warna Merah adalah ukuran lebar dan tinggi photo.

5.Cari Kode <data:post.body/> (gunakan CTRL+F) dan letakkan kode berikut tepat dibawahnya.

<b:if cond='data:blog.pageType == &quot;item&quot;'><center><div class='admin-tulisan'>
<h4>Ditulis Oleh : <b><data:post.author/></b> ~ <b>Nama Blog Anda</b></h4>
<div class='kontainer'>
<img alt='Nama Blog Anda' src='URL PHOTO ANDA'/>
Anda sedang membaca artikel tentang <b><a expr:href='data:post.url'><data:post.title/></a></b>. Anda diperbolehkan mengcopy paste atau menyebar-luaskan artikel ini, namun jangan lupa untuk meletakkan link dibawah ini sebagai sumbernya. Atas perhatian nya &#169;<a expr:href='data:blog.homepageUrl'><data:blog.title/></a> ucapkan Terima Kasih, semoga artikel <strong><data:blog.pageName/></strong> ini bermamfaat:
<textarea cols='60' id='bloglinking' name='bloglinking' onclick='this.focus();this.select()' onfocus='this.select()' onmouseover='this.focus()' readonly='readonly' rows='1' style='margin: 0px; height: 45px; width: 99%; color:#C4CE33; background:#1D1C1C; '>&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://ahmad-roni.blogspot.com/2012/08/cara-membuat-permalink-seo-di-blog.html' target='_blank'>:: Get this widget ! ::</a></span></p>
<div style='clear:both;'/>
</div>
</div></center></b:if>

6. Save Template

Sekian artikel tentangbagaimana cara Cara Membuat Permalink Keren, salam silaturahmi

Berlangganan update artikel terbaru via email:

5 Responses to "Cara Membuat Permalink Keren"

  1. sudah saya coba sob..cuma untuk merunbah warna ngak berfungsi..bgmn tu sob..??

    ReplyDelete
    Replies
    1. dang murganto:bisa ko sob, udah ane coba, untuk kode warnanya silakan di klik http://joens-tutorial.blogspot.com/2012/11/kode-warna-html_18.html

      Delete
  2. @dang murganto:bisa ko sob, udah ane coba, untuk kode warnanya silakan di klik http://joens-tutorial.blogspot.com/2012/11/kode-warna-html_18.html

    ReplyDelete
  3. thanks gan udah share artikel ini, bermanfaat sekali nih

    ReplyDelete

Terimakasih banyak atas kunjungannya, salam silatuhami Alexjoen

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel