Cara membuat kotak Permalink pada blog

http://lhk-blogs.blogspot.com/2013/02/cara-membuat-permalink-pada-blog.html

Permalink adalah sebuah Link atau tautan yang merujuk ke Suatu blog atau forum tertentu masuk setelah berlalu dari halaman depan ke arsip. Kebanyakan pengguna Blogger memasang permalink pada bagian bawah postingan mereka. Dalam kotak Permalink tersebut dalam kota tersebut sudah ada tag atau kode html yang berisi permalink dari postingan yang sedang dibuka atau dibacanya. Permalink ini juga berfungsi untuk mempermudah pembaca atau pengguna blog lain agar mengetahui permalink dari postingan yang sedang dibacanya. Supaya Pengguna Blog lain bisa menyematkan atau menaruh kode HTML permalink itu di blog mereka, sehingga memberikan tautan (backlink) ke halaman postingan tadi.

Cara Memasang Permalink Pada Blog

Login Ke Dashboard Blog Sobat masing-masing.
Pilih Menu Template
Pilih Menu Edit Html (Jangan lipa beri tanda centang Expand Template Widget)
Selanjutnya silahkan cari kode ]]></b:skin>
Kemudian Letakan kode Berikut Tepat diatas kode ]]></b:skin>

.admin-tulisan{width:auto;background:#333;border:2px solid #aaa;margin:30px 0 10px 0;display:block;font-family:"julee";
color:#aaa;}
.admin-tulisan .kontainer{padding:5px;}
.admin-tulisan h4{background:#000000;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;}

Keterangan : Angka 90 yang saya beri warna biru tersebut adalah Lebar dari permalink. dan angka 100 yang warna Merah adalah tingginya. Sobat bisa menyesuaikanya dengan template sobat masing-masing.

Selanjutnya cari kode <data:post.body/>
Jika Sobat menggunakan template yang menggunakan auto readmore, kemungkinan kode tersebut ada dua buah. silahkan pilih kode yang nomer dua.
Lalu Letakkan kode berikut tepat dibawah kode <data:post.body/> tadi.

<b:if cond='data:blog.pageType == "item"'>
<div class='admin-tulisan'>
<h4>Ditulis Oleh : <b><data:post.author/></b> TIPS DAN ARTIKEL BLOGGING TERLENGKAP</h4>
<div class='kontainer'>
<img alt='Christian angkouw' src='http://i1323.photobucket.com/albums/u586/LHK-Blogs/photocopy_zpsadca962e.png'/>
Sobat sedang membaca artikel tentang <b><a expr:href='data:post.url'><data:post.title/></a></b>. Oleh Admin Lhk-Blogs, 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='2'><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://ngeblogbarengbareng.blogspot.com/' target='_blank'>:: Like this widget ::</a></span></p>
<div style='clear:both;'/>
</div>
</div>
</b:if>

Keterangan : Kode yang saya beri warna Hijau adalah URL atau alamat Gambar yang akan Sobat gunakan pada permalink tersebut. jadi silahkan ganti dengan URL Gambar sobat masing-masing.

Silahkan Simpat Template Sobat dan Lihat Hasilnya.

Demikian Artikel Yang bisa saya share Tentang Cara membuat kotak Permalink pada blog kepada sobat, Semoga bermanfaat dan terimakasih atas kunjunganya.

Oke sobat, kali ini saya akan berbagi tentang cara membuat permalink seo di blogspot. Ini ada kaitannya dengan permintaan sobat Opick Taopick. Namun sebelum itu, saya ingin sedikit menjelasakan mengenai apa itu permalink. SEO permanen link atau sering disingkat dengan seo permalink adalah salah satu optimasi onpage yang berguna untuk memasang permanen link dan bertujuan untuk menambah internal link pada posting blog. Jadi, memasang permalink seo di blogspot sangat bermanfaat untuk optimasi blog kita.

Permalink pada blogspot berbeda dengan permalink pada wordpress. Di blogspot kita harus memasang permalink secara manual untuk dijadikan permalink otomatis pada setiap posting.

Untuk membuatnya cukup mudah. Silahkan ikuti langkah-langkah di bawah ini.

Login/Masuk ke akun blogger anda.
Klik rancangan > edit html
Centang expand template widget.
Cari kode berikut ini ]]></b:skin>
Letakan kode css bawah ini di atas kode tadi

.permalinkrdtop
{border: 1px solid #EFF0F1;
padding: 5px;
background: #f7f7f7;-moz-border-radius:5px;}

.permalinkrdtop a
{background:none;}
img.float-right {margin: 5px 0px 0 10px;}
img.float-left {margin: 5px 10px 0 0px;}

Setelah itu cari kode <data:post.body/>
Setelah anda menemukannya lalu hapus kode tadi dan ganti dengan kode ini

<b:if cond='data:blog.pageType == "item"'>
<div class='permalinkrdtop'>
<center><small>Anda sedang membaca artikel tentang <strong><u><data:blog.pageName/></u></strong> dan anda bisa menemukan artikel <data:blog.pageName/> ini dengan URL <strong><data:post.url/></strong>. Anda boleh menyebarluaskannya atau meng-copy paste-nya jika artikel <strong><data:blog.pageName/></strong> ini bermanfaat bagi teman-teman anda,namun jangan lupa untuk meletakkan LINK <u><a expr:href='data:post.url'><data:blog.pageName/></a></u> sebagai sumbernya.</small></center>
<p align='center'><textarea cols='62' name='txt' onclick='this.focus();this.select()' onfocus='this.select()' onmouseover='this.focus()' rows='2' style='display: inline;'><a expr:href='data:post.url'><data:blog.pageName/></a></textarea></p>
</div>
</b:if>

Lalu tekan simpan/save dan lihat hasilnya

Kalau blog sobat sudah memiliki fasilitas Read More, pemasangannya agak sedikit berbeda. Silahkan anda ikuti cara saya yang di atas , masuk ke blogger anda. Pada cara buat permalink blog diatas anda disuruh mencari kode berikut ini : <data:post.body/>

Untuk yang sudah memasang readmore kode diatas akan ada dua.
Sehingga akan terlihat kodenya seperti ini :

<b:if cond='data:blog.pageType == "item"'> <style>.fullpost{display:inline;}</style>
<p><data:post.body/></p><b:else/><style>.fullpost{display:none;}</style> <p><data:post.body/></p><a expr:href='data:post.url'><strong>baca Selengkapnya...</strong></a></p></b:if>

Anda tinggal sisipkan kode permalink seo anda di bawah kode berikut ini :

<b:if cond='data:blog.pageType == "item"'><style>.fullpost{display:inline;}</style> <p><data:post.body/></p>

Dengan cara ini, permalink tidak akan terlihat di homepage. Permalink akan nampak saat posting dibuka.

Sampai di sini, cara untuk membuat permalink sudah selesai. - See more at: http://www.masasha.net/2012/03/cara-membuat-permalink-seo-di-blogspot.html#sthash.ooO9qpsh.dpuf