Sabtu, 09 Juni 2012
,jika para blogger ingin membuat kotak admin dibawah postingan blog seperti gambar dibawah ini, ayo ikuti langkah langkahnya. Langsung saja kita ke TKP. Cussshh...
2. Pilih Template
3. Pilih Edit HTML, jangan lupa centang Expand Template Widget
4. Kemudian copy paste kode dibawah ini diatas kode ]]> </ b: skin>
. Tulisan {admin-4. Lalu copy paste kode berikut dibawah kode <data:post.body/>
display: block;
width: auto;
background: # 1E1E1F;
border: 2px solid # 333;
box-shadow: 0 1px 3px # 000;-moz-box-shadow: 0px 0px 10px # 292929;
-Webkit-box-shadow: 0px 0px 10px # 292929;
box-shadow: 0px 0px 10px # 292929;;
padding: 0;
margin: 30px 0 10px 0;
Font: normal 12px Arial, Sans-serif;
color: # D9D9D9;
}
.admin-tulisan .kontainer{padding:5px;}
Tulisan h4. {Admin-
background: # 4733FF;
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;}
Tulisan img. {Admin-
width: 70px;
height: 70px;
margin: 0 10px 0 0;
float: left;
border: 1px solid # 954B02;
padding: 2px;
background: # 2E2E2E;
box-shadow: none;-moz-box-shadow: none;-webkit-box-shadow: none;
}
<b:if cond='data:blog.pageType == "item"'>5. Ganti warna kuning dengan alamat blog dan url gambar
<div class='admin-tulisan'>
<h4> Ditulis Oleh: <a expr:href='data:blog.homepageUrl'> <data:post.author/> </ a> ~ davidchielietonga06.blogspot.com </ h4>
<div class='kontainer'>
<Img src = 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4TWfhqDtyMlVC-zdU4vPmrToHoWrbWzoSoT_2PEhFIIrew1rX-sItAF3bYazJdQxdROp1WGJLB4Iwsizcv7fUXgG07uhcU8UPNML08AiOBM4X93fNsAM6EzH1N22rBmPo13SLj0tQU0E/h120/Kyuubi.gif' />
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.
<div style='clear:both;'/>
</ Div>
</ Div>
</ B: if>
6. Simpan template
>> SELAMAT MENCOBA <<
