Cara Memasang Box Author Di Bawah Posting Blog

"Cara Memasang Box Author Di Bawah Posting Blog" Selamat malam sobat bloger pada kesempatan ini saya akan membahas artikel seperti judul di atas,OK langsung saja :

1. -Sobat masuk ke blog sobat
2. -Masuk ke dasbor klik rancangan
3. -Klik edit HTML
4. -Jangan lupa centang expan widgad tempelate
5. -Cari code ]]><b:skin/> gunakan (ctrl+f) untuk mempermudah pencarian

Kalo sudah ketemu code ]]><b:skin/> paste kan code di bawah ini tepat di atas kode pada no.5

.admin-tulisan{
display:block;
width:auto;
background:#666666;
border:2px solid #999999;
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 Arial, Sans-Serif;
color:#222;
}
.admin-tulisan .kontainer{padding:5px;}
.admin-tulisan h4{
background:#999999;
border:none;
border-bottom:1px solid #699019;
color:#fff;
text-transform:normal;
text-shadow:0 1px 0 rgba(0, 0, 0, 0.4);
font:bold 12px Arial,Sans-Serif;
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 #954B02;
padding:2px;
background:#C36702;
box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;
}

       6.Kemudian kalo sobat mau meletakan di bawah posting sobat cari code <data:post.body/> dan letakan code script di bawah ini tepat di bawahnya.

<!-- Kotak Admin -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='admin-tulisan'>
<h4>Ditulis Oleh : <a expr:href='data:blog.homepageUrl'><data:post.author/></a> ~ Tutorial Blog, Tips, Trik, Download</h4>
<div class='kontainer'>
<img src='http://i1051.photobucket.com/albums/s430/putrabungsu2/50x50.jpg'/>
Artikel <a expr:href='data:post.url'><data:post.title/></a>MASUKAN TULISAN SOBAT DISINI<div style='clear:both;'/>
</div>
</div>
</b:if>
<!-- Kotak Admin -->

Ket :

1. Ganti tulisan yang bertinta biru dengan URL foto sobat untuk mendapatkan URL nya silahkan upload disini  http://photobucket.com/
2. Ganti tulisan tinta merah dengan keterangan sesuai keinginan sobat
3. Klik save/simpan tempelate sobat
4. Lihat hasilnya

Demikian pembahasan mengenai "Cara Memasang Box Author Di Bawah Posting Blog" semoga bermanfaat

BERLANGGANAN VIA EMAIL
Jika sobat menyukai artikel di Blog ini silahkan masukan email untuk berlangganan jangan lupa like'a hehehe,,,
Enter your email address:


Delivered by FeedBurner