Membuat kotak Admin Keren Dibawah Postingan Disertai Link Sumbernya

salam jumpa lagi sobat, lama gak online..tapi sekarang aku mau share tutorial bloger,yaitu cara  Membuat kotak Admin Keren Dibawah Postingan Disertai Link Sumbernya ;
Langsung saja sob tutorilanya, cara ini juga di Terapkan pada blog jakashare.

1.Login Akun blog sobat
2.Pilih Template
3.Edit Html
4.Centang Expand Template Widget
5.Cari Kode Berikut ini :]]></b:skin>

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

.admin-tulisan{
    display:block;
    width:auto;
    background:#111111;
    border:1px solid #53cc1e;
    box-shadow:0 1px 3px #53cc1e;-moz-box-shadow:0 1px 3px #53cc1e;-webkit-box-shadow:0 1px 3px #53cc1e;
    padding:0;
    margin:30px 0 10px 0;
    font:normal 12px Comic Sans Ms;
    color:#000000;
    }
    .admin-tulisan .kontainer{padding:5px;}
    .admin-tulisan h4{
    background:#111111;
    border:none;
    border-bottom:1px solid #53cc1e;
    color:#53cc1e;
    text-transform:normal;
    text-shadow:0 1px 0 rgba(0, 0, 0, 0.4);
    font:bold 12px Comic Sans Ms;
    padding:5px 10px;
    margin:0 0 0 0;
    display:block;
    }
    .admin-tulisan h4 a{color:#53cc1e;}
    .admin-tulisan img{
    width:70px;
    height:90px;
    margin:0 10px 0 0;
    float:left;
    border:1px solid #53cc1e;
    padding:2px;
    background:#111111;
    box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;
    }

selanjutnya cari kode berikut;
 <b:if cond='data:blog.pageType == "item"'><data:post.body/>
Setelah ketemu copy dan paste kode di bawah  berikut ini dibawah kode :scrip di atas;

<div style='overflow:auto; width:100%; height:150px; padding:5px 5px 5px 5px; background:#ffffff;'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='admin-tulisan'>
<h4>Penulis : <a expr:href='data:blog.homepageUrl'><data:post.author/></a></h4>
<div class='kontainer'>
<img src='https://fbcdn-profile-a.akamaihd.net/hprofile-ak-ash3/c22.22.271.271/s160x160/578697_125940374268495_1414241541_n.jpg'/>
Terimakasih atas kunjungan Sobat yang telah membaca Artikel <a expr:href='data:blog.homepageUrl'><data:post.author/></a> yang  dan Berjudul : <a expr:href='data:post.url'><data:post.title/></a> ini.
<br/>Kritik dan saran dapat Sobat sampaikan melalui kotak komentar.<br/>
Apabila Sobat berminat silakan copy paste artikel ini dan mohon untuk mencantumkan sumbernya berikut ini.<br/><center>
<textarea style="width: 350px; height: 50px; margin: 2px;" cols='50' id='autoblog' name='autoblog' 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></center><br/>
Semoga artikel ini bermanfaat untuk Kita semua, Amin.
<br/>
<p><span style='float:right;font:italic 10px Comic Sans Ms;'><a href="http://jakashare.blogspot.com/2013/05/membuat-kotak-admin-keren-dibawah.html" rel="dofollow" title="Blog JakaSurya" target="_blank">Get This Widget </a></span></p>
<div style='clear:both;'/>
</div>
</div>
</b:if>

simpan dan lihat hasilnya.smoga artikel ini bermanfaat bagi anda..

Posted in: Tutorial Bloger