Senin, 17 Juni 2013

Cara Membuat Permanen Link di Blog


1. Login ke akun blog sobat.
2. Klik rancangan --> Edit HTML --> Centang kotak expand template widget
3. Letakkan kode berikut di atas kode ]]></b:skin>


.admin-tulisan{
width:auto;
background:#39316b;
border:1px solid #FFFFFF;
margin:30px 0 10px 0;
display:block;
font-family:"Tahoma";
color:#F0E68C;
}
.admin-tulisan .kontainer{padding:5px;}
.admin-tulisan h4{
background:#FF0000;
border:none;
border-bottom:1px solid #000000;
color:#fff;
font-family:"Tahoma";
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{

width:60px;
height:70px;
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 Ctrl + F ) dan letakkan kode berikut tepat di bawahnya. (bila di blog sobat sudah terpasang auto readmore letakkan kode tersebut di <data:post.body/> yang kedua )

<!-- Permalink Okie -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='admin-tulisan'>
<h4>Writen by : <b><data:post.author/></b> ~ Tips Blogger</h4>
<div class='kontainer'>
<img alt='Okie Masterpiece' src='http://i1068.photobucket.com/albums/u449/ponorogoweb/Okie2.jpg'/> Anda sedang membaca artikel tentang <b><a expr:href='data:post.url'><data:post.title/></a></b>. by Admin, Anda diperbolehkan mengcopy paste atau menyebar-luaskan artikel ini, namun jangan lupa untuk meletakkan link dibawah ini sebagai sumbernya.
<textarea cols='53' 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 9px Arial, Sans-Serif;'> <a href='http://okietipsblogger.blogspot.com/2012/04/membuat-permalink-di-blogspot.html' target='_blank'>:: Get this widget ! ::</a></span></p> <div style='clear:both;'/>
</div>
</div>
</b:if>
<!-- Permalink Okie -->


5. Klik save dan lihat hasilnya.

Tambahan :
• Ganti kode yang berwarna kuning sesuai dengan Url foto / gambar milik sobat
• Sesuaikan angka yang berwarna merah tersebut diatas sesuai dengan ukuran template blog sobat ( ukuran textarea )
Semoga Membantu.

0 komentar:

Posting Komentar