Hy sobat setia.....
kali ini saya akan memposting masih mengenai ilmu blog yg berjudul cara sederhana dan mudah membuat permalink otomatis untuk setiap postingan blog.
ga pake panjang lebar lagi, untuk sobat yg uda penasaran gimana caranya. langsung saja ikutin cara berikut ini.
1. sobat login ke blog sobat
2. Klik rancangan/template ->> Edit HTML ->> Centang kotak expand template widget
3. Letakkan kode berikut di atas kode ]]></b:skin> (untuk mempermudah pencarian, sobat klik saja F3 lalu copy paste ]]></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;
}
4. Cari kode <data:post.body/> ( gunakan cara yg tadi) dan letakkan kode berikut tepat di bawahnya.
<!-- Permalink Tatelu -->
<b:if cond='data:blog.pageType == "item"'>
<div class='admin-tulisan'>
<h4>Ditulis Oleh : <b><data:post.author/></b> ~ sekedar membagi ilmu</h4>
<div class='kontainer'>
<img alt=’photo bucket' src='http://s1244.beta.photobucket.com/user/supar1/media/se.jpg.html'/>
Sobat sedang membaca artikel mengenai <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
<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://sekedaritu.blogspot.com/2012/11/cara-sederhana-dan-mudah-membuat.html' target='_blank'>:: Get this widget ! ::</a></span></p>
<div style='clear:both;'/>
</div>
</div>
</b:if>
<!-- Permalink Tatelu -->
Lalu sobat ganti tulisan yg berwarna merah dengan url alamat photo sobat
Untuk angka yg berwarna orange sobat sesuaikan dengan ukuran blog sobat
Selamat mencoba sobat.....
Langganan:
Posting Komentar (Atom)
1 komentar:
Nice tutorial sobat..kbtulan saya sudah pakai kotak permalink di blog saya! Btw, NICE BLOG nih..
Salam blogger :)
Posting Komentar