Cara membuat widget admin blog atau di tulis oleh

Credit img: freepik.com

Langsung saja ya? Sebenarnya cukup mudah membuat widget admin blog, yaitu yang pertama:

Login ke blog anda >Template > Edit HTML

Selanjutnya cari kode ]]></b:skin>

Copy paste kode dibawah ini diatas kode ]]></b:skin>
 

.admin-tulisan{
width:auto;
background:#f2f2f2;
border:1px solid #000000;
margin:30px 0 10px 0;
display:block;
font-family:"julee";
color:#000;
-moz-border-radius: 2 2 2 2;
}
.admin-tulisan .kontainer{padding:5px;}
.admin-tulisan h4{
background:#0099ff;
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;}

Yang kedua : Cari kode <data:post.body/>,biar lebih mudah gunakan control F.

Copy kode dibawah ini dibawah kode <data:post.body/>

<!-- Start -->

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<div class='admin-tulisan'>

<h4>Ditulis Oleh : <b><data:post.author/></b></h4>

<div class='kontainer'>

<img alt='Lukman-s' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9NFYbidB1tQRabZhuv5s3rVAj3Q5Cne9fqZCKzn6h193U_Z8Eby9zYKsML6T34JSo0abIPp_MnqFyUoDkv6GPKxRPhtAIGlYW865wQkcOPrfUuXmtJcxUM8HBKmyUiJ0UKC6YXgG37dg/s1600/profill.png'/>Jika Anda ingin menyebarluaskan artikel ini, silahkan letakan juga sumbernya. Terima kasih.

<textarea cols='55' id='bloglinking' name='bloglinking' onclick='this.focus();this.select()' onfocus='this.select()' onmouseover='this.focus()' readonly='readonly' rows='2'>&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://lukman-s.blogspot.com/2014/01/cara-membuat-widget-admin-blog-atau-di.html' target='_blank'>&#9658; Get this widget!</a></span></p>

<div style='clear:both;'/>

</div>

</div>

</b:if>

<!-- - End -->

Klik simpan dan lihat hasilnya.
Selamat mencoba..