Kalo ingin lihat contohnya sobat bisa lihat di bagian bawah postingan blog ini (kalo blog ini masih menggunakannya) kalo sudah tidak ada untuk contoh mungkin sobat bisa lihat gambar berikut.
Contoh Kotak Admin Di Bawah Postingan Ala Oto Website
1. Masuk ke akun blogger sobat.
2. Pada menu pilih Rancangan ➨ Edit HTML.
3. Jangan lupa untuk mencentang Expand Template Widget ➨ Lalu download template sobat untuk mengantisipasi bila terjadi kesalahan.
4. Selanjutnya di dalam kotak Edit template sobat cari kode ]]></b:skin> jika kesulitan mencarinya coba sobat baca Cara Cepat Mencari Kode HTML.
5. Jika sudah ketemu, sekarang copy kode di bawah ini dan paste atau letakkan di atas kode ]]></b:skin>.
.admin-tulisan{
display:block;
width:auto;
background:#666666;
border:2px solid #999999;
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:#999999;
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;
}
display:block;
width:auto;
background:#666666;
border:2px solid #999999;
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:#999999;
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;
}
6. Masih di dalam Edit Template, Sekarang kita akan menempatkan kotak adminnya, nah untuk itu coba sobat cari kode <data:post.body/> ,jika sudah ketemu copy-paste kode di bawah ini atau letakkan di bawah kode <data:post.body/>. (jika sobat sudah memasang readmore otomatis dan ada dua atau tiga kode yang sama maka pilih kode yang kedua, ok)
<!-- Kotak Admin By: Oto Website/ start -->
<b:if cond='data:blog.pageType == "item"'>
<div class='admin-tulisan'>
<h4>Ditulis Oleh : <a expr:href='data:blog.homepageUrl'><data:post.author/></a> ~ Oto Website</h4>
<div class='kontainer'>
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCmjjx0PZ445Mu_mPImHReIpaRKFgm-FeeSFLHLCjUEZYGIWQ-jrk6fLPbLLQGwqpudhdUo9dV2otmtVARb0gFbZs64zdUvoDejxpHlpIQmSbnCCgPkYhgIQu-m-FVxjxZkpPMH6xgQh8/s1600/@dek_rif.jpg'/>
Artikel <b><a expr:href='data:post.url'><data:post.title/></a></b> ini dipublish pada hari <b><data:post.dateHeader/></b>. Semoga artikel ini dapat bermanfaat.Terimakasih atas kunjungan Sobat silahkan tinggalkan komentar. sudah ada <b><b:if cond='data:post.numComments == 1'>1<data:commentLabel/>:<b:else/><data:post.numComments/> komentar:</b:if></b> di postingan <b><a expr:href='data:post.url'><data:post.title/></a>.</b> <b>Dilarang Copy-Paste Articles Blog Ini Tanpa Seizin Admin.</b> Hargailah karya orang lain,maka karyamu juga akan di hargai.
<div style='clear:both;'/>
</div>
</div>
</b:if>
<!-- Kotak Admin By: Oto Website/ end -->
<b:if cond='data:blog.pageType == "item"'>
<div class='admin-tulisan'>
<h4>Ditulis Oleh : <a expr:href='data:blog.homepageUrl'><data:post.author/></a> ~ Oto Website</h4>
<div class='kontainer'>
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCmjjx0PZ445Mu_mPImHReIpaRKFgm-FeeSFLHLCjUEZYGIWQ-jrk6fLPbLLQGwqpudhdUo9dV2otmtVARb0gFbZs64zdUvoDejxpHlpIQmSbnCCgPkYhgIQu-m-FVxjxZkpPMH6xgQh8/s1600/@dek_rif.jpg'/>
Artikel <b><a expr:href='data:post.url'><data:post.title/></a></b> ini dipublish pada hari <b><data:post.dateHeader/></b>. Semoga artikel ini dapat bermanfaat.Terimakasih atas kunjungan Sobat silahkan tinggalkan komentar. sudah ada <b><b:if cond='data:post.numComments == 1'>1<data:commentLabel/>:<b:else/><data:post.numComments/> komentar:</b:if></b> di postingan <b><a expr:href='data:post.url'><data:post.title/></a>.</b> <b>Dilarang Copy-Paste Articles Blog Ini Tanpa Seizin Admin.</b> Hargailah karya orang lain,maka karyamu juga akan di hargai.
<div style='clear:both;'/>
</div>
</div>
</b:if>
<!-- Kotak Admin By: Oto Website/ end -->
7. Simpan.
Sekarang sobat bisa lihat hasilnya sendiri.
Keterangan:
Silahkan sobat ganti kata-kata atau teks di atas dengan kata-kata sobat sendiri.
Warna merah silahkan sobat ganti dengan title blog sobat.
Warna biru adalah Url gambar, silahkan sobat ganti dengan url gambar sobat sendiri.
Nah sekian dulu untuk kali ini,semoga bisa bermanfaat!!!
Bagaimana apakah sobat berhasil menerapkannya ke blog sobat? silahkan tinggalkan tanggapan atau komentar sobat tentang postingan atau articles kali ini!
kok punyaku nggak berhasil ya.. padahal udah sesuai dg petunjuk :(
BalasHapus@Inda Christie S.Lebih baik Anda periksa lagi, karna bila Anda benar menempatkan kodenya maka hasilnya hampir mirip seperti milik saya!
BalasHapusThanks mas dah saya coba dan berhasil
BalasHapus@Abey LesmanaSama2
BalasHapusSaya Devina dari indonesia di Surabaya, saya mengabdikan waktu saya di sini karena janji yang saya buat untuk Nyonya Elizabeth yang kebetulan merupakan pemberi pinjaman online dari perusahaan pinjaman Elizabeth dan saya berdoa kepada ALLAH agar dia dapat melihat posting saya pada hari ini.
BalasHapusBeberapa bulan yang lalu saya melihat komentar diposting oleh seorang wanita bernama Arnah dan bagaimana dia telah scammed meminta pinjaman online dari Dr James Mowat, menurut dia sebelum ALLAH mengarahkannya ke tangan Nyonya Elizabeth dan Nyonya Elizabeth meminjamkan 2.500.000 Rupiah tanpa tekanan dan tunda, jangan hubungi Dr. James Mowat melalui email: jamesmowatloanfirm@gmail.com untuk menghindari menjadi korban penipuan.
Saya memutuskan untuk menghubungi Arnah untuk mengkonfirmasi apakah itu benar dan untuk membimbing saya tentang cara mendapatkan pinjaman dari Nyonya Elizabeth, dia mengatakan kepada saya untuk menghubungi Nyonya Elizabeth saya bersikeras bahwa dia harus tolong beri tahu saya proses dan kriteria yang dia katakan itu sangat mudah tentang bagaimana mengajukan permohonan pinjaman dari Nyonya Elizabeth yang perlu saya lakukan adalah menghubungi dia, mengisi formulir aplikasi mengirimnya kembali, mengirim salinan pindaian kartu identitas saya, kemudian mendaftar dengan perusahaan setelah itu saya akan mendapatkan pinjaman saya . lalu saya bertanya padanya bagaimana Anda mendapat pinjaman? Dia menjawab bahwa hanya itu yang dia lakukan, itu sangat mengejutkan.
Saya menghubungi Nyonya Elizabeth dan saya mengikuti instruksi dengan hati-hati untungnya bagi saya saya memenuhi persyaratan mereka dan pinjaman saya berhasil disetujui tetapi sebelum pinjaman dipindahkan ke akun saya, saya diminta untuk membuat janji untuk membagikan kabar baik Nyonya Elizabeth dan itu adalah mengapa Anda melihat posting ini hari ini. untuk kejutan terbesar saya, saya menerima peringatan dari 150000000 Rupiah. Jadi saya menyarankan setiap orang yang mencari sumber yang dapat dipercaya untuk mendapatkan pinjaman untuk menghubungi Nyonya Elizabeth melalui Email: elizaabethchristopherloan@gmail.com untuk pinjaman aman Anda juga dapat menghubungi saya di Email saya : devinairf128@gmail.com atau Anda juga dapat menghubungi Arnah di arnahnana01@gmail.com. Saya percaya satu giliran yang baik layak mendapat yang lain.