Selamat malam sobat blogger! Pada kesempatan malam ini sambil mengisi waktu menjelang tidur saya akan men-share tutorial bagaimana cara membuat Permalink di blog sobat blogger semua. Tapi sebelum ke tutorialnya saya akan menjelaskan dulu tentang permalink.
Permalink adalah URL yang menunjuk ke suatu blog atau forum tertentu masuk setelah
berlalu dari halaman depan ke arsip. Karena Permalink tetap tidak
berubah tanpa batas waktu, itu kurang rentan terhadap link membusuk.
Weblogging paling modern dan konten-sistem perangkat lunak sindikasi
mendukung link tersebut.
Nah, gimana sobat sudah paham??? mudah-mudahan anda masih penasaran dan mencari di sumber lainnya atau anda langsung menuju ke link Wikipedia untuk membaca lebih jelas mengenai Apa Pengertian Permalink Blog itu sendiri.
Permalink yang akan sampaikan pada tutorial kali ini sudah 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 terblok). Contohnya bisa
sobat lihat tepat di bawah artikel.
Klo sobat tertarik dengan permalink seperti ini bisa ikuti langkah-langkahnya di bawah ini :
1. Login ke akun blog sobat.
2. Klik rancangan >> Edit HTML
3. Letakkan kode berikut di atas kode ]]></b:skin>
( Gunakan Ctrl + F , untuk mempercepat pencarian kode ]]></b:skin> )
.admin-tulisan{
width:auto;
background:#808080;
border:1px solid #00FF00;
margin:30px 0 10px 0;
display:block;
font-family:"julee";
color:#000;
}
.admin-tulisan .kontainer{padding:5px;}
.admin-tulisan h4{
background:#00FF00;
border:none;
border-bottom:1px solid #00FF00;
color:#0000CD;
font-family:"Cambria";
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:#3923D6;}
.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;
}
4. Cari kode <data:post.body/> dan letakkan kode berikut tepat di bawahnya.
<!-- Permalink -->
<b:if cond='data:blog.pageType == "item"'>
<div class='admin-tulisan'>
<h4>Written by ~ <b><data:post.author/></b> ~ Kumpulan Tips-Trik Komputer</h4>
<div class='kontainer'>
<img alt='Ridwan Saleh' src='http://i1332.photobucket.com/albums/w607/RIDWANSALEH/Photoku/Riedza_zps31d03ef2.jpg'/>
Sobat sedang membaca artikel tentang <b><a expr:href='data:post.url'><data:post.title/></a></b> Admin memberikan ijin untuk mengcopy paste atau menyebarluaskan artikel ini, namun jangan lupa untuk meletakkan link dibawah ini sebagai sumbernya
<textarea cols='45' 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: Trebuchet MS 10px Boost SSi, Sans-Serif;'>
<a href='http://kumpulan-tipskomputer.blogspot.com/2013/07/cara-membuat-permalink-keren-di-blog.html' target='_blank'>:: Get this widget ! ::</a></span></p>
<div style='clear:both;'/>
</div>
</div>
</b:if>
<!-- Permalink -->
5. Klik save dan lihat hasilnya.
Tambahan :
- Ganti kode yang berwarna biru dengan Url foto / gambar milik sobatTambahan :
- Sesuaikan angka yang berwarna merah dengan ukuran template blog sobat.
SEMOGA BERMANFAAT!
Tidak ada komentar:
Posting Komentar