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:
5.Cari Kode <data:post.body/>(gunakan CTRL+F) dan letakkan kode berikut tepat dibawahnya.
6. Save Template
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 :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;
}
- 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/>
<b:if cond='data:blog.pageType == "item"'><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 ©<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; '><a href="<data:post.url/>" target="_blank"><data:blog.pageName/></a></textarea>
<p><span style='float:right;font:italic 10px Arial, Sans-Serif;'>
<a href='http://raihancheaterblog.blogspot.com/2013/01/cara-membuat-permalink-keren.html' target='_blank'>:: Get this widget ! ::</a></span></p>
<div style='clear:both;'/>
</div>
</div></center></b:if>
<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 ©<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; '><a href="<data:post.url/>" target="_blank"><data:blog.pageName/></a></textarea>
<p><span style='float:right;font:italic 10px Arial, Sans-Serif;'>
<a href='http://raihancheaterblog.blogspot.com/2013/01/cara-membuat-permalink-keren.html' target='_blank'>:: Get this widget ! ::</a></span></p>
<div style='clear:both;'/>
</div>
</div></center></b:if>
6. Save Template
Anda baru saja membaca artikel yang berkategori Daftar Isi Langkap /
Tips Blog
dengan judul cara membuat permalink keren. Anda bisa bookmark halaman ini dengan URL https://cyberprolite.blogspot.com/2013/01/cara-membuat-permalink-keren.html. Terima kasih!
Ditulis oleh:
Unknown - Sabtu, 19 Januari 2013
Belum ada komentar untuk "cara membuat permalink keren"
Posting Komentar