Kali ini saya akan berbagi dengan teman-teman blogger mengenai tata cara mebuat kotak Admin dibawah postingan blog, fungsinya adalah untuk menunjukkan kepada pengunjung tentang diri anda agar dikenal lebih dekat lagi.
Daripada basa-basi mending saya langsung aja pada tips :
- Buka design blog
- Masuk ke Template dan buka Edit HTML
- Cari Kode Script ]]></b:skin> (untuk memudahkan pencarian gunakan control+F)
- Masukkan code script dibawah ini 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;
} - Setelah itu cari code script <div class='bookmark'><ul> biasanya paling bawah, lalu masukkan code script dibawah ini tepat diatasnya :<!-- 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://aderaw.blogspot.com/</h4>
<div class='kontainer'>
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNXOsaCKmtPGUNj7-6rLlH5KtqUsj3k1Vct6Xz3QQIdYhpGoisUfooA1U-F1W0tNHyajhYCzjxqCD_xwBtrpvrRtjqxbBAw1xqplql2BR919vTSMT2nnwkKgaiYun5Ja8moyd7F0p6UG8/s237/aaaaaaaaaaaaaaaaaaaaaaaa.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 Sobat serta kesediaan Sobat membaca artikel ini, Kritik dan saran dapat Sobat sampaikan melalui kotak komentar. Semoga Artikel <data:post.title/> Bermanfaat .. ^_^
<p><span style='float:Center;font:bold 12px Comic Sans Ms;'><a href='http://aderaw.blogspot.com' target='_blank'><b><blink>Klik Untuk Memasang Widget Ini!</blink></b></a></span></p>
<div style='clear:both;'/>
</div>
</div>
</b:if>
<!-- Kotak Admin --> - Ganti code yang berwarna merah sesuai dengan keinginan anda, ingat! hanya code berwarna merah.
- Simpan dan cek hasilnya
0 komentar:
Posting Komentar