Sunday, 7 July 2013

Cara membuat Permalink Di Blog


Permalink adalah link permanen yang terdapat pada suatu website/blog. Permalink ini dapat selalu muncul pada setiap akhir posting atau posisi lain yang ditentukan oleh pemilik blog. Permalink juga dipercaya dapat menaikan Page Rank dan Seo pada Blog kita.
Disini kita akan membuat permalink yang bagus yang dilengkapi dengan foto dan pesan-pesan pada permalink. Seperti punya saya ini yang menampilkan pesan-pesan agar artikel tidak di coppy dan disebarluaskan dengan sembarangan. Jika sobat membuat permalink dengan cara yang saya ulas ini, hasilnya akan seperti berikut.


Ok, kita mulai ke pembahasan. Cara Membuat Permalink di Blog:
1. Login ke akun Blogger sobat.
2. Masuk pada bagian Template.
3. Klik Edit HTML.
4. Centang "Expand Template Widget".
5. Cari kode ]]></b:skin>, agar lebih mudah gunakan tombol ctrl+F.
6. Letakan kode berikut diatas kode ]]></b:skin>.
 <div id="spoiler" style="display:none">
.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;
}
 


Pada kode diatas terdapat kode-kode warna yang tidak bisa saya tandai semua, bisa sobat ubah.

7. Cari kode <data:post.body/>, dalam template saya terdapat beberapa kode tersebut. Jika sobat mengalami hal yang sama, cobalah satu-persatu kode tersebut.
8. Masukan kode berikut tepat dibawah kode <data:post.body/>.
<div id="spoiler" style="display:none">
  <!-- Permalink -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='admin-tulisan'>
<h4>Ditulis Oleh : <b><data:post.author/></b> ~ Game, Software, Blogging, Information</h4>
<div class='kontainer'>
<img alt='RegiBrader' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijWBtvhHyzt4l78qLlXLX2217P7GJ14BcZtF3Ekq5RFB8HpsEdKiGm4k0X5m0zkUcZHySmUWriV0QxMwp6L2Z5DVwlTl2_Zg317aNGXYXl6i9CFSixe6IaARLnhMTZq2d0RnXiFfH9ozk/s1600/168557_615786695102730_1951750680_n.jpg'/>
Sobat sedang membaca artikel tentang <b><a expr:href='data:post.url'><data:post.title/></a></b>.  Sobat diperbolehkan mengcopy paste atau menyebar-luaskan artikel ini, namun jangan lupa untuk meletakkan link dibawah ini sebagai sumbernya. Saling menghargai kreatifitas sobat Blogger.
<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://regibrader-free.blogspot.com/2013/03/cara-membuat-permalink-di-blog.html' target='_blank'>:: Get this widget ! ::</a></span></p>
<div style='clear:both;'/>
</div>
</div>
</b:if>
<!-- Permalink -->


Keterangan: Tulisan berwarna Hijau adalah deskripsi Blog sobat, Tulisan berwarna Ungu adalah alt gambar, URL berwarna merah adalah gambar yang akan sobat tampilkan di permalink, Tulisan berwarna Biru adalah pesan-pesan yang akan sobat tampilkan di permalink.

9. Ubah deskripsi blog, alt gambar, gambar, dan pesan-pesan yang akan sobat tampilkan di permalink sesuai dengan yang sobat inginkan.
10. Klik Simpan Template.

Selesai, permalink telah terpasang di Blog sobat. 

No comments:

Post a Comment

Catatan:
Untuk menyisipkan video, gunakan tag URL YOUTUBE ANDA...
Untuk menyisipkan gambar, gunakan tag URL GAMBAR ANDA...
Untuk menyisipkan kode, gunakan tag KODE ANDA...
Untuk menyisipkan kode panjang, gunakan tag KODE ANDA...
Untuk menyisipkan catatan, gunakan tag CATATAN ANDA...
Untuk menciptakan efek tebal gunakan tag TEKS ANDA...

NB: Jika ingin menuliskan kode pada komentar harap gunakan Tool untuk mengkonversi kode tersebut agar kode bisa muncul dan jelas atau gunakan tool dibawah "Konversi Kode di Sini!"

By :Admin The Resistance Blog.
Konversi Kode Disini! Daftar Isi Blog Join to my Blog

Scroll to top