Permalink merupakan sejenis link permanen aktif yang menjabarkan detail tulisan tentang topik sebuah artikel. Permalink biasanya dipasang dan dilengkapi dengan photo author blog tersebut dibawah postingan, mungkin anda pun pernah melihat permalink seperti ini pada saat mengunjungi blog lain. Cara membuat kolom permalink ini sangat mudah. Baiklah...tanpa banyak berkoar lagi, silahkan anda ikuti langkah-langkah dibawah ini !
Untuk berjaga-jaga, ada baiknya jika anda melakukan backup template terlebih dahulu.
1. Login terlebih dahulu ke Blogger
2. Pilih Template » Edit HTML
3. Sekarang anda cari kode ]]></b:skin>
4. Pasang kode dibawah ini di atas kode ]]></b:skin>
.admin-tulisan{
width:auto;
background:#ffffff;
border:2px solid #ddd;
margin:30px 0 10px 0;
display:block;
font-family:"verdana";
color:#000;
}
.admin-tulisan .kontainer{padding:5px;}
.admin-tulisan h4{
background:#fd0612;
border:none;
border-bottom:1px solid #ddd;
color:#fca805;
font-family:"trebuchet ms";
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:#d7e0e2;
width:90px;
height:80px;
border:1px solid #000000;
margin:3px 10px 0 0;
float:left;
padding:2px;
box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;
}
5. Kemudian anda cari kode <data:post.body/>
Baca juga :
» Cara Mudah Backup Template Blog
» Cara Mudah Membuat Kolom Langganan Keren Dibawah Postingan
» Cara Agar Postingan Blog Cepat Terindek
6. Pasang kode dibawah ini dibawah kode <data:post.body/> yang kedua atau yang ketiga
<!-- Permalink Kang AP -->
<b:if cond='data:blog.pageType == "item"'>
<div class='admin-tulisan'>
<h4>Ditulis Oleh : <b><data:post.author/></b> ~ Belajar Nge-Blog </h4>
<div class='kontainer'>
<a href='http://ap-thea.blogspot.com'><img alt='Tips Trik and Cheat' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJLtmfTrEwP7ZXLgnoA01uLqZ-Zi8vSZgj9R3GqAcdocuqVVMPmkNBtvVXSHUns03f-3QdV0ZfhCFjLjOLDpA9ReHia9_A_yKhCT7KZZMYjTYgo6JR26VFTgM85kJ21C7ht5rEdkRdVueU/s1600/%2523AP.png'/>
Anda sedang membaca artikel tentang <b><a expr:href='data:post.url'><data:post.title/></a></b>. Anda diperbolehkan menyebarluaskan artikel ini, namun jangan lupa untuk menyertakan 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'><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://goo.gl/gwPafp' target='_blank'>:: Get this widget ! ::</a></span></p>
<div style='clear:both;'/>
</div>
</div>
</b:if>
<!-- Permalink Kang AP -->
Note :
» ganti tulisan yang berwarna biru dengan slogan/judul bloganda
» ganti tulisan yang berwarna hijau dengan URL blog anda dan judul blog
» ganti tulisan yang berwarna pink dengan URL photo/gambar anda
» Untuk warna, lebar dan tinggi kolom, silahkan anda kreasikan sendiri
7. Simpan dan lihat hasilnya
Demikian cara mudah membuat kolom permalink keren, semoga bermanfaat. Terima kasih telah berkunjung di blog yang sederhana ini.
0 Response to "Cara Mudah Membuat Kolom Permalink Keren"
Post a Comment