Cara Membuat Permalink Keren di Blog

Cara Membuat Permalink Keren di Blog – Kali ini Kang Zain update posting tentang permalink dibawah postingan, banyak banget pertanyaan dari teman-teman tentang cara membuat / memasang permalink di blogspot. setelah saya kasih penjelasan tentang permalink ternyata menginginkan permalink yang keren dengan ada foto pada permalink seo di blog. nah,,, sangat tepat postingan kali ini yaitu Cara Membuat Profil Admin Dibawah Postingan Blog sama dengan sebutan permalink di blog atau lebih tepat cara membuat permalink seo keren di blog, semua istilah itu adalah sama untuk membuat permalink. Contohnya seperti dibawah ini saya dapatkan di blog yang cukup popular yaitu Software Mania PC:

Sebelum ke TKP terlebih dulu Kang Zain jelasin tentang permalink yang bagi yang belum paham ja,,, hehehe Permalink adalah istilah untuk link aktif  permanen pada suatu artikel di halaman posting yang di biasanya di letakan di bawah atau sesudah postingan, fungsinya tidak lain dan tidak bukan yaitu untuk meningkatkan seo on page blog sobat. Biasanya sobat yang newbie menemukan artikel seperti ini dengan keyword cara membuat link tetap atau tambahan detail postingan yang letaknya di bawah artikel, sebelum sobat tahu bahwa namanya adalah permanen link.

Seperti yang sudah saya jelaskan diatas, Permalink seo kali ini di lengkapi dengan author box dimana di dalamnnya bisa di pasangi foto / gambar milik sobat, juga di lengkapi dengan url artikel yang auto drag ( otomatis ter blok ) . tentunya lebih keren dan menarik, hehe

Jika sobat ingin Memasangnya, ikuti petunjuk dibawah ini:

Cara Membuat Permalink di Blog

1.    Masuklah ke halaman template,
2.    Pilih edit HTML template sobat,
3.    Kemudian sobat cari kode dibawah ini:

<div class=’post-footer’>

Untuk lebih mudah sobt tinggal Tekan CTRL + F untuk mempermudah pencarian.

4. Copy kode dibawah ini, kemudian letakkan atau paste tepat di atas kode <div class=’post-footer’> :
<!– Profil Admin –>
<b:if cond=’data:blog.pageType == &quot;item&quot;’>
<div class=’admin-tulisan’>
<h4>Ditulis Oleh : <b><data:post.author/></b> ~ Tips dan Trik Blogspot</h4>
<div class=’kontainer’>
<img alt=’Christian angkouw’ src=’http://i1261.photobucket.com/albums/ii585/zainelhasany/9894d29b.jpg‘/>
Artikel <a expr:href=’data:post.url’><i><data:post.title/></i></a> ini ditulis oleh <b><data:post.author/></b> pada hari <i><data:post.dateHeader/></i>. Terimakasih atas kunjungan Anda pada blog ini. Kritik dan saran tentang <b><data:post.title/></b> dapat Anda sampaikan melalui kotak komentar dibawah ini. Bagi Shobat yang ingin mengcopy paste atau menyebar-luaskan artikel ini, tolong letakkan 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′>&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://softwaremaniapc.blogspot.com/2013/05/cara-membuat-permalink-seo-keren-di-blog.html’
target=’_blank’>:: Get this widget ! ::</a></span></p>
<div style=’clear:both;’/>
</div>
</div>
</b:if>
<!– Profil Admin –>
Keterangan :
kode yang berwarna biru silahkan diganti dengan image profil sobat.
5.    Kemudian cari lagi kode ]]></b:skin> pada template sobat.
6.    Kemudian copy kode CSS dibawah ini dan paste tepat diatas kode ]]></b:skin>
.admin-tulisan{
width:auto;
background:#f2f2f2;
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;
}
7. silahkan sobat save dan lihat hasilnya.
Sekian dulu share kali ini, terima kasih sudah membaca Cara Membuat Permalink Keren di Blog semoga dapat bermanfaat buat sobat semua. Selamat mencoba
Anda baru saja membaca artikel yang berkategori Tutorial Blog dengan judul Cara Membuat Permalink Keren di Blog. Jika kamu suka, jangan lupa like dan bagikan keteman-temanmu ya… By : Zain Elhasany