Monday, November 28, 2016
Cara Membuat Permalink Keren Pada Blog
Cara Membuat Permalink Keren Pada Blog
Cara Membuat Permalink Pada Blog - Selamat malam permisah, kali ini saya akan membuat postingan tentang bog. Perlu diketahui Permalink adalah istilah untuk link permanen pada suatu artikel di halaman posting yang di biasanya di letakan di akhir atau bawah postingan, fungsinya yaitu untuk meningkatkan SEO on Page di Blog.
Permalink yang ini sudah di lengkapi dengan author box dimana di dalamnnya bisa di pasang foto / gambar milik sobat, juga di lengkapi dengan url artikel yang auto drag. Contohnya lihat di akhir postingan ini.
Ingin membuat permalink seperti ini? ok langsung saja lihat cara-caranya :
1. Masuk ke blogger
2. Klik Template > Edit HTML > Centang Expand Template Widget
3. Cari kode ]]></b:skin> ( gunakan ctrl + f )
4. Jika sudah ketemu copy kode ini tepat di atasnya.
.admin-tulisan{
width:auto;
background:#a3a3a3;
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;
}
width:auto;
background:#a3a3a3;
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;
}
5. Jika sudah, cari <data:post.body/> ( gunakan ctrl + f ) dan copy kode berikut tepat di bawahnya.
<!-- Permalink Tatelu -->
<b:if cond=data:blog.pageType == "item">
<div class=admin-tulisan>
<h4>Ditulis Oleh : <b><data:post.author/></b> ~ Robockop Cyber Blog</h4>
<div class=kontainer>
<img alt=Robockop src=https://lh5.googleusercontent.com/-hwRKr6RbRZ0/AAAAAAAAAAI/AAAAAAAAAgs/oXoKEpE852Q/s250-c-k/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><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://christiantatelu.blogspot.com/2012/03/cara-membuat-permalink-di-blog.html target=_blank>:: Get this widget ! ::</a></span></p>
<div style=clear:both;/>
</div>
</div>
</b:if>
<!-- Permalink Tatelu -->
<b:if cond=data:blog.pageType == "item">
<div class=admin-tulisan>
<h4>Ditulis Oleh : <b><data:post.author/></b> ~ Robockop Cyber Blog</h4>
<div class=kontainer>
<img alt=Robockop src=https://lh5.googleusercontent.com/-hwRKr6RbRZ0/AAAAAAAAAAI/AAAAAAAAAgs/oXoKEpE852Q/s250-c-k/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><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://christiantatelu.blogspot.com/2012/03/cara-membuat-permalink-di-blog.html target=_blank>:: Get this widget ! ::</a></span></p>
<div style=clear:both;/>
</div>
</div>
</b:if>
<!-- Permalink Tatelu -->
6. klik Simpan, dan selesai.
Note*
Untuk <data:post.body/> jika blog kalian memakai fungsi Read More, maka Anda harus mencari <data:post.body/> yang ke 2.
Untuk kode yang berwarna :
Merah > Bisa diganti dengan url/alamat gambar Anda.
Biru > Bisa diganti sesuai keinginan Anda.
Go to link Download
