Demo Tutorial Blog

CSS

/* Kotak Admin TB Permalink*/
.admin-TBpermalink{width:auto;background:#f2f2f2;border:2px solid #000000;margin:30px 0 10px 0;display:block;font-family:"julee";color:#000;}
.admin-TBpermalink
.kontainer{padding:5px;} 
.admin-TBpermalink h4{background:#8A0808 ;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-TBpermalink h4 a{color:#000000;} 
.admin-TBpermalink img{background:#000000;width:95px;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;}

Javascript

<!-- Permalink Tutorialines -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='admin-TBpermalink'>
<h4>Ditulis Oleh : <b><data:post.author/></b> ~ Tutorial Blog</h4>
<div class='kontainer'>
<img alt='Heber' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAwGIBB5F45wPCGjxjfQbZI7DU6AByqa2MjlscMkImjcOVnKo09V9zwq8NrISJo0Ul5u1vSz9wEBsXraX4Z33KPdYmhx7oOutQD_0WQksxnONwBU1p4sYh5myjd37DcD7GRd6KBE7FyD4/s1600/logo-tb.gif'/>
Anda sedang membaca artikel tentang <b><a expr:href='data:post.url'><data:post.title/></a></b>.  Oleh Admin, Anda diperbolehkan mengcopy paste atau menyebar-luaskan artikel ini, namun jangan lupa untuk meletakkan link dibawah ini sebagai sumbernya<br/><textarea cols='55' id='bloglinking' name='bloglinking' onclick='this.focus();this.select()' onfocus='this.select()' onmouseover='this.focus()' readonly='readonly' rows='2' style='margin-top:3px;width:auto;'>&lt;a href=&quot;<data:post.url/>&quot;&gt;<data:post.title/>&lt;/a&gt;</textarea><br/><p><span style='float:right;font:italic 10px Arial, Sans-Serif;'>
<a href='http://tutorialines.blogspot.com/2013/08/cara-pasang-permalink-di-bawah-postingan.html' target='_blank'>:: Mau widget ini? ::</a></span></p>
<div style='clear:both;'/>
</div>
</div>
</b:if>
<!-- Permalink Tutorialines -->