What do you like blogging??? hehehe . . . kali ini blog Oto Website akan membahas dan berbagi kepada sobat semua tentang Cara Memasang Kotak Admin Di Bawah Postingan Ala Oto Website. Kotak admin kalo di pasang di bawah postingan blog akan menjadi lebih menarik, dan kita juga bisa menulis kata-kata yang bisa memberitahu agart tidak mengcopy-paste articles blog kita tanpa seizin admin atau kita dan lain sebagainya deah!
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

Nah seperti itulah contonya, untuk Cara Memasang Kotak Admin Di Bawah Postingan Ala Oto Website ke blog sobat, sobat cukup ikuti langkah-langkah berikut ini, lest go . . . !!!

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;
}

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='http://4.bp.blogspot.com/-QGJzzavJvy0/T7eYJeLqiWI/AAAAAAAABT0/UqUIZxHqwPg/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!

Poskan Komentar Blogger Disqus

  1. kok punyaku nggak berhasil ya.. padahal udah sesuai dg petunjuk :(

    BalasHapus
  2. @Inda Christie S.Lebih baik Anda periksa lagi, karna bila Anda benar menempatkan kodenya maka hasilnya hampir mirip seperti milik saya!

    BalasHapus
  3. Thanks mas dah saya coba dan berhasil

    BalasHapus
Catatan:
Untuk menyisipkan kode, gunakan tag <i rel="code">KODE ANDA...</i>
Kode yang panjang bisa menggunakan tag <i rel="pre">KODE PANJANG ANDA...</i>
Untuk menyisipkan gambar, gunakan tag <i rel="image">URL GAMBAR...</i>
Untuk menyisipkan judul, gunakan tag <b rel="h3">JUDUL ANDA DI SINI...</b>
Untuk menciptakan efek tebal gunakan tag <b>TEKS ANDA DI SINI...</b>
Untuk menciptakan efek huruf miring gunakan tag <i>TEKS ANDA DI SINI...</i>

Penting:
Jika Anda mengajukan pertanyaan klik 'Subscribe by email' link di bawah form komentar untuk mengetahui komentar balasan.

Khusus untuk membalas komentar disarankan menggunakan tombol balas/reply di samping komentar terkait dibandingkan menggunakan formulir komentar di bawah agar komunikasi lebih terstruktur.

Dilarang Meninggalkan Link Aktif, Link Aktif Terpaksa Akan Saya Hapus Dari Komentar.

NB: Jika ingin menuliskan kode pada komentar harap gunakan Tool untuk mengkonversi kode tersebut agar kode bisa muncul dan jelas atau gunakan tool dibawah "Konversi Kode di Sini!".

Konversi Kode di Sini! Daftar Member Aktif

 
Top