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.
Tag :
Blogger
Subscribe to:
Post Comments (Atom)
mampir sejenak kemari kawan. ^_^
ReplyDeletemampir kegubuk saya Rizky Seo Blog
ReplyDelete