Cara Memasang Kotak Admin Diblog - Begitu banyak cara untuk membuat blog tampak cantik, baik dan komunikatif. Salah satunya adalah dengan cara memasang kotak admin dibawah posting blog yang berisikan nama,foto,artikel, dan pesan dari admin. Sobat blogger juga bisa menulis kata-kata yang sobat inginkan melalui kotak admin ini. Sobat bisa langsung melihat contohnya dibawah posting artikel saya ini. Kalau misalkan sobat tertarik ikuti langkah saya tulis sebagai berikut :
1. Login ke Akun Blogger sobat.
2. Pilih Menu Rancangan.
3. Klik Edit HTML.
4. Centang Expand Widget Template.
5. Kemudian cari kode ini <div class='post-footer'> gunakan Ctrl+F atau F3 untuk mempercepat pencarian.
6. Selanjutnya copy kode dibawah ini
<!-- Kotak Admin -->
<b:if cond='data:blog.pageType == "item"'>
<div class='admin-tulisan'>
<h4>Ditulis Oleh : <a expr:href='data:blog.homepageUrl'><data:post.author/></a> ~ Gubuk Curhat</h4>
<div class='kontainer'>
<img src='http://i1173.photobucket.com/albums/r582/idambashori/hanya-gubuk.jpg'/>
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.
<p><span style='float:right;font:italic 10px Arial, Sans-Serif;'><a href='http://rayhanzhampiet.blogspot.com/2011/11/cara-membuat-kotak-admin-dibawah.html' target='_blank'>:: Get this widget ! ::</a></span></p>
<div style='clear:both;'/>
</div>
</div>
</b:if>
<!-- Kotak Admin -->
7. Taruh kode yang sobat copy di atas kode nomor 5.
8. Cari kode seperti ini ]]></b:skin>
.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;
}
9. Copy Kode diatas dan taruh dan taruh tepat di atas kode nomor 8.
10. Save atau Simpan Template sobat.
Nah sekarang kotak admin yang keren sudah terpampan diblog sobat.!!! Untuk kritik dan saran sobat bisa sampaikan di kotak komentar dibawah. Sampai disini dulu sobat Cara Memasang Kotak Admin Diblog. Semoga cara tadi bermanfaat buat sobat dan saya pribadi......... :)
Baca Juga Artikel Di Bawah Ini!!
Widget Blog
- Tutorial Merubah atau Menambah Penulis di Blog
- Cara Merubah Favicon atau Logo Blog Judul di Blogspot
- Mempercantik Blog Dengan Kupu-kupu
- Cara Memasang Efek Daun Berjatuhan di Blog
- Memasang Widget Komentar Terbaru di Blog
- Membuat Daftar Isi Secara Otomatis
- Cara Membuat Recent Post Berjalan
- Cara Memasang Kotak Admin Diblog
- Cara Memasang Chat Room di Blog
- Cara Memasang Kotak Komentar Facebook di Blog
- Justin Bieber Ada Diblog
- Cara Membuat Menu Blog Otomatis
- Cara Memasang My Tweet Twitter di Blog
- Cara Memasang Facebook,Twitter,RSS Melayang di Blog
- Cara Memasang Random Post
- Cara Memasang Jadwal Sholat di Blog
- Cara Membuat Populer Post Dengan 3D
- Cara Memasang Berita Berjalan di Blog
- Cara Memasang Anti Copas Pada Blog
- Cara Memasang New Tab Pada Blog
- Cara Membuat Menu Explorer di Blog
- Cara Memasang Scrool Pada Arcive Blog
- Cara Membuat Tampilan Populer Post Lebih Menarik (Grid)
- Cara Pasang Iklan di Blog
- Cara Memasang Twitter di Blog
Tutorial Blog
- Tutorial Merubah atau Menambah Penulis di Blog
- Cara Merubah Favicon atau Logo Blog Judul di Blogspot
- Tuturial atau Cara Membuat DP di BBM bergerak
- Membuat Komik Retro Dengan Photoshop
- Cara Merubah Kotak Komentar Bertingkat
- Mempercantik Blog Dengan Kupu-kupu
- Cara Memasang Efek Daun Berjatuhan di Blog
- Memasang Widget Komentar Terbaru di Blog
- Cara Menambah Emotion Dikotak Komentar Blog
- Membuat Daftar Isi Secara Otomatis
- Memperbaiki Tombol Balas Kotak Komentar
- Cara Merubah Tampilan Kotak Komentar Blog
- Cara Membuat Menu JQuery Dengan Animasi Di Blog
- Cara Membuat Recent Post Berjalan
- Cara Memasang Kotak Admin Diblog
- Cara Memasang Chat Room di Blog
- Cara Memasang Kotak Komentar Facebook di Blog
- Justin Bieber Ada Diblog
- Cara Membuat Menu Blog Otomatis
- Cara Memasang My Tweet Twitter di Blog
- Cara Memasang Facebook,Twitter,RSS Melayang di Blog
- Cara Memasang Random Post
- Cara Memasang Jadwal Sholat di Blog
- Cara Membuat Populer Post Dengan 3D
- Cara Tercepat Terindex On Search Engine Google
Artikel 
^_^
BalasHapus