Asalamu'alaikum sobat semua, udah lama banget ya rasanya saya ndak muncul dari dunia mayya.... cieee.... :(
ya, udah lama gak buka blog, ya ampuuun.... banyak sarang laba-labanya, ada rumah kalajengking nya lagi,, hehehe.... hmmmsss.... dari pada gak posting2 mending posting2 sesuatu sapa tau ada yang minat baca, semoga bermanfaat ya sob.... oke silahkan baca
Cara Membuat Kotak Admin
Di Blogspot
:
1Login ke dashboard blogger anda.
Pilih Rancangan >> Edit HTML,
centangExpand template widget.
3 Cari kode <divclass='post-footer'>
pada template.
4 Copy script kotak admin dibawah
ini dan paste tepat di atas kode <div
class='post-footer'>.
<!-- Kotak Admin -->
<b:if cond='data:blog.pageType
=="item"'>
<div class='admin-tulisan'>
<h4>Ditulis Oleh : <a
expr:href='data:blog.homepageUrl'><data:post.author/></a>~ BIODATA YANG AKAN DI PAPARKAN</h4>
<div class='kontainer'>
<img src='https://lh5.googleusercontent.com/-AyTbO3Q6WVc/ULLthvQo06I/AAAAAAAAANw/1DaL_TAwEhA/s128/LDK.jpg
'/>
Artikel
<aexpr:href='data:post.url'><data:post.title/></a>ini
diposting oleh <data:post.author/> pada
hari<data:post.dateHeader/>. Terimakasih atas kunjungan Anda serta kesediaanAnda
membaca artikel ini. Kritik dan saran dapat anda sampaikan melalui kotak
komentar.
<p><span
style='float:right;font:italic10px Arial, Sans-Serif;'><ahref='mediaalishlah.blogspot.com'target='_blank'</a></span></p>
<div style='clear:both;'/>
</div>
</div>
</b:if>
<!-- Kotak Admin -->
5. Kemudian cari lagi kode ]]></b:skin>pada template sobat.
6.
Copy kode CSS dibawah ini dan paste
tepat diataskode ]]></b:skin>.
Jikagagal sobat dapat juga meletakkan kode CSS tadi tepat dibawah kode <data:post.body/>.
.admin-tulisan{
display:block;
width:auto;
background:#CFE2E0;
border:2px solid #fff;
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:#8A9C04;
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;
}
7.
Silahkan ganti link URL gambar
profil yangberwarna merah dengan link gambar
profil sobat.Jika sobat ingin menuliskan dengan kata-kata ulasan yang lain,
ganti/edit dulu kata-kataulasannya di notepad.
8.
Untuk jenis font, warna background
dan border jugadapat sobat ganti/edit sesuai keinginan.
9.
Preview dulu hasil kotak admin yang
dibuat. Jikaediting sudah dirasa cukup, Save/Simpan template anda.
semoga bermanfaat......
0 Comments:
Posting Komentar