1. Seperti yang dulu-dulu, login ke akun blogger
2. Pilih Template, Edit HTML, jangan lupa centang Expand Template Widget untuk berjaga-jaga kalau ada
yang error
3. Kemudian cari kode berikut: <div class='post-footer'>
4. Jika sudah ditemukan, letakkan kode di bawah ini di atas kode: <div class='post-footer'> yang pertama
<!-- Kotak Admin -->
<b:if cond='data:blog.pageType == "item"'>
<div class='admin-tulisan'>
<h4>Posted by : <a expr:href='data:blog.homepageUrl'>TULIS NAMA PENULIS BLOG DI SINI </a> ~ / <a href="http://se-cara.blogspot.com/2013/03/cara-pasang-widget-kotak-pesan-admin.html">Widget</a></h4>
<div class='kontainer'>
<img src='URL GAMBAR DI SINI'/>
Artikel <a expr:href='data:post.url'><data:post.title/></a> diposting oleh<b> TULIS NAMA PENULIS BLOG DI SINI </b>pada <data:post.dateHeader/>. Terima kasih atas kunjungannya. Kritik dan saran dapat disampaikan melalui kotak komentar. Jika diperlukan Artikel ini bisa disebarluaskan melalui blog Sobat, hanya saja mohon sertakan link sumbernya dengan tautan link aktif ke postingan ini. Terimakasih. Selamat bersenang-senang.
<div style='clear:both;'/>
</div>
</div>
</b:if>
<!-- Kotak Admin selesai -->
Ket: untuk tulisan yang berwarna kuning, Sobat ganti dengan nama penulis blog atau kode:
<data:post.author/>
untuk tulisan yang berwarna hijau, Sobat ganti dengan url gambar.
untuk warna hitam bisa Sobat ganti dengan kata-kata mutiara lain.
5. Untuk perjalanan berikutnya, cari kode: <data:post.body/>
Biasanya kalau blog Sobat memakai Read more terdapat 2 atau 3
6. Kemudian letakkan kode di bawah ini di bawah kode:
<data:post.body/> yang nomor 2. Jika error letakkan di atas kode: ]]></b:skin>
/*--Mulai Kotak Admin --*/
.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;
}
Ket: untuk ukuran font, jenis warna, letk tulisan bisa Sobat ganti sesuai keinginan yang berlaku bagi Sobat.
7. Setelah semuanya selesai dengan sukses, baru Sobat Simpan.
Cukuf sekian, semoga bermanfaat buat Sobat... :) Ada pertanyaan? Tulis di kotak komentarrr...!
Widget
0 Komentar
-Berkomentarlah yang baik dan rapi.
-Menggunakan link aktif akan dihapus.