Mungkin diantara sobat blogger pasti sudah tau tentang Tutorial blog yang satu ini. Jika sobat memasang cara ini di blog sobat. Blog sobat tidak hanya terlihat terkesan dan menarik , tetapi juga supaya pengunjung blog sobat bisa tahu Pesan yang sobat lampirkan dalam Artikel ini.
bagi sobat yang mau mencoba Tutorial blog ini,langsung aja deh ke langkah-langkahnya :
- Login blog sobat.
- Klik Edit HTML > centang Expand Template Widget,.
- Cari kode ]]></b:skin> ( gunakan CTRL+F )
- - Kemudian Copy-paste Script Berikut tepat diatas ]]></b:skin>
.admin-tulisan{
display:block;
width:auto;
background:#FFFFFF;
border:2px solid #000000;
box-shadow:0 1px 3px #000;-moz-box-shadow:0 1px 3px #000;-webkit-box-shadow:0 1px 3px #000;
padding:0;
margin:30px 0 10px 0;
font:normal 12px Comic Sans Ms;
color:#222;
}
.admin-tulisan .kontainer{padding:5px;}
.admin-tulisan h4{
background:#0000FF;
border:none;
border-bottom:2px solid #000000;
color:#fff;
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:#FEEA83;}
.admin-tulisan img{
width:70px;
height:70px;
margin:0 10px 0 0;
float:left;
border:1px solid #000000;
padding:2px;
background:#000000;
box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;
}
- Selanjutnya cari Kode <div class='post-footer>
- Copy-paste script berikut tepat diatas <div class='post-footer>
<!-- Kotak Admin -->
<b:if cond='data:blog.pageType == "item"'>
<div class='admin-tulisan'>
<h4>Di Posting Oleh : <a expr:href='data:blog.homepageUrl'><data:post.author/></a> ~ http://soahku.blogspot.com/</h4>
<div class='kontainer'>
<img src='http://lh4.googleusercontent.com/-yhwFxY9kjHU/AAAAAAAAAAI/AAAAAAAAAB0/qO1FkpgqnzQ/s512-c/photo.jpg'/>
Artikel <a expr:href='data:post.url'><data:post.title/></a> ini diposting oleh <data:post.author/> pada hari <data:post.dateHeader/>. Terimakasih atas kunjungan Anda serta kesediaan Anda membaca artikel ini. Kritik dan saran dapat Anda sampaikan melalui kotak komentar. Semoga Artikel <data:post.title/> ini bermanfaat.
<p><span style='float:Center;font:bold 12px Comic Sans Ms;'><a href='http://soahku.blogspot.com/2013/03/cara-membuat-kotak-admin-di-bawah.html' target='_blank'><b><blink>Silahkan Klik Untuk Memasang Widget Ini!</blink></b></a></span></p>
<div style='clear:both;'/>
</div>
</div>
</b:if>
<!-- Kotak Admin -->
- Save dan Lihat hasilnya , semoga bermanfaat ! !
*Catatan :
* tulisan yang berwarna merah ganti sesuai keinginan Sobat sendiri. http://soahku.blogspot.com/ Anda ganti dengan URL blog Sobat.
* Kemudianhttp://lh4.googleusercontent.com/-yhwFxY9kjHU/AAAAAAAAAAI/AAAAAAAAAB0/qO1FkpgqnzQ/s512-c/photo.jpg ganti dengan URL photo Sobat.
-
kok gak isa tampil ya bro
ReplyDeleteCoba ULangi Tutornya Dari Awal Pasti Ada Kesalahan Boss. . .
Deletethankss