Cara Membuat Kotak Admin, Slamat malam semuanya sambil duduk2 tidak tahu mau menulis apa mendingan saya sharing sj artikel membuat kotak admin pada walaupun tutorial ini sudah banyak para blogger yang membahasnya, apa salahnya saya sharing kembali ya kan?. Perlu teman2 ketahui ternyata Kotak Admin juga berfungsi agar posting terindek oleh mesin pencarian disamping itu blog kita kelihatan seperti blog profesional, contohnya bisa teman2 lihat di blog ini dengan gambar seperti di bawah ini
Oke langsung saja ya, tanpa basa-basi
4. Selanjutnya cari kode <data:post.body/> dan letakkan kode di bawah ini, tepat di bawah kode <data:post.body/>
Keterangan :
Ganti kode yang berwarna merah dengan gambar anda
5. Kemudia Pertinjauan kalau tidak ada masalah klik save template dan lihat hasilnya
Oke langsung saja ya, tanpa basa-basi
1. Masuk di blog anda
2. Pilih rancangan -- Template -- EDIT HTML
3. Kemudian cari kode ]]></b:skin> dan letakkan kode di bawah ini, tepat di atas kode ]]></b:skin>
2. Pilih rancangan -- Template -- EDIT HTML
3. Kemudian cari kode ]]></b:skin> dan letakkan kode di bawah ini, tepat di atas kode ]]></b:skin>
.admin-tulisan{
width:auto;
background:#AAC4FC;
border:2px solid #1067ae;
margin:30px 0 10px 0;
display:block;
font-family:"julee";
color:#000;
}
.admin-tulisan .kontainer{padding:5px;}
.admin-tulisan h4{
background:#1268af;
border:none;
border-bottom:1px solid #000000;
color:#F7CC22;
font-family:"julee";
text-shadow:0 1px 0 rgba(0, 0, 0, 0.4);
padding:5px 10px;
margin:0 0 0 0;
display:block;
}
.admin-tulisan h4 a{color:#0000;}
.admin-tulisan img{
background:#1268af;
width:90px;
height:100px;
border:1px solid #1268af;
margin:1px 10px 0 0;
float:left;
padding:1px;
box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;
}
width:auto;
background:#AAC4FC;
border:2px solid #1067ae;
margin:30px 0 10px 0;
display:block;
font-family:"julee";
color:#000;
}
.admin-tulisan .kontainer{padding:5px;}
.admin-tulisan h4{
background:#1268af;
border:none;
border-bottom:1px solid #000000;
color:#F7CC22;
font-family:"julee";
text-shadow:0 1px 0 rgba(0, 0, 0, 0.4);
padding:5px 10px;
margin:0 0 0 0;
display:block;
}
.admin-tulisan h4 a{color:#0000;}
.admin-tulisan img{
background:#1268af;
width:90px;
height:100px;
border:1px solid #1268af;
margin:1px 10px 0 0;
float:left;
padding:1px;
box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;
}
4. Selanjutnya cari kode <data:post.body/> dan letakkan kode di bawah ini, tepat di bawah kode <data:post.body/>
<!-- BMatindas -->
<b:if cond='data:blog.pageType == "item"'>
<div class='admin-tulisan'>
<h4>Ditulis Oleh : <b>Fianetmu.Com</b> ~ Blog Tutorial, News, Androids, Software dan Informasi</h4>
<div class='kontainer'>
<img alt='BMatindas' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2cMLufI_pMyH7Lxzy5C74J8rhoPcxXWrW3p7ED_XF4Vd535ajMgJaVEj4ACF6dc7rBWJv_tVCzYnrtdl4k1Ddd3lZzFeF-45WrPviO6jjlOHS-qRbCKDKEJ9206L48p13qCII8tI9Owtu/s1600/images.jpg'/>
Anda sedang membaca artikel tentang <b><a expr:href='data:post.url'><data:post.title/></a></b>. Oleh BMatindas, Anda diperbolehkan mengcopy paste atau menyebar luaskan artikel ini, namun jangan lupa untuk meletakkan link dibawah ini sebagai sumbernya
<textarea cols='50' id='bloglinking' name='bloglinking' onclick='this.focus();this.select()' onfocus='this.select()' onmouseover='this.focus()' readonly='readonly' rows='1'><a href="<data:post.url/>" target="_blank"><data:blog.pageName/></a></textarea>
<p><span style='float:right;font:italic 10px Arial, Sans-Serif;'>
<a href='http://www.fianetmu.com' target='_blank'>:: Widget ::</a></span></p>
<div style='clear:both;'/>
</div>
</div>
</b:if>
<!-- BMatindas -->
<b:if cond='data:blog.pageType == "item"'>
<div class='admin-tulisan'>
<h4>Ditulis Oleh : <b>Fianetmu.Com</b> ~ Blog Tutorial, News, Androids, Software dan Informasi</h4>
<div class='kontainer'>
<img alt='BMatindas' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2cMLufI_pMyH7Lxzy5C74J8rhoPcxXWrW3p7ED_XF4Vd535ajMgJaVEj4ACF6dc7rBWJv_tVCzYnrtdl4k1Ddd3lZzFeF-45WrPviO6jjlOHS-qRbCKDKEJ9206L48p13qCII8tI9Owtu/s1600/images.jpg'/>
Anda sedang membaca artikel tentang <b><a expr:href='data:post.url'><data:post.title/></a></b>. Oleh BMatindas, Anda diperbolehkan mengcopy paste atau menyebar luaskan artikel ini, namun jangan lupa untuk meletakkan link dibawah ini sebagai sumbernya
<textarea cols='50' id='bloglinking' name='bloglinking' onclick='this.focus();this.select()' onfocus='this.select()' onmouseover='this.focus()' readonly='readonly' rows='1'><a href="<data:post.url/>" target="_blank"><data:blog.pageName/></a></textarea>
<p><span style='float:right;font:italic 10px Arial, Sans-Serif;'>
<a href='http://www.fianetmu.com' target='_blank'>:: Widget ::</a></span></p>
<div style='clear:both;'/>
</div>
</div>
</b:if>
<!-- BMatindas -->
Keterangan :
Ganti kode yang berwarna merah dengan gambar anda
5. Kemudia Pertinjauan kalau tidak ada masalah klik save template dan lihat hasilnya
