Cara Membuat Permalink di blog

Bookmark and Share
Farhan Share - sobat farhan apa kabar, selamat beraktivitas di akhir pekan. Hari ini farhan akan membahas kembali tentang Tutorial blog yang pastinya menarik untuk diketahui, ya sobat kebanyakan blog sekarang susah untuk mereka yang membuat blog bertemakan "Tutorial Blog" karena pasti banyak sekali orang yang mengopy paste kreasi mereka, tapi di lain hal jika dipasangkan anti copy paste, susah karena untuk mengedit HTML perlu ada copy paste cript dari blog tersebut, nah hari ini farhan akan memberikan salah satu solusi termudah bagi sobat farhan yang bingung agar orang yang mengcopy paste artikel sobat mencantumkan sumbernya.


Namun sobat kan biasanya ribet jika setiap postingan kita harus memberikan link dan sumbernya di masing-masing postingan, farhan punya cara yang mudah otomatis untuk kita bisa memberikan sumber dan link yang terletak di bawah postingan, untuk mencantumkan link dan sumber artikel blog kita di kala mereka mengcopas artikel di dalam blog kita, yakni dengan cara membuat permalink di blog seperti gambar di atas, permalink seperi gambar di atas akan memberikan link dan sumber di bawah postingan blog secara otomatis setiap kita memposting, postingan yang baru, bagaimana sobat cukup mudah bukan, pastinya sobat tertarik kan untuk menambahkan widget ini di blog sobat mari kita mulai ini dia langkah-langkahnya.

1. Login ke Blogger.

2. Pilih Template.

3. Download Full Template terlebih dahulu.

4. Centang box "Expand Template Widget".

5. Lalu sobat cari kode ]]></b:skin> menggunakan f3 atau CTRL+F, dan sobat letakkan kode di bawah ini persis di atas 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 3px 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;
}

6. Masih dalam posisi Edit HTML, selanjutnya sobat cari kode <data:post.body/>, dan letakkan kode di bawah ini persis di atas kode <data:post.body/> (kalau ada 2 atau 3 letakkan di yang paling terkahir), tetapi kode template setiap blog berbeda-beda sobat perikarakan saja di mana kode yang menunjukan letaknya di bawah postingan.

<!-- Permalink farhanshare -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='admin-tulisan'>
<h4>Ditulis Oleh : <b><data:post.author/></b></h4>
<div class='kontainer'>
<img alt='Muhammad Farhan' src='http://profile.ak.fbcdn.net/hprofile-ak-ash2/592326_283664138386041_792857234_q.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, hak cipta dilindungi!
<textarea cols='50' id='bloglinking' name='bloglinking' onclick='this.focus();this.select()' onfocus='this.select()' onmouseover='this.focus()' readonly='readonly' rows='3'>&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 12px Arial, Sans-Serif;'>
<a href='http://farhanshare.blogspot.com' target='_blank'>:: Get this widget ! ::</a></span></p>
<div style='clear:both;'/>
</div>
</div>
</b:if>
<!-- Permalink farhanshare-->

Catatan : ganti kode yang berwarna hijau dengan kata-kata yang ingin sobat tampilakan.
Catatan : ganti kode yang berwarna merah dengan foto yang ingin sobat tampilkan.
Catatan : ganti kode yang berwarna biru sesuai dengan text area, atau spasi tulisan yang sobat inginkan.


7. Klik "Save Template" dan selesai.

Selamat mencoba sobat farhan, bila ada pertanyaan comment di bawah.

Source : ChristianTatelu

{ 0 komentar... Views All / Send Comment! }

Poskan Komentar